Become a Three.js developer
Everything you need in one place:
93 hours of video to go fromabsolute beginner toadvanced Three.js developer.

44,954 Students already enrolled

Boost your creative developer career
It’s time to upgrade your front-end skills
Approved byprofessionals

I'm in awe with the quality of Bruno's course. I can't imagine a funner way to start with 3d programming ✨

I'm really enjoyinghttps://threejs-journey.com by@bruno_simon
Doing about 1 lesson a day. There's a lot I didn't know yet, and I can't wait to use@threejs for more advanced creative#dataviz projects or experiments.
Course is highly recommended!

If you want to get into webgl, or want to learn even more. This is an Instant buy.

Ok, I was able to do@bruno_simon course early. As an intermediate WebGL/ThreeJS level person I felt the course is complete. It can aid ppl at various levels to start mastering 3D on the web. The plus ⏤ endless inspiration after all beautiful creations one makes while learning⚡️

Just one name:@bruno_simon
And his online course:https://threejs-journey.com
Super well explained and it covers a large scope of different levels of difficulties. One of the best investment you could do ✌️

Probably the most complete threejs course out there, wish I had this when I started.
And it has a text version as well!

We’re so lucky we have people like@bruno_simon spending the time to make this content for others to learn. 🙌🏻

I can thoroughly recommend@bruno_simon's#ThreejsJourney video course. It covers: setup, primitives, debug, animation, basic physics, shaders, optimisations, a starter guide to Blender, and baked scenes.
Each lesson is purposeful and builds something.

Guess what! I got my hands on Threejs Journey by the incredible@bruno_simon a while back to master r3f!🎉 Although I've worked on r3f projects in the past, I've been eager to learn more! Boy oh boy, is Bruno an amazing teacher!🤩 I absolutely loved the lesson on Textures!😍

#threejsJourney is the best course I've learned from in my life.
Even though my knowledge has expanded, I still think it's had the most impact on my learning journey.
I'll always be grateful for the work of@bruno_simon.

I have been teaching alongside@bruno_simon for many years and I can tell he is one of the most passionated mentor you can find. So if you want to master ThreeJS there is only one place 👇

Found a job as#threejs Developer for 6 months recently. I'm one step closer to my goal of becoming a Creative developer. And it is mostly thanks to@bruno_simon and his course. It is the most profitable 95 bucks I ever spent.
Thank you Bruno 🔥
Three.js Journey is themost complete, yetaccessible course you can find.
You will start by discovering whatWebGL is and why using theThree.js library is a must. You will then discover the various components of Three.js and once thebasics are acquired, you will move on to moreadvanced techniques and build upexperience through tons of exercises.
At the end of the course, you will have enough experience and skills tocreate your own projects.

Basics
Create your first scene and understand fundamentals likecameras,geometries,materials,textures.
Add adebug panel,animate everything and put your project online.

Classic techniques
Illuminate your scene with variouslights castingshadows, create millions ofparticles andanimate on scroll.

Advanced techniques
Make your world even more realistic withphysics, then import your own model made withBlender, make it look asrealistic as possible and learn how tostructure your code for morecomplex project.

Shaders
UsingThree.js materials is great but creating your own is even better.
MasterGLSL, theshaders language, to create unseen effects and learn how to enhance and improve existing materials.

Extra
Use yourshaders knowledge to go even further and try new techniques.
But it's also important to make sure your projects are working on most devices by monitoring andoptimising performance.

Portal Scene
Learn how to create a cool scene usingBlender and discover thebaking technique to get the best looking lights and shadows.

React Three Fiber
Did you know thatThree.js integrates well inReact?
Thanks toReact Three Fiber (R3F) you can create awesomeThree.js experiences inReact with just a few lines of code.
MeetBruno Simon
Bruno Simon is a Frenchcreative developer specialized in WebGL. He has worked on many projects forworldwide renowned clients to create interactive 3D web experiences.
Bruno has been teaching web development and WebGL in variousschools for more than7 years, totaling more than700 real life students and making him a pedagogical trainer.




Some projects made byBruno
Three.js Journey
- 66 lessons
- 93 hours of video tutorial
- Subtitles
- Private Discord server
- Future updates
- Certificate of completion
- One time payment
- Access for life


Challenges
Challenge yourself with topics chosen by the members.
Selection
Every once in a while, Bruno shares with you his favorite project built by students.
The best place the ask questions and hang out with the rest of the community.
With more than 21k members you’ll find there a channel for each lesson, announcements, challenges, job opportunities and a place to share your projects.
And thousands of projects made by students
Abeginner friendly course

Everything will be explained starting with basics concepts before tackling more advanced topics.

Yes, we're going to do mathematics, but at a simple level and we will explain how the formulas work with drawings and practice.

Together we will learn the basics of the 3D software Blender to create our own model. No experience needed and it’s free.

All you need are JavaScript basics like variables, objects, arrays, loops, functions and events. We will learn the rest together.

In some lessons, we will tackle performance limits, and learn how to handle and optimize our code to get good frame rates.
Frequently Asked Questions
Even if the course is beginner friendly, you need to know JavaScript basics like variables, objects, arrays, loops, functions, conditions and events.
The code editor used in the lessons is Visual Studio Code but you can use any editor you like.
The browser used in the lessons is Chrome but you can use any browser you like. However, it is recommended to use one with a good developer tools panel like Chrome or Firefox.
Eventually, you will have to install Blender, but the software is free and works on all major OS.
Yes, thanks to theReact Three Fiber renderer, we can write Three.js application directly in React.
And it doesn't stop there. React Three is a huge ecosystem with many tools and features that will improve your developer's life.
It's so big that a whole chapter is dedicated to the topic.
And if you don't know React, the course includes a 4 hours long lesson that will teach you the basics of React.
All the dependencies used throughout the lessons are updated multiple times a year and the content is adjusted accordingly.
New lessons are also regularly added in order to cope with the latest features and to answer community requests.
With the course, you will also get access to aprivate Discord server. If you get stuck or you don't understand a specific part of a lesson, you can share your problem to get help.
Although the lessons are in English, they have all beencaptioned.
For a better comprehension, the technical terms are perfectly written and highlighted.
And if the video is going too fast, you can slow down the pace.
French, Spanish, and Hindi subtitles are available as well.
To test and see how difficult it is for you to follow, all beginnings and some full lessons are available for free.
Finally, all the lessons are available as text right below the video with the exact same content (screenshots, code snippets, video previews, etc.)
Yes, you can gift the course to someone else by clicking onthis link.
You can pick an option between letting us email the gift to the receiver or you can share the gift yourself.
You'll receive an invoice by email and the recipient won't have access to your billing information.
The first lessons are free! Have a look and see for yourself if you like the content.
And if it's not enough, the beginning of every other lesson is also free.
If you are not happy with the course, whatever the reason is, you can ask for a refund at any time by sending an email atcontact@threejs-journey.com.
Following the refund, your account will be deleted.
The price of the course has already been calculated to be as low as possible in order to be accessible for everyone and the VAT is included.
You pay only once and get access to all the lessons, a members-only Discord server and upcoming updates!
Still, if it's too expensive for you, discounts might happen at some occasions. Follow@bruno_simon on Twitter to be alerted.
No! Once you feel comfortable, you can start working on your personal experiences by yourself. You won't have to wait until the end of the course, but obviously, you will be able to jump back to the course at any time where you left it.
And if you struggle on any project, whether it is personal or professional, the Three.js Journey community will always be happy to help.
Yes! Each lesson comes with a quiz. Completing all quizzes will grant you access to a public certificate that you can print or share with the world.
Failing on answering a quiz will result in a few minutes time out, letting you time to find the information before answering again.
If your company is in the EU (outside of France), you can ask for a VAT refund.
To do that, after buying the course, go to your account settings and fill the VAT refund request form. Information will be reviewed and proof that you work at the company might be requested.
Once you've bought the course, you get access to an invoice. You can add any additional data you need on the document.