The ultimate Three.js course by Bruno Simon.
Learn in https://threejs-journey.xyz
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.
Create your first scene and understand fundamentals like cameras, geometries, materials, textures.
Add a debug panel to tweak your environment and animate everything.
- Introduction
- What is WebGL and why using Three.js
- Basic scene
- Webpack
- Transforms objects
- Animations
- Cameras
- Fullscreen and resizing
- Geometries
- Debug UI
- Textures
- Materials
- 3D Text
Illuminate your scene with various lights, start practicing environment creation and create millions of particles.
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.
Using Three.js materials is great but creating your owns is even better.
Learn the shader language to unleash the true power of WebGL and create stunning looking experiences!
Creating a cool WebGL experience is useless if most computers can’t run it.
Learn how to monitor and optimize performances to achieve the best possible frame rate.