Building Our First three.js Project

Learn everything you need to build your first three.js project

Welcome to our course on Building Our First three.js Project

What you’ll learn

  • What is threeJS.
  • Why is threeJS the next big thing.
  • How to install Three js and import it into your project.
  • What are the core building blocks of threeJS Project.
  • How to create Scene Object in threeJS.
  • Different types of Cameras available in threeJS.
  • How to create Camera Object in threeJS.
  • How to create Renderer Object in threeJS.
  • What are different threeJS Geometry Types.
  • What are different threeJS Material Types.
  • How to create a 3D Cube using the Box Geometry in threeJS.
  • How to create MeshLambertMaterial in threeJS.
  • How to create Mesh Object in threeJS.
  • How to render the scene in threeJS.
  • How to render a 3D Cube in threeJS.

Course Content

  • Welcome to the Course –> 3 lectures • 5min.
  • Introduction to three.js –> 2 lectures • 10min.
  • Getting Started –> 6 lectures • 21min.
  • Setting Up our First Animation –> 5 lectures • 18min.
  • Building the Cube –> 5 lectures • 12min.
  • Finalizing Our First Animation –> 1 lecture • 9min.
  • Course Conclusion –> 1 lecture • 5min.

Auto Draft


Welcome to our course on Building Our First three.js Project

In this course we will learn all about three.js and its Core Components to build our first 3D project in three.js


The course is in 7 main sections,

  1. Welcome to the Course : We will look into Course Objectives and We will walk through the Project covered in this Course
  2. Introduction to three.js : We will address questions like What is three.js ? What is the Scope of three.js ?
  3. Getting Started : We will configure the Visual Studio Code, Install three.js and setup Boilerplate Code for the Project
  4. Setting up Our First Animation : We will look into the Core Components of three.js – The Scene Object, The Camera Object, The Renderer Object
  5. Building the Cube : We will look into some important concepts like Geometry Types, Material Types and the Mesh Object and Create a 3D Cube
  6. Finalising Our First Animation : We will learn to render animation in three.js
  7. Course Conclusion

All code is provided in the accompanying documentation so that you can easily copy and paste, in case you don’t want to pause the video and copy from the screen. Links to the documentation are in the resources along side each video.

If you encounter any questions regarding a particular lesson, I hope that you will ask the question in the questions section I will answer all questions, so don’t be afraid to ask any question

Thanks for taking part in my course, and I will see you there.

ScaleUp Academy

Get Tutorial