10+ three.js Games
Three.js isn’t just for visualizations — it’s a playground for building interactive 3D games. This curated set of three.js game examples highlights player controls, collisions, environments, and physics simulations that show how WebGL can power real-time gaming.
Examples
Cinematic 3D Racing Pursuit Game
This is a Cinematic 3D Racing Pursuit Game. It renders an endless runner-style experience with high-speed lane switching, projectile combat, and dynamic obstacle generation. Its function is to demonstrate complex WebGL post-processing and real-time game loops inside the browser, transforming a static webpage into an interactive arcade environment. (Requires: three-js)
Chrome 80+
Edge 80+
Firefox 75+
Safari 13+
See the Pen Cinematic 3D Racing Pursuit Game.
Procedural 3D Endless Runner Game
This is a Procedural 3D Endless Runner Game. It utilizes Three.js to render a dynamically generated, infinite obstacle course. Its function is to deliver a complete, lane-based gameplay loop entirely within the browser. The environment and actors are constructed procedurally, eliminating external asset dependencies and ensuring instant execution. (Requires: three.js)
Chrome 89+
Edge 89+
Firefox 108+
Safari 16.4+
See the Pen Procedural 3D Endless Runner Game.
