Start with the basics of Three.js and gradually move on to advanced topics such as streaming infinite worlds, GPU memory optimization, and scalable game architecture. Learn to create anything you want.
Three.js & GameDev
About the Author: SimonDev
SimonDev (Simon Schreibt is a different person) is the YouTube channel and paid-course brand of an independent game and graphics developer — focused on the math, shaders, and Three.js / WebGL work that anchors modern interactive 3D in the browser. The channel has built a reputation for unusually deep treatments of computer-graphics fundamentals.
His CourseFlix listing carries three SimonDev courses: Three.js & GameDev, GLSL Shaders from Scratch, and Math for Game Developers. The teaching style is rigorous about the underlying math (linear algebra, trigonometry, calculus applied to graphics) that most graphics tutorials skip.
Material is paid and aimed at developers ready to study computer graphics from the foundations rather than copy shader recipes. For broader content, see CourseFlix's Three.js, Game Development, and Compilers & Interpreters category pages.
Watch Online 55 lessons
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | 1. Hello World Demo | 39:47 | |
| 2 | 2.1 Render Loops | 14:48 | |
| 3 | 2.2 Render Loops | 27:09 | |
| 4 | 3.1 Scene Graphs | 17:26 | |
| 5 | 3.2 Scene Graphs | 24:56 | |
| 6 | 4.1 Materials & Geometries | 07:39 | |
| 7 | 4.2 Materials & Geometries | 14:18 | |
| 8 | 5.1 Debug UI | 07:59 | |
| 9 | 5.2 Debug UI | 21:48 | |
| 10 | 6.1 Perspective & Orthographic Cameras | 15:43 | |
| 11 | 6.2 Perspective & Orthographic Cameras | 15:07 | |
| 12 | 7.1 Lig & Shadows | 17:34 | |
| 13 | 7.2 Lig & Shadows | 49:13 | |
| 14 | 8.1 Textures & Materials | 28:24 | |
| 15 | 8.2 Textures & Materials | 01:46:08 | |
| 16 | 9 Loading Models | 23:55 | |
| 17 | 10.1 HDR | 24:51 | |
| 18 | 10.2 HDR | 51:04 | |
| 19 | 11 Character Animations | 40:53 | |
| 20 | 12 Shaders | 33:01 | |
| 21 | 13 Advanced Geometry | 48:39 | |
| 22 | 14.1 Render Targ | 03:45 | |
| 23 | 14.2 Render Targ | 35:04 | |
| 24 | 15.1 Postprocessing | 05:12 | |
| 25 | 15.2 Postprocessing | 01:24:06 | |
| 26 | 16.1 Basic Debugging | 16:01 | |
| 27 | 16.2 Basic Debugging | 19:33 | |
| 28 | 17.1 Managing Resources | 10:32 | |
| 29 | 17.2 Managing Resources | 34:51 | |
| 30 | 18 Project 3rd Person Camera | 01:07:35 | |
| 31 | 19 Particle Systems | 35:04 | |
| 32 | 20.1 Physics | 18:12 | |
| 33 | 20.2 Physics | 01:48:43 | |
| 34 | 21.1 Advanced Particle Systems | 02:45:52 | |
| 35 | 21.2 Advanced Particle Systems | 01:15:24 | |
| 36 | 22.1 Compression - SimonDev | 58:13 | |
| 37 | 22.2 Compression - SimonDev | 36:50 | |
| 38 | 23.1 Project Solar System v2 | 03:02:53 | |
| 39 | 23.2 Project Solar System v2 | 02:29:22 | |
| 40 | 24 Depth Textures | 01:04:12 | |
| 41 | 25 Streaming & Infinite Terrain | 01:30:28 | |
| 42 | 26 GPGPU - Stateless GPU Particles | 01:05:52 | |
| 43 | 27 GPGPU - Stateful GPU Particles | 01:04:40 | |
| 44 | 28 GPGPU - Advanced | 49:31 | |
| 45 | 29.1 GPGPU - Boids | 01:35:03 | |
| 46 | 29.2 GPGPU - Boids | 01:04:31 | |
| 47 | 29.3 GPGPU - Boids | 15:01 | |
| 48 | 30 Customizing Materials | 01:53:38 | |
| 49 | 31 Intro to Design Patterns | 47:53 | |
| 50 | 32 Applying Patterns | 02:26:52 | |
| 51 | 33.1 Entity Management | 01:22:31 | |
| 52 | 33.2 Entity Management | 55:36 | |
| 53 | 34.1 Graphs and Data Structures | 01:00:04 | |
| 54 | 34.2 Graphs and Data Structures | 01:29:16 | |
| 55 | 34.3 Graphs and Data Structures | 15:41 |
Get instant access to all 54 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionCourse content
55 lessons · 47h 38m 23sShow all 55 lessons
- 1 1. Hello World 39:47
- 2 2.1 Render Loops 14:48
- 3 2.2 Render Loops 27:09
- 4 3.1 Scene Graphs 17:26
- 5 3.2 Scene Graphs 24:56
- 6 4.1 Materials & Geometries 07:39
- 7 4.2 Materials & Geometries 14:18
- 8 5.1 Debug UI 07:59
- 9 5.2 Debug UI 21:48
- 10 6.1 Perspective & Orthographic Cameras 15:43
- 11 6.2 Perspective & Orthographic Cameras 15:07
- 12 7.1 Lig & Shadows 17:34
- 13 7.2 Lig & Shadows 49:13
- 14 8.1 Textures & Materials 28:24
- 15 8.2 Textures & Materials 01:46:08
- 16 9 Loading Models 23:55
- 17 10.1 HDR 24:51
- 18 10.2 HDR 51:04
- 19 11 Character Animations 40:53
- 20 12 Shaders 33:01
- 21 13 Advanced Geometry 48:39
- 22 14.1 Render Targ 03:45
- 23 14.2 Render Targ 35:04
- 24 15.1 Postprocessing 05:12
- 25 15.2 Postprocessing 01:24:06
- 26 16.1 Basic Debugging 16:01
- 27 16.2 Basic Debugging 19:33
- 28 17.1 Managing Resources 10:32
- 29 17.2 Managing Resources 34:51
- 30 18 Project 3rd Person Camera 01:07:35
- 31 19 Particle Systems 35:04
- 32 20.1 Physics 18:12
- 33 20.2 Physics 01:48:43
- 34 21.1 Advanced Particle Systems 02:45:52
- 35 21.2 Advanced Particle Systems 01:15:24
- 36 22.1 Compression - SimonDev 58:13
- 37 22.2 Compression - SimonDev 36:50
- 38 23.1 Project Solar System v2 03:02:53
- 39 23.2 Project Solar System v2 02:29:22
- 40 24 Depth Textures 01:04:12
- 41 25 Streaming & Infinite Terrain 01:30:28
- 42 26 GPGPU - Stateless GPU Particles 01:05:52
- 43 27 GPGPU - Stateful GPU Particles 01:04:40
- 44 28 GPGPU - Advanced 49:31
- 45 29.1 GPGPU - Boids 01:35:03
- 46 29.2 GPGPU - Boids 01:04:31
- 47 29.3 GPGPU - Boids 15:01
- 48 30 Customizing Materials 01:53:38
- 49 31 Intro to Design Patterns 47:53
- 50 32 Applying Patterns 02:26:52
- 51 33.1 Entity Management 01:22:31
- 52 33.2 Entity Management 55:36
- 53 34.1 Graphs and Data Structures 01:00:04
- 54 34.2 Graphs and Data Structures 01:29:16
- 55 34.3 Graphs and Data Structures 15:41
Related courses
-

Unity Android : Build 8 Mobile Games with Unity & C#
By: UdemyLearning the fundamentals of Unity Android Game Development puts a powerful and very useful tool at your fingertips.16 hours 50 minutes 56 seconds -

Merging WebGL and HTML worlds
By: AwwwardsYou learn how to mix WebGL scenes with your HTML page. You use site images and add smooth effects with Three.js to make each part feel linked.2 hours 30 minutes 37 seconds -

Three.js & WebGL 3D Programming Crash Course (VR, OpenGL)
By: UdemyLearn how to create interactive 3D experiences such as web application and games. A step by step process is used to show everything from setting up to creating1 hour 32 minutes 8 seconds