Skip to main content

These days I’m really interested in browser based games, particularly those that use libraries such as three.js. I decided to put together a bit of list of some of the best examples I have come across. In terms of actual gameplay I think that these vary in quality but I think they are all great demonstrations of the potential of webGL and browser based games. They are all free games too. 🙂


Interlandmade for Google by 14 Islands

Interland

Interland is an educational game designed to teach kids about online safety. I think this is perhaps the best example I have come across so far of an online game created using three.js. I am particularly impressed by the overall design, general usability, and mobile controls.

Open Interland
Read case study by 14 Islands

xx142-b2.exe by Ben Clark and Salvator Prevati

xx142-b2.exe

xx142-b2.exe won 1st place in JS13kGames competition (2019). This is a competition about creating a game in less than 13kb! I think this game has an excellent concept and when I have shown it to my students they all get drawn in to the challenge of figuring it out and completing the levels. It’s amazing what has been achieved here in such a small file size.

Open xx142-b2.exe

Ouigo WebGL Game
Ouigo

Ouigo

Ouigo is a highly polished pinball styled game created with Threejs. Another great example of what is possible with Threejs and WebGL.

Play Ouigo

Sidus NFT Heroes
Sidus NFT Heros

Sidus NFT Heroes

Sidus NFT Heroes is a relatively new (2021) game that combines webGL and NFT technology. I haven’t had a chance to have a good play of this game yet, however it looks very impressive and could be a bit of a fore-runner in the web game direction.

Open Sidus Heroes

HexGL by Thibaut Despoulain (BKcore)

HexGL

An oldie (2013?) but a goodie, HexGL is a futuristic racing game built by Thibaut Despoulain (BKcore) using HTML5, Javascript and WebGL.

Play HexGL

Cube Slam

Cube Slam

Another amazing example of a browser based game, “Cube Slam is a video game that you can play face-to-face against your friends..just by sharing a link.”

Open Cube Slam
Read article about it

The Aviator by Karim Maaloul 

The Aviator

The Aviator is the result of a tutorial on Tympanus.net that explores the basics of creating animated 3D scenes using Three.js.

Open The Aviator
Open the tutorial

The frantic run of the valorous rabbit by Karim Maloul

The frantic run of the valorous rabbit

Another cool demo by Karim Maloul. Check it out on Codepen where you can easily view the code. You can also find other cool demos by Karim on Codepen (I particularly like Paranoid vs shy birds).

Open The frantic run of the valorous rabbit

Tower Blocks by Steve Gardner

Tower Blocks

Another cool demo on Codepen. A simple but effective game by Steve Gardner.

Plume and the forgotten letter

Plume and the forgotten letter

A great example of a third person game with some interesting styles and effects rendered through WebGL.

Open Plume Game

Heraclos, and the quest he never ever asked for

Heraclos and the quest he never ever asked for

Another strong example of a third person game using WebGL.

Open Heraclos and the quest he never ever asked for


Otherwise, please don’t hesitate to get in touch (via contact@henryegloff.com) if you have come across other great examples of browser based / webGL games that you think should be included here.

If you’re interested in this kind of stuff you should also checkout Bruno Simon’s portfolio website and maybe even the website of Bruno Quintela. There are of course lots of cool websites using three.js that aren’t necessarily game related.

I’ve also got a collection of my favourite 3D examples on Codepen.


If you would like to stay in the loop when I publish new content your best bet is to join my mailing list, as I don't tend to post my tutorials and articles to social media. Otherwise you can always follow my work on Youtube, Twitter, Instagram, Reddit, Artstation, LinkedIn, and Behance.

Filed under:
Art & Design, Game Design & Development

Similar Articles:

Awesome Examples of Three.js

Awesome Examples of Three.js

An archive of three.js demos that have particularly impressed me, either creatively, technologically, or a combination of both.

Web Design Gurus

Web Design Gurus

An archive of brilliant and inspiring web designers and developers, sharing knowledge, tools, and tricks of the trade.

All Articles

Featured Projects

Muse 001

Muse 001

An exploration of space, motion, and generative audio. Created with Three.js, Anime.js, Tone.js, Blender, and Mixamo.

Robot Animations

Robot Animations

An interactive 3D demo of a game character model with motion capture actions, created with Three.js.

Artefact 007

Artefact 007

Generative interactive 3D artwork created using Three.js.

The Partition

The Partition

A study of movement, materials, and lighting using Three.js.

Lustrous

Lustrous

3D digital artwork / animation created with three.js.

About Me

Hi, I'm Henry Egloff - a multimedia artist, designer, and coder, based in Byron Bay Australia. I create digital art, design and code apps, write articles, and develop tutorials.

I specialise in designing and building dynamic and interactive media with languages like HTML, CSS, PHP, and Javascript, and using tools like Three.js, Blender, Adobe, and Unity.

I love working creatively and helping people learn.

I'm currently available for freelance / contract projects and online tuition roles. Learn more about me or say hello at contact@henryegloff.com.

Henry Egloff
Twitter Twitter 2 Facebook Linked In Instagram Codepen Behance Youtube Opensea Heart Dark Mode Light Mode