by Bruno Simon
Have you ever wanted to create stunning 3D websites?
Whether you are a beginner or a more advanced developer,
Three.js Journey is the only course you need to learn WebGL with Three.js.
5,116 Students already enrolled
Subscribing to Three.js Journey will give you lifetime access to a complete and easy to access course with 36 lessons.
Want to see what's included? Check out the video down below:
Each lesson begins with a starter folder to download.
Then, simply follow the tutorial!
If you don't like videos, each lesson is also available as text with screenshots, video previews, snippets with syntax coloration, etc.
Plus, you can slow down or speed up the videos!
The course is complete, yet accessible for beginners. We will start by discovering what WebGL is and why using the Three.js library is a must. We will then discover the various components of Three.js and once the basics are acquired, we will move on to more advanced techniques to display millions of particles, add physics, add interactions, create a galaxy, animate a raging sea, etc.
At the end of the course, you will have a deep understanding of Three.js and enough experience to start your own projects.
As a bonus, we will also learn how to use the 3D software Blender to be able to create our own models.
Illuminate your scene with various lights, start practicing environment creation and create millions of particles.
Using Three.js materials is great but creating your own is even better.
Learn the shader language to unleash the true power of WebGL and create stunning experiences!
Create your first scene and understand fundamentals like cameras, geometries, materials, textures.
Add a debug panel to tweak your environment and animate everything.
Add physics to your world so that objects start to collide and stumble. Then import your own model made with Blender and make it look as realistic as possible.
Creating a cool WebGL experience is useless if most computers can’t run it.
Learn how to monitor and optimize performance to achieve the best possible frame rate.
Bruno Simon is a French creative developer specialized in WebGL. He has worked on many projects for renowned clients to create interactive 3D experiences accessible to everyone from their browser.
Bruno has been teaching web development and WebGL in various schools for more than 7 years, making him a pedagogical trainer, alternating theory and practice.
This training is intended for absolute beginners and will explain the basics before tackling more advanced topics.
Yes, we're going to do mathematics, but at a simple level and we will explain how it works with drawings and practice slowly.
Together we will learn the basics of the 3D software Blender to create a model and import it into our scene.
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.
We just made an NFT of one of our best pieces for the first time support us or find more information :
Watch your favorite musics :
Musix : musix-pro.netlify.app
NFTs : mintable.app/u/untitled
Inspiration : Alfredo Monaldi
@bruno_simon @mondoir @threejs_org #threejsJourney pic.twitter.com/euw1E8hxxm
Very much WIP but thought I might try some other low poly locations for my #threejsJourney portal, sketching out a park/pond scene pic.twitter.com/nt1q8ATc3B
Wow, yesterday I finished @bruno_simon's #threejsJourney , and what a journey it has been! Here's the last scene, created in Blender and imported into threejs with baked textures. @CodePen link here: codepen.io/aderaaij/full/… pic.twitter.com/0mimpUsTgP
Premier petit projet avec #threejs de la formation de @bruno_simon. J'ai adoré faire ça, maintenant on passe à la suite. 🤟
#hauntedHouse #threejsJourney pic.twitter.com/LC48Z54Is8
Portal scene in Blender from Lesson 33 of #threejsJourney Now to unwrap and bake! pic.twitter.com/BXTLuOgG1Z
Day 14 of #threejsJourney, practicing after raycaster lesson
codepen.io/ElHumanoide/pe…
#threejs @bruno_simon pic.twitter.com/J6dnFsKOMg
honestly not sure if I'm more excited or sad to be almost finished with @bruno_simon 's #threejsjourney, but this definitely brings back hs memories of using autocad and maya and ima sit in this nostalgia pic.twitter.com/L21c5B5npe
Even if the course is beginner friendly, you need to know JavaScript basics like variables, objects, arrays, loops, functions 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.
With the course, you will also get access to a members-only 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.
The price of the course has already been calculated to be as low as possible in order to be accessible for everyone (including every country and also students). And it includes VAT, web hosting, video streaming, and upcoming updates!
No! Once you feel comfortable, you can start working on your personal experiences on your own. You won't have to wait until the end of the course, but obviously 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 community will always be happy to help.
