Quest

Quest 3 – ThreeJS Portfolio Website

Join us on Discord
STATUS Past
TOTAL REWARDS
$1,200
REWARD AMOUNT
$2
STARTS (GMT +08:00)
ENDS (GMT +08:00)

Learning Outcomes

By the end of your learning, you will be able to

  • Animate Meshes in ThreeJS
  • Animate the Camera object when the user scrolls
  • Fill 3D Scene with the Stars as the fillers in the backgrounds

Quest Details

Introduction

We have learnt how to create and add 3D Mesh objects to our website. We have also learnt how to animate and manipulate our camera objects as well.

Here, we want to put everything we have learnt into good use! We will create a portfolio website and include some form of ThreeJS technology. Each time the user scrolls in the website, we will do a zooming-out feature which shows our ThreeJS components in the background.

So what are you waiting for? Quickly open your code editor as we build our very own personal portfolio website with ThreeJS!

For technical help, be sure to join our StackUp Discord and head to the 🆘｜general-help channel.

Deliverables

This quest has 2 deliverables.

  1. Web Link
  2. Screenshot

This quest is part of a campaign so do check out other quests!

More Quests
Help Center Need help?

Find articles to support you through your journey or chat with our support team.

Help Center