Small collection of three.js game examples from codepen and other resources. Update of January 2020 collection. 3 new item.
Related Articles
Links
Made with
- HTML / CSS / JS
About a code
Traffic Run Game with Three.js
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS / JS
About a code
Stack Game with Three.js and Cannon.js
Build a stack of boxes. Boxes are coming in from left and right and you have to click when the incoming box is on top of the previous one. You have to be precise though because the overhanging parts will fall down and the surface you can place boxes on gets smaller and smaller.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: cannon.js
Links
Made with
- HTML / CSS (Sass) / JS
About a code
The Cube
See if you can solve this classic Rubik's puzzle game made in three.js.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS / JS
About a code
Crossy Road with three.js
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -

Links
Made with
- HTML / CSS (SCSS) / JavaScript (TypeScript)
About the code
Tower Blocks
Tower building game. Place blocks by clicking, tapping or spacebarring.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: TweenMax.js

Links
Made with
- HTML / JavaScript
About the code
Runner Game
Simple 3D endless runner game using three.js
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -

Links
Made with
- HTML / CSS (SCSS) / JavaScript
About the code
The Frantic Run of the Valorous Rabbit
Save this little guy from this (not so evil) wolf. It starts very slowly, but don't be fooled, you probably can't stand the speed. Click to jump - grab the carrots / avoid the hedgehogs.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: OrbitControls.js, TweenMax.js

Links
Made with
- HTML / CSS / JavaScript
About the code
The Aviator
Grab the blue pills, avoid the red ones.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: TweenMax.js

Links
Made with
- HTML / CSS / JavaScript
About the code
Astray
A WebGL maze game built with three.js and Box2dWeb.js.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: jquery.js, Box2dWeb.js