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
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
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
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 subscriptionRelated courses
-
Updated 2y agoMaster the Lua Scripting Language
By: Gustavo PezziThis course is a comprehensive immersion in the Lua programming language - one of the most popular scripting languages in the world.13h 59m -
Updated 3y agoBuild fancy landing pages with React and Threejs
By: Paul Henschel (0xca0a)This course teaches you how to add stunning flourishes to your sites with little code and complexity.38m -
Updated 8mo agoMath for Game Developers
By: SimonDevWelcome to a course designed specifically for developers who might feel intimidated by math.6h 5m
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.