Collection
Post cover
Created 6 month back

Best 9 Three JS Games

Small collection of three.js game examples from CodePen and other resources.

Stack Game with Three.js and Cannon.js

Author: Hunor Marton Borbely; January 9, 2021

Links: demo and code, youtube

Made with: HTML / CSS / JS

With YouTube tutorial you can learn Three.js while building a 3D game with physics.

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

Responsive: no

Dependencies: cannon.js

Crossy Road with three.js

Author: Hunor Marton Borbely; December 21, 2018

Links: demo and code

Made with: HTML / CSS / JS

Best traffic game made with Three.js

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

Responsive: yes

Dependencies: -

Post cover

The Frantic Run of the Valorous Rabbit

Author: Karim Maaloul; September 29, 2016

Links: demo and code

Made with: HTML / CSS (SCSS) / JavaScript

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

Post cover

Tower Blocks

Author: Steve Gardner; January 11, 2018

Links: demo and code

Made with: HTML / CSS (SCSS) / JavaScript (TypeScript)

Tower building game. Place blocks by clicking, tapping or spacebarring.

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

Dependencies: TweenMax.js

Traffic Run Game with Three.js

Author: Hunor Marton Borbely; March 17, 2021

Links: demo and code, youtube

Made with: HTML / CSS / JS

Interesting traffic run game with youtube Three.js tutorial.

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

Responsive: yes

Dependencies: -

The Cube Rubik's puzzle game

Author: Boris Å ehovac; March 3, 2019

Links: demo and code

Made with: HTML / CSS (Sass) / JS

See if you can solve this classic 3D Rubik's puzzle game made in three.js.

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

Responsive: yes

Dependencies: -

Post cover

Astray

Author: Rye Terrell; July 15, 2012

Links: demo and code

Made with: HTML / CSS / JavaScript

A WebGL maze game built with three.js and Box2dWeb.js.

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

Dependencies: jquery.js, Box2dWeb.js

Post cover

Runner Game

Author: Juwal Bose; September 4, 2017

Links: demo and code

Made with: HTML / JavaScript

Simple 3D endless runner game using three.js with tutorial.

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

Dependencies: -

Post cover

The Aviator

Author: Karim Maaloul; April 26, 2016

Links: demo and code

Made with: HTML / CSS / JavaScript

Best mouse controller epic game. Grab the blue pills, avoid the red ones.

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

Dependencies: TweenMax.js

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback