Quest

Quest 1 – Introduction to ThreeJS

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

Learning Outcomes

You will be able to

  • Grasp the foundational knowledge of Classes
  • Differentiate between using classes and functions
  • Create private functions and variables within classes
  • Recognise the variable scope of how variables can be used throughout the JavaScript file
  • Create an instance of a class and to create a super-class

Quest Details

Introduction

Did you know that we can create, view and interact with our very own 3D environment on our web browser? With ThreeJS, we are now able to do that.

ThreeJS is one of several JavaScript libraries that enables you to build a 3D environment seamlessly. ThreeJS is built on the core technology of HTML, CSS and JavaScript. When the web was first created, it was meant to only support images, followed by videos. Now as technology is ubiquitous, handheld and personal computing devices have advanced to handle more complicated workloads, like rendering a 3D environment, right at the palm of your hand.

We will read an article about ThreeJS and we will get started by building our very first web application with ThreeJS on VanillaJS (plain JavaScript without additional libraries or frameworks). We will use Vite to initialise our project and create a local server for us to test our website in real time. Let’s get started!

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

Deliverables

This quest has 2 deliverables.

  1. Quiz
  2. Web Link

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