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
47h 38m 23s
English
Paid
Three.js & GameDev is a 55-lesson 47 hours 38 minutes self-paced course by SimonDev. Start with the basics of Three.
Course facts
- Lessons
- 55
- Duration
- 47 hours 38 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- SimonDev
- Price
- Premium
As of April 2025, this is still the only course on Three.js that covers topics such as:
- Smooth content streaming
- Streaming of infinite worlds
- Efficient compression of meshes and textures
- Working with GPU memory and data structures
- Resource management and debugging
- Entity management systems
- Scalable game architecture and design patterns
Who teaches Three.js & GameDev? 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.
What lessons are included in Three.js & GameDev?
0:00
/ #1: 1. Hello World
All Course Lessons (55)
| # | 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 |
Unlock unlimited learning
Get instant access to all 54 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionWhat courses are similar to Three.js & GameDev?
Updated 2y agoUnity 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.16h 50m
Updated 1y agoGLSL Shaders from Scratch
By: SimonDevThis course is designed for developers who want to learn how to create impressive visual effects.20h 11m
Updated 3y agoShaders for the Web
By: SuperHiLearn how to make OpenGL shaders using the programming language GLSL, and gain insight on how the top websites use hardware-enabled graphics.16h 3m
UpdatedMerging WebGL and HTML worlds
By: AwwwardsLearn to blend WebGL and Three.js effects directly into a plain HTML page, step by step, until both layers feel like one design.2h 30m
Updated 2y agoPS1 Programming with MIPS Assembly & C
By: Gustavo PezziThis course is a deep dive into the world of PlayStation programming! We'll explore the PS1 hardware, understand its sub-components, and learn how to code games34h 39m5/5
UpdatedThree.js & WebGL 3D Programming Crash Course (VR, OpenGL)
By: UdemyFast, step-by-step Three.js and WebGL crash course: build interactive 3D scenes for the web, with full source code included.1h 32m
Updated 3y agoAdvanced FrontEnds
By: Gary Simon"Advanced FrontEnds" is a comprehensive course by Gary Simon, focusing on creating highly animated, interactive landing pages.8h 58m
More courses by SimonDev
UpdatedMath for Game Developers
Game math made practical: trigonometry, vectors, matrices, quaternions, and interpolation, tied to real game-dev problems.6h 5m- Updated 1y ago
GLSL Shaders from Scratch
This course is designed for developers who want to learn how to create impressive visual effects.20h 11m
Frequently asked questions
What are the prerequisites for enrolling in this course?
The course is designed for individuals with a basic understanding of JavaScript and web development. Familiarity with 3D graphics concepts can be beneficial but is not required as the course begins with foundational topics like Render Loops and Scene Graphs.
What kind of projects will be built during the course?
Students will work on several projects, including a 3rd Person Camera setup and a Solar System simulation. These projects are designed to apply concepts like materials, geometries, shaders, and advanced geometry, providing practical experience in developing 3D applications using Three.js.
Who is the target audience for this course?
This course is ideal for developers interested in game development and 3D graphics. It's suitable for those who want to explore Three.js and its application in creating interactive 3D scenes and games. Both beginners and those looking to deepen their knowledge of game architecture and GPU optimization will find it valuable.
What specific tools or platforms does the course focus on?
The course focuses on Three.js, a popular JavaScript library for 3D graphics, and covers advanced topics like GPGPU techniques for handling GPU particles and rendering optimization. Lessons also delve into design patterns, shaders, and resource management, crucial for scalable game architecture.
What topics are not covered in this course?
The course does not cover other 3D graphics libraries or engines like Unity or Unreal Engine. It is specifically tailored to Three.js and does not include lessons on networking or server-side game logic, focusing instead on client-side rendering and optimization.
How much time should I expect to commit to this course?
The course consists of 55 lessons that cover a wide range of topics from basic to advanced levels. While the total runtime is not specified, students should be prepared to spend time on lessons, exercises, and projects to fully grasp the material and complete the projects.
How does this course prepare me for other courses or careers?
Skills learned in this course, such as working with shaders, managing GPU resources, and understanding game architecture, are transferrable to other areas in the field of game development and 3D graphics. They provide a solid foundation for more advanced studies or careers in interactive media, simulation, and visualization.