15+ Three JS Games

Last Updated on by in JavaScript
The Aviator

If you’re seeking a collection of three JS games that are visually appealing, user-friendly, and run on a web browser, you’re in luck. In this compilation, we are featuring 15+ ThreeJS games that were created using HTML5, CSS3, and JavaScript.

We’ve sourced these interactive games from reputed platforms like CodePen and GitHub.

If you’re an avid gamer or just someone who enjoys immersive online experiences, you might have stumbled upon the fascinating world of Three.js games. These games utilize the power of Three.js, a popular JavaScript library, to create immersive 3D experiences right in your web browser.

One of the great things about Three.js games is their accessibility. Unlike some other gaming platforms that require hefty downloads or powerful hardware, Three.js games can be played directly in your browser, making them incredibly convenient for casual gamers and enthusiasts alike.

Let us explore the endless possibilities of ThreeJS games and take your website’s engagement time to the next level.

1. THREE.js cube game

See the Pen
THREE.js cube game
by Chris Ryan (@chris-creditdesign)
on CodePen.


Author: chris-creditdesign @chris-creditdesign
Links: Source Code / Demo
Created on: March 1, 2015
Made with: HTML, CSS, JS

2. Traffic Run Game with Three.js

See the Pen
Traffic Run Game with Three.js
by Hunor Marton Borbely (@HunorMarton)
on CodePen.


Author: Hunor Marton Borbely @HunorMarton
Links: Source Code / Demo
Created on: March 17, 2021
Made with: HTML, CSS, JS

3. Basic Threejs Game: Collision Detection

See the Pen
Basic Threejs Game Tutorial Part 5: Collision Detection
by Bryan Jones (@bartuc)
on CodePen.


Author: Bryan Jones @bartuc
Links: Source Code / Demo
Created on: April 11, 2018
Made with: HTML, CSS(SCSS), JS

4. The Frantic Run Of The Valorous Rabbit

See the Pen
The frantic run of the valorous rabbit
by Karim Maaloul (@Yakudoo)
on CodePen.


Author: Karim Maaloul @Yakudoo
Links: Source Code / Demo
Created on: September 30, 2016
Made with: HTML, CSS(SCSS), JS

5. The Aviator

The Aviator
Author: Karim Maaloul @Yakudoo
Links: Source Code / Demo
Created on: April 26, 2016
Made with: HTML, CSS(SCSS), JS

6. Stack game with Three.js and Cannon.js

See the Pen
Stack game with Three.js and Cannon.js
by Hunor Marton Borbely (@HunorMarton)
on CodePen.


Author: Hunor Marton Borbely @HunorMarton
Links: Source Code / Demo
Created on: January 10, 2021
Made with: HTML, CSS, JS

7. Tower Blocks

See the Pen
Tower Blocks
by Steve Gardner (@ste-vg)
on CodePen.


Author: Steve Gardner @ste-vg
Links: Source Code / Demo
Created on: January 11, 2018
Made with: HTML, CSS(SCSS),JS(TypeScript)

8. RUNNER GAME

Runner Game

Author: Juwal Bose
Links: Source Code / Demo
Created on: September 4, 2017
Made with: HTML, CSS, JS

9. Astray

Astray

Author: Rye Terrell @wwwtyro
Links: Source Code / Demo
Created on: July 14, 2012
Made with: HTML, CSS, JS

10. The Cube

See the Pen
The Cube
by Boris Šehovac (@bsehovac)
on CodePen.


Author: Boris Šehovac @bsehovac
Links: Source Code / Demo
Created on: March 4, 2019
Made with: HTML, CSS(Sass), JS

11. Crossy Road with three.js

See the Pen
Crossy Road with three.js
by Hunor Marton Borbely (@HunorMarton)
on CodePen.


Author: Hunor Marton Borbely @HunorMarton
Links: Source Code / Demo
Created on: December 21, 2018
Made with: HTML, CSS, JS

12. Sword

See the Pen
#Codevember 5 – Sword
by Shaolin405 (@Shaolin405)
on CodePen.


Author: Shaolin405 @Shaolin405
Links: Source Code / Demo
Created on: November 8, 2017
Made with: HTML, CSS(SCSS), JS(Babel)

13. 3D Simon game with three.js

See the Pen
3D Simon game with three.js
by Sayo Manzini (@blue5peed)
on CodePen.


Author: Sayo Manzini @blue5peed
Links: Source Code / Demo
Created on: March 24, 2016
Made with: HTML, CSS, JS

14. 3D game

See the Pen
3-d game
by Olubummo Faith (@leye5555)
on CodePen.


Author: Olubummo Faith @leye5555
Links: Source Code / Demo
Created on: October 2, 2021
Made with: HTML, CSS, JS

15. 3d game with Three.js

See the Pen
3d game with Three.js
by Eduard (@ferrum)
on CodePen.


Author: Eduard @ferrum
Links: Source Code / Demo
Created on: November 11, 2017
Made with: HTML, CSS, JS

Digamber - Author positronX.io

Hi, I'm Digamber Singh, a New Delhi-based full-stack developer, tech author, and open-source contributor with 10+ years' experience in HTML, CSS, JavaScript, PHP, and WordPress.