Creative coding · Beginner
A small world in Three.js
A small interactive sculpture embedded in a web page. Build the scene, camera and object hierarchy, then manage resizing and the rendering lifecycle so the 3D work fits its interface.
Written by Akis Apostoliadis for Skillfolio · 4 written lessons · Self-paced
Checking purchase availability…
Course price: $49 USD, plus applicable tax. One payment for this course. Compare all-course package prices: $29/month or $299 lifetime.
What you’ll make
A responsive three-object scene with a controllable camera, a pause control and deliberate cleanup.
Before you begin
JavaScript modules, DOM events and a local project with a bundler that resolves npm imports. Install three@0.186.0 in that project; WebGL2 is required.
Who it’s for
JavaScript developers taking their first step into browser-based 3D.
- Three.js
- Scene graphs
- Cameras
- Rendering lifecycle
The complete curriculum
Preview the first lesson free. Purchase unlocks the remaining lessons, project and downloads.
Place the camera before adding effects
Compose a legible scene by reasoning about camera position, target and clipping.
20 min read · 60 min practice · Free preview
Group objects around a useful pivot
Use parent groups to create predictable pivots and distinguish local from world transforms.
19 min read · 60 min practice · Included with purchase
Fit the canvas without stretching the world
Resize the drawing surface and camera together while bounding rendering cost.
19 min read · 60 min practice · Included with purchase
Give the scene a lifetime
Give a WebGL scene explicit initialization, pause, reset and disposal behavior.
19 min read · 75 min practice · Included with purchase
See the work
A small world with a lifetime. Completed instructor specimen using fictional teaching material; not a learner result.This course works towards: A responsive three-object scene with a controllable camera, a pause control and deliberate cleanup.
Explore completed teaching examples and the decisions behind them. These are instructor-authored examples, not learner testimonials.
What’s included
- Original written lessons, worked examples and guided practice.
- A course project, review criteria and reference responses.
- Downloadable course materials for purchased lessons.
Explore the course before committing. Start with the free lesson, or compare other courses.