Fundamentals
Scenes, cameras, materials, lighting, loading models, and animation.
Master Three.js with hands‑on courses
Build immersive web experiences. From fundamentals to shaders, WebXR and real‑world production workflows.
Shaders & Nodes
Dive into GLSL, node materials, post‑processing and custom effects.
WebXR
VR/AR pipelines, input, performance budgets, and UX patterns.
Performance
Profiling, draw calls, instancing, texture atlases and memory.
Courses
Three.js Essentials
Start here: the core concepts you’ll reuse in every project.
DetailsMaterials & Lighting
Physically based rendering, HDRI, tone mapping and look‑dev.
DetailsGLTF Pipelines
Authoring, compression, baking, and asset optimization at scale.
DetailsShaders & Post
Custom materials, effects, passes and the modern nodes API.
DetailsWebXR in Practice
From browser APIs to UX patterns for VR/AR experiences.
DetailsPerformance & Scaling
Render budgets, level‑of‑detail, instancing and streaming assets.
DetailsCurriculum
Module 1 · Setup & Scene
Tooling, project structure, rendering loop and responsive canvas.
Module 2 · Materials
PBR, tone mapping, color spaces, environment lighting.
Module 3 · Assets
GLTF pipelines, compression, baking, and look‑dev.
Module 4 · Animation
Tweens, keyframes, GPU‑friendly motion, and interactions.
Module 5 · Shaders
GLSL basics, node graph, post‑processing and custom effects.
Module 6 · WebXR
VR/AR input, performance budgets, UX and deployment.
What students say
“The best practical Three.js course I’ve taken. Projects are real‑world.”
“Finally understood shaders. The nodes + GLSL combo clicked for me.”
“Great WebXR section. Helped me ship a client demo on time.”
Instructors
Sam
Graphics engineer, shipped dozens of WebGL/Three.js experiences since 2015.
Nina
Technical artist focused on shaders, look‑dev, and GLTF optimization pipelines.
Wei
XR prototyper, specializes in performance budgets and interaction design.
Ready to build something breathtaking?
Join thousands of developers learning modern 3D for the web.
Get accessPricing
Starter
$79
Fundamentals + Projects
Choose planPro
$149
All courses + Source files
Choose planTeam
Custom
Seats, support, and private sessions
ContactFAQ
Do I need prior WebGL experience?
No. We start with Three.js fundamentals and build up gradually.
Are projects included?
Yes, each module includes a hands‑on project with source files.
Is there a refund policy?
14‑day money‑back guarantee — no questions asked.
Learn by doing
Every module ends with a project. You’ll ship real, portfolio‑ready experiences.
Up‑to‑date
Focused on current Three.js APIs, GLTF pipelines and best practices.
Community
Access a private forum for reviews, tips, and deep‑dives with peers.
Resources
Starter templates
Vite + TS + Three, SSR starters and shader playgrounds.
Cheat sheets
Materials, post‑processing, GLTF, performance budgets.
Asset pack
HDRIs, test meshes, LUTs and reference scenes.
Roadmap
Q1
Nodes API deep dive, GPU profiling module.
Q2
Procedural geometry, advanced instancing patterns.
Q3
XR hand tracking, passthrough and mixed reality.
Q4
Authoring tools and automated GLTF pipelines.
Partners
Studio A
Interactive experiences
Lab B
XR research
Engine C
Render tech
Tools D
Workflow & CI
Case studies
Product visualizer
Real‑time materials, GLTF variants and compression.
Interactive landing
Scroll‑driven animation and performance budgets.
XR prototype
Hand input, constraints and UI in VR.