Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views :
Oh Snap!

It looks like you're using an adblocker. Adblockers make us sad. We use ads to keep our content happy and free. If you like what we are doing please consider supporting us by whitelisting our website. You can report badly-behaved ads by clicking/tapping the nearby 'Advertisement' X text.

Three.js and Game Development SimonDev

Three.js and Game Development SimonDev

/

Author:SimonDev

Actual Duration:47h 37m

Release date:2025

Publisher:SimonDev

Skill level:Intermediate

Language:English

Exercise files:Yes

Software:Three.js, Blender

Course URL:https://simondev.teachable.com/p/games-three-js

Master Three.js and build anything from high-performance websites to full 3D experiences with industry veteran guidance.

Ready to build awesome 3D stuff on the web? This course is your ticket to mastering Three.js, the go-to library for creating everything from slick, fast websites to full-blown 3D experiences. You’ll learn from someone who’s worked in AAA gaming and at Google, so you know you’re getting real-world insights. Forget basic tutorials; this is about building confidently and landing those dream jobs.

🎯 What you’ll learn

  • Build high-performance 3D websites.
  • Create complex 3D scenes and experiences.
  • Implement advanced rendering techniques like shaders and postprocessing.
  • Understand game development design patterns and structures.
  • Work with 3D models, animations, and particle systems.
  • Integrate physics into your web-based projects.

✅ Requirements

  • Skills: Familiarity with JavaScript and basic web development concepts.
  • Tools: A modern web browser, a text editor or IDE.
  • Hardware: A computer capable of running web development tools and rendering 3D graphics smoothly.

📝 Description

This course dives deep into Three.js, a powerful JavaScript library for creating and displaying animated 3D computer graphics in a web browser. You’ll go beyond the basics, exploring advanced topics like shaders, GPGPU computations for particle systems, and efficient resource management. The curriculum also covers essential game development principles, including design patterns, entity management, and spatial data structures, equipping you to build complex, interactive applications. You’ll learn practical techniques for optimizing performance and handling large-scale projects, preparing you for professional development.

🧑‍🎓 Who this course is for

  • Web developers looking to add 3D capabilities to their projects.
  • Aspiring game developers interested in creating browser-based games.
  • 3D artists wanting to showcase their work interactively online.
  • Anyone eager to build complex 3D experiences using JavaScript.

🧑‍🏫 About the Author

SimonDev is an industry veteran with experience in AAA game development and previous roles at Google. This background brings a wealth of practical knowledge and real-world problem-solving skills to the course. Simon is known for creating in-depth, high-quality tutorials that help students not only learn but also secure professional roles in the tech industry.

🏁 Final Result

  • Students will have a portfolio of complex 3D web projects, including interactive scenes, advanced visual effects, and potentially functional game prototypes, demonstrating proficiency in Three.js and core game development concepts.
Curriculum

📋 Course content

  1. Welcome
    • Introduction
    • Setup
    • Discord
    • Resources
  2. Basic Three.js
    • IMPORTANT – Migration
    • Hello World39:46
    • Render Loops41:55
    • Scene Graphs42:20
    • Materials & Geometries21:55
    • Debug UI29:45
    • Perspective & Orthographic Cameras30:48
    • Lights & Shadows66:45
    • Textures & Materials (134:30)
    • Loading Models23:54
  3. Intermediate Three.js
    • IMPORTANT – Migration
    • HDR75:53
    • Character Animations40:52
    • Shaders33:00
    • Advanced Geometry48:38
    • Render Targets38:47
    • Postprocessing89:16
    • Basic Debugging35:32
    • Managing Resources45:21
    • Project: 3rd Person Camera67:34
    • Particle Systems35:03
    • Physics (126:53)
  4. Advanced Three.js
    • IMPORTANT – Migration
    • Advanced Particle Systems (241:14)
    • Compression95:01
    • Project: Solar System v2 (332:13)
    • Depth Textures64:11
    • Streaming & Infinite Terrain90:27
    • GPGPU – Stateless GPU Particles65:51
    • GPGPU – Stateful GPU Particles64:39
    • GPGPU – Advanced49:30
    • GPGPU – Boids (174:32)
    • Customizing Materials (113:37)
    • Blender Scripting – INCOMPLETE (178:04)
  5. Basic Gamedev
    • IMPORTANT – Migration
    • Intro to Design Patterns47:52
    • Applying Patterns – Simple Tower Defense (146:51)
    • Entity Management (138:05)
    • Graphs and Data Structures (164:58)
    • Spatial Queries (223:38)
  6. Untitled Game Project
    • Placeholder
Watch online or Download for Free
Three.js and Game Development SimonDev
NAME
SIZEDURATION
1.-Hello-World
38.9 MB39m
5.2-Debug-UI
30.5 MB21m
10.1-HDR
20.1 MB24m
10.2-HDR
90.2 MB51m
12-Shaders
49.4 MB33m
15.2-Postprocessing
156.5 MB1h 24m
20.1-Physics
41.8 MB18m
20.2-Physics
198.8 MB1h 48m
24-Depth-Textures
98.6 MB1h 4m
29.1-GPGPU-Boids
158.6 MB1h 35m
29.2-GPGPU-Boids
127.9 MB1h 4m
32-Applying-Patterns
227.8 MB2h 26m


Join us on
  Channel    and      Group

Leave a Comment

Your email address will not be published. Required fields are marked *