The ultimate Three.js course
About Course
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.
Course Content
ThreeJS Journey – The ultimate Three.js course
-
A Message from the Professor
-
— Introduction
35:23 -
— What is WebGL and why use Three.js
23:55 -
— First Three.js Project
79:27 -
— Transform objects
46:11 -
— Animations
30:26 -
— Cameras
57:54 -
— Fullscreen and resizing
30:40 -
— Geometries
35:00 -
— Debug UI
48:16 -
— Textures
74:57 -
— Materials
81:19 -
— 3D Text
44:29 -
— Go live
24:29 -
— Lights
42:02 -
— Shadows
60:44 -
— Haunted House
75:48 -
— Particles
49:51 -
— Galaxy Generator
68:46 -
— Scroll based animation
83:01 -
— Physics
117:22 -
— Imported models
67:37 -
— Raycaster and Mouse Events
67:31 -
— Custom models with Blender
119:45 -
— Environment map
109:33 -
— Realistic render
72:21 -
— Code structuring for bigger projects
199:40 -
— Shaders
137:57 -
— Shader patterns
109:25 -
— Raging sea
75:32 -
— Animated galaxy
74:11 -
— Modified materials
51:54 -
— Coffee Smoke Shader
85:07 -
— Hologram Shader
81:18 -
— Fireworks Shaders
107:27 -
— Lights Shading Shaders
77:08 -
— Raging Sea Shading Shaders
57:02 -
— Halftone Shading Shaders
56:04 -
— Earth shaders
100:42 -
— Particles Cursor Animation Shader
108:07 -
— Particles Morphing Shader
95:11 -
— GPGPU Flow Field Particles Shaders
142:59 -
— Wobbly Sphere Shader
76:26 -
— Sliced Model Shader
63:59 -
— Procedural Terrain Shader
84:18 -
— Post-processing
96:39 -
— Performance tips
72:24 -
— Intro and loading progress
49:53 -
— Mixing HTML and WebGL
58:07 -
— Creating a scene in Blender
124:51 -
— Baking and exporting the scene
131:57 -
— Importing and optimizing the scene
46:55 -
— Adding details to the scene
94:51 -
— What are React and React Three Fiber
25:49 -
— First React Application
263:01 -
— First React Three Fiber Application
125:23 -
— R3F and Drei
74:14 -
— Debug a R3F application
51:43 -
— Environment and Staging with R3F
122:06 -
— Load models with R3F
89:57 -
— 3D Text with R3F
59:13 -
— Portal Scene with R3F
41:54 -
— Mouse Events with R3F
47:14 -
— Post-processing with R3F
113:20 -
— Fun and Simple Portfolio with R3F
51:20 -
— Physics with R3F
131:33 -
— Create a game with R3F
241:50 -
— The end
03:49
Earn a certificate
Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.