Threejs journey – The ultimate Three.js course by Bruno Simon (Updated 10-2022)
Release date:2022, October
Duration:23 h 59 m
Author:Bruno Simon
Skill level:Beginner
Language:English
Exercise files:Yes
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.
[Threejs Journey] Threejs journey – The ultimate Three.js course by Bruno Simon (Updated 10-2022)
0001_Introduction
0002_What_is_WebGL_and_why_using_Three_js
0003_Basic_scene
0004_Webpack
0005_Transforms_objects
0006_Animations
0007_Cameras
0008_Fullscreen_and_resizing
0009_Geometries
0010_Debug_UI
0011_Textures
0012_Materials
0013_3D_Text
0014_Go_live
0015_Lights
0016_Shadows
0017_Haunted_House
0018_Particles
0019_Galaxy_Generator
0020_Raycaster
0021_Scroll_based_animation
0022_Physics
0023_Imported_models
0024_Custom_model_with_Blender
0025_Realistic_render
0026_Code_structuring_for_bigger_projects
0027_Shaders
0028_Shader_patterns
0029_Raging_sea
0030_Animated_galaxy
0031_Modified_materials
0032_Post_processing
0033_Performance_tips
0034_Intro_and_loading_progress
0035_Mixing_HTML_and_WebGL
0036_Creating_a_scene_in_Blender
0037_Baking_and_exporting_the_scene
0038_Importing_and_optimizing_the_scene
0039_Adding_details_to_the_scene
0040_What_are_React_and_React_Three_Fiber
0041_First_React_Application
0042_First_R3F_Application
0043_Drei
0044_Debug
0045_Environment_and_Staging
0046_Load_models
0047_3D_Text
0048_Portal_Scene
0049_Mouse_Events
0050_Post_processing
0051_Fun_and_Simple_Portfolio
0052_Physics
0053_Create_a_game
0054_The_end
[Threejs Journey] Threejs journey – The ultimate Three.js course by Bruno Simon (Updated 10-2022).7z
[Threejs Journey] Threejs journey – The ultimate Three.js course by Bruno Simon (Updated 10-2022)_Subtitles.7z
Threejs journey – The ultimate Three.js course by Bruno Simon
01 introduction
02 what is webgl and why using three js
03 basic scene
04 webpack
05 transforms objects
06 animations
07 cameras
08 fullscreen and resizing
09 geometries
10 debug ui
11 textures
12 materials
13 3d text
14 lights
15 shadows
16 haunted house
17 particles
18 galaxy generator
19 raycaster
20 physics
21 imported models
22 custom model with blender
23 realistic render
24 shaders
25 shader patterns
26 raging sea
27 animated galaxy
28 modified materials
29 post processing
30 performance tips
31 intro and loading progress
32 mixing html and webgl
33 creating a scene in blender
34 baking and exporting the scene
35 importing and optimizing the scene
36 adding details to the scene
37 the end
Bruno Simon – Threejs journey.7z
[Threejs-Journey] Threejs journey – The ultimate Three.js course by Bruno Simon_Subtitles.7z
Channel
There are more lessons.
hey strawberry! 3 more lessons were added to the course
can u plz add them ?
how many
Chapter 1 (Basics): Go live
Chapter 2 (Classic techniques): Scroll base animation
Chapter 3 (Advanced techniques): Code structuring for bigger projects
That’s so far what I can track, I think it’s newly added.
💯💯💯💯
Please update the course. The latest course contains 40 lessons with a total duration of 45h 7m.
thanks for sharing man!! one lesson you missed was ‘go live’ under the basics chapter.
Hey, thanks a lot for all your work.
Just want to say that this course just had a massive updates containing 24+ hours on Three.js with React.
I hope you can get it for us someday.
Cheers
very nice course
How to watch it online?
pleases update e-recorded several videos and added new ones