Learning Three.js

About Three.js

Three.js is a JavaScript library that makes it easy to create and render 3D graphics in a web browser using WebGL. [source]

With Three.js you can build a 3D scene by combining a scene, a camera, and a renderer, then add 3D objects (geometry + materials), lighting, and optionally animations or interactions. [source]

Why use Three.js?

• It abstracts away the complexity of direct WebGL — so you don’t need to write raw shaders or manage low-level GPU code. [source]
• Lets you build interactive 3D experiences, animations, games, visualizations — all inside a web page. [source]
• Because it’s JavaScript-based and runs in the browser, everything stays lightweight, cross-browser, and doesn’t require plugins. [source]

What is Three.js?

5 Projects with Three.js

🛠 How do I install Three.js?

Follow the official installation guide here: Three.js Installation Guide

Nova's advice: you can't install on the lab machines, but you can use the import option

📚 What should I know before starting?

Check the prerequisites here: Three.js Prerequisites

🎲 Basic Three.js Example (Rotating Cube)

This is a simple example using Three.js to render and animate a rotating cube.

Full disclosure: created by ChatGPT