Water + Sky Bundle
Get Three.js Water Pro and Three.js Sky Pro in one convenient bundle at a reduce rate!
V3 Now Available
A production-ready water system for WebGL / WebGPU. Dynamic FFT wave simulation, physically-based lighting and more — ready to drop into any Three.js project.
on your first purchase when you subscribe
Three.js tips, course updates, and exclusive deals — straight to your inbox.
No spam. Unsubscribe anytime.
Hi there, and welcome to Three.js Roadmap!
My name is Dan Greenheck and I'll be your instructor on your 3D web development journey.
A little bit about me: I'm a software engineer with over 10 years of industry experience. While 3D graphics and game development always fascinated me from a young age, it wasn't until a few years ago that I discovered Three.js and immediately fell in love.
Being able to create a 3D game or app and share it with the world was what really hooked me. Since then, I've spent countless hours learning everything I can about Three.js and 3D web development.
My goal in creating these courses is to provide you with the knowledge and tools you need to fulfill your own creative vision.
Everything you need to know about the courses and platform.
You should know the basics of HTML and CSS, as well as have an intermediate understanding of JavaScript, including variables, data types, objects, arrays, functions, loops, conditionals, and event handling. Don't worry if you aren't a total JavaScript expert — you can pick up concepts as you go.
Not at all. While 3D programming does involve some math, you can get far with basic concepts — the courses guide you through what you need, when you need it.
After creating a free account, you'll receive a one-time-use Discord invite link via email. Please wait up to 30 minutes. If it hasn't arrived, contact [email protected].
Not yet — but it's on the roadmap. The goal is to offer Three.js and R3F versions of each course where applicable.
Yes. Once you purchase a course, you get all future updates for life.
Courses:30-day money-back guarantee. If you're unhappy for any reason, contact [email protected] within 30 days for a full refund.
Assets & digital downloads: All sales are final once files have been downloaded. A refund may be considered if requested within 14 days of purchase before any files are downloaded.
Structured video courses taking you from the fundamentals to advanced real-time graphics techniques.
Learn the fundamentals of Three.js in this free course and create your first first 3D web app.
Learn how to add real-time, physics-based slicing and destruction to your Three.js apps and games!
Create a realistic water shader with dynamic waves, reflections, and underwater caustics.
Production-ready Three.js starter kits, shader packs, and tools built to accelerate your projects.
A physically-based WebGPU ocean shader with FFT wave simulation, dynamic foam, caustics, and atmospheric rendering.
A complete, real-time sky system for Three.js. Volumetric clouds, dynamic atmosphere, and physically-inspired lighting.
Add production-grade volumetric fire and smoke effects to your Three.js apps.
Curated collections of courses and assets, bundled together so you pay less for more — one purchase, lifetime access.
Get Three.js Water Pro and Three.js Sky Pro in one convenient bundle at a reduce rate!
Learn everything from 3D math fundamentals to advanced destruction effects and realistic water.
Tips, tutorials, and insights on Three.js and 3D web development.

The first add-on for Three.js Water Pro. Add rivers and lakes to your scene with browser-based editing tools.

Water Pro and Sky Pro have received some big performance updates. Let's take a look at the results!

If you have ever seen two surfaces flicker through each other in a Three.js scene, you've encountered the dreaded "z-fighting".