Bruno Simon by Bruno Simon

Become a Three.js developer

Everything you need in one place:

93 hours of video to go from absolute beginner to advanced Three.js developer.

Student hat

43,006 Students already enrolled

on Trustpilot

$95
Access for life, VAT incl.
00:00/00:00
3:22
00:03:22
Bruno Simon talking about the course

Boost your creative developer career

It’s time to upgrade your front-end skills

Enjoy coding like never before
Reach out to new clients
Stand out against the competition
Increase your pay rate

Approved by professionals

Mr.doob
Mr.doob
Three.js Creator
69.6K followers

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

Open tweet/xeet
Jan Willem Tulp
Jan Willem Tulp
Data Experience Designer
13.8K followers

I'm really enjoying https://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!

Open tweet/xeet
Daniel Velasquez
Daniel Velasquez
Freelancer Creative Developer
8,545 followers

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

Open tweet/xeet
ilithya
ilithya
Digital Artist, Creative Deveveloper
3,350 followers

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⚡️

Open tweet/xeet
Arno Di Nunzio
Arno Di Nunzio
Frontend / WebGL Developer
3,285 followers

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 ✌️

Open tweet/xeet
Florian Morel
Florian Morel
Freelance creative Developer
3,258 followers

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

Open tweet/xeet
Amelie Maia
Amelie Maia
Creative Developer @otherlifexyz
2,750 followers

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

Open tweet/xeet
Jtruk
Jtruk
Demoscene Artist
1,703 followers

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.

Open tweet/xeet
thebenezer
thebenezer
Creative Developer
1,649 followers

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!😍

Open tweet/xeet
Visionary 3D
Visionary 3D
3D Teacher (YouTube)
1,388 followers

#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.

Open tweet/xeet
Martin Charpentier
Martin Charpentier
Founder & Designer @source_paris
1,299 followers

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 👇

Open tweet/xeet
Adam NAILI
Adam NAILI
Creative Developer
749 followers

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 🔥

Open tweet/xeet
The only course you need

Three.js Journey is the most complete, yet accessible course you can find.

You will start by discovering what WebGL is and why using the Three.js library is a must. You will then discover the various components of Three.js and once the basics are acquired, you will move on to more advanced techniques and build up experience through tons of exercises.

At the end of the course, you will have enough experience and skills to create your own projects.

7
Chapters
66
Lessons
93
Hours of tutorial
Classic techniques 3D illustration

Classic techniques

6 lessons — 7h 55m  of tutorial

Illuminate your scene with various lights casting shadows, create millions of particles and animate on scroll.

Advanced techniques 3D illustration

Advanced techniques

7 lessons — 12h 29m  of tutorial

Make your world even more realistic with physics, then import your own model made with Blender, make it look as realistic as possible and learn how to structure your code for more complex project.

Extra 3D illustration

Extra

4 lessons — 4h 37m  of tutorial

Use your shaders 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 and optimising performance.

Portal Scene 3D illustration

Portal Scene

4 lessons — 6h 38m  of tutorial

Learn how to create a cool scene using Blender and discover the baking technique to get the best looking lights and shadows.

Meet Bruno Simon Hi emoji

Bruno Simon is a French creative developer specialized in WebGL. He has worked on many projects for worldwide renowned clients to create interactive 3D web experiences.

Bruno has been teaching web development and WebGL in various schools for more than 7 years, totaling more than 700 real life students and making him a pedagogical trainer.

Bruno Simon
Ball
Pyramid
Cube
43,006 Students chose
Three.js Journey

on Trustpilot

$95
USD - VAT incl.
  • 66 lessons
  • 93 hours of video tutorial
  • Subtitles
  • Private Discord server
  • Future updates
  • Certificate of completion
  • One time payment
  • Access for life
Start learning now It's for a gift
Ball
Pyramid
An active community
Students
Challenges

Challenge yourself with topics chosen by the members.

Christmas 2: Submissions
Submit your project
Bruno's
Selection

Every once in a while, Bruno shares with you his favorite project built by students.

Latest project
BlueBox Design Intro
by Gabriel Schwarz
Discover the other projects
Members-only Discord server

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.

Discord

And thousands of projects made by students

A beginner friendly course

Geometry illustration
Three.js and WebGL for dummies

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

Calculator illustration
Easy mathematics

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

3D axes illustration
Blender as a bonus

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

JavaScript illustration
For JavaScript beginners

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

Computer illustration
For most computer configurations

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

What are the prerequisites?

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.

Can I use Three.js with React?

Yes, thanks to the React 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.

Is the content up to date?

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.

What if I need help?

With the course, you will also get access to a private 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.

I don't speak English very well. Will it be a problem?

Although the lessons are in English, they have all been captioned.
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.)

Can I offer it?

Yes, you can gift the course to someone else by clicking on this 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.

Can I test the lessons?

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.

What if I don't like the course?

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 at contact@threejs-journey.com.

Following the refund, your account will be deleted.

Is there a way to get a discount?

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.

Do I have to do the entire course to start my own project?

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.

Do you provide a certificate of completion?

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.

Can I ask for a VAT refund?

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.

Can I have an invoice?

Once you've bought the course, you get access to an invoice. You can add any additional data you need on the document.

Start learning now

Only $95 for a 93 hour complete course

on Trustpilot

Students hat