webtoso
العربية
All courses

three.js course

A complete three.js course. It starts with a single cube on screen and works step by step towards a full 3D scene with its own materials and lights.

Every lesson is a page that actually runs — open it, read the source of every file in it, and copy what you need. The video walks you through it on YouTube.

What you'll learn

  • Scene setup: camera, renderer and the render loop
  • Geometry, and building a buffer geometry by hand
  • Camera controls and handling viewport resizes
  • Materials and how each type responds to light
  • Debug tooling: lil-gui and stats.js
  • Textures, and loading them through a loading manager
  • Lights, their types, and how they read on a material

What you need first

Basic JavaScript — variables, functions, the DOM. No graphics background and no advanced maths required; the parts you need are explained as they come up.

Filter

Showing 14 of 14 lessons

Foundations

Textures & Lights

Animations