Small collection of three.js game examples from codepen and other resources. Update of January 2020 collection. 3 new item.

Related Articles

  1. Three.js Examples

Author

  • Hunor Marton Borbely

Made with

  • HTML / CSS / JS

About a code

Traffic Run Game with Three.js

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Hunor Marton Borbely

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

Author

  • Boris Ĺ ehovac

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: -

Author

  • Hunor Marton Borbely

Made with

  • HTML / CSS / JS

About a code

Crossy Road with three.js

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: Tower Blocks

Author

  • Steve Gardner

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

Demo image: Runner Game

Author

  • Juwal Bose

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: -

Demo image: The Frantic Run of the Valorous Rabbit

Author

  • Karim Maaloul

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

Demo image: The Aviator

Author

  • Karim Maaloul

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

Demo image: Astray

Author

  • Rye Terrell

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