Hello there, and welcome to Three.js Roadmap!—your resource for learning Three.js, a powerful JavaScript library for building 3D web games and applications. Whether you’re just starting out or looking to deepen your 3D skills, these courses are designed to guide you through a clear and structured learning path.

Since you’re new here, I wanted to give a quick breakdown of how the courses are structured.

📚 Fundamentals First

The Fundamentals track is where you’ll build a solid foundation in Three.js. You’ll learn the core concepts of Three.js—from beginner topics like materials, lighting, and cameras to more advanced topics such as post-processing and shader programming.

Each topic is designed to help you understand not just how Three.js works, but why things are done the way they are—so you can confidently tackle your own projects later.

🛠️ Apply What You Learn

Once you’re comfortable with the basics, the Project courses give you the chance to apply that knowledge in a hands-on way. Designed around real-world examples, these projects help solidify your understanding of core concepts while gradually expanding your skill set.

Projects are offered at three difficulty levels (beginner, intermediate, and advanced) to match your progress through the Fundamentals. For example, If you’ve made it through the Beginner Fundamentals track, then you are ready to tackle any of the Beginner Projects.

💰 Save Money with Bundles

Bundles offer a more affordable way to access multiple courses by offering a discount compared to purchasing individual courses.

Whether you’re focused on the Fundamentals or want to dive into hands-on Projects, there’s a bundle that fits your goals! Each bundle is a one-time purchase and includes lifetime access.


Whether you’re just starting out or building on existing experience, this course is designed to help you grow with confidence—one step at a time.

Thanks again for being part of the journey.

Let’s dive in and start learning!

—Dan