Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 947439 of Examples

  • Revision slug: Games/Examples
  • Revision title: Examples
  • Revision id: 947439
  • Created:
  • Creator: chrisdavidmills
  • Is current revision? No
  • Comment Technical review completed. Editorial review completed.

Revision Content

{{IncludeSubnav("/en-US/docs/Games")}}

This page lists a number of impressive web technology demos for you to get inspiration from, and generally have fun with. A testament to what can be done with JavaScript, WebGL, and related technologies. The first two sections list playable games, while the second is a catch-all area to list demos that aren't necessarily interactive/games.

Free/demo games

Beloola
WebVR platform to connect passionate people. Experience both available on 2D screens and on VR HMDs (Settings / Switch to VR mode).
Tanx
A multiplayer tank battle game, created with PlayCanvas.
Hyper Vanguard Force
A neat vertically scrolling space shooter.
Swooop
A plane flying game: control your plane and collect the jewels. Again, created with PlayCanvas.
Save the Day
Fly your rescue chopper around the disaster area and save the stranded victims (ga.me.)
Polycraft
A shipwreck 'n survive game. Explore the island and defeat the monsters.
HexGL
A fast-paced, futuristic racing game.
Dead Trigger 2
Classic zombie splatter action, made with Unity3D.
Angry Bots
A futuristic Aliens-esque isometric 3rd person shooter demo, made with Unity3D.
Nutmeg
Cute retro scrolling platforming action.
Back to Candyland
A match-3 (Candy Crush) style game.
Biolab Disaster
Side-scrolling platform shooter.
X-Type
Vertically scrolling space shooter demo.
Xibalba
Retro (Doom-style) first person shooter.
Gorescript
Another retro style first person shooter.
The Wizard
A turn-based, dungeon puzzle game.
Hextris
Tetris-like hexagonal puzzle game.
2048
A sliding number tiles puzzle game.
BananaBread
A multiplayer, 3D first-person shooter game developed using Emscripten, WebGL, and WebRTC.
Monster Madness
A WebGL and asm.js-based multiplayer online shooter, developed by Nom Nom Games and Trendy entertainment.
Auralux
WebGL and asm.js-based strategy game: capture all the suns to win!
BrowserQuest
A MMORPG created by the Little Workshop and Mozilla.

Commercial games

Oort Online
A MMO exploration, building, and battle game (currently in development.)
A Wizard's Lizard
Top down Zelda-esque exploration/RPG.
QbQbQb
A sci-fi themed arcade puzzle game.
Elliot Quest
8-bit graphic retro adventure game.

Assorted demos

WaveGL
WebGL visualizer for sound sources.
Canvas Airport Simulation
Animated map showing planes taking off and landing at airports, along with flight path patterns.
Animation Physics
3D rendering of terrain and cars, using ammo.js for the physics calculations.
Volumetric Particle Flow
Physics simulation of flowing liquid.
Explosion and chain reaction
Exploding particles that set off other explosions.
Canvas generated planet
A planet with orbiting asteriod belt.
Digital Fireworks
Animated firework effects rendered on canvas.
Autumn
Falling autumn leaves, with light source shining through. Created using Three.js.
Fire walk with me
Billowing fire cloud effect.
Rainbow Firestorm
Rainbow-coloured particles, falling like rain, bouncing around on a terrain of orbs.
Crowd Simulation
Simulation of a bustling crowd of people all trying to reach their opposite positions.
SVG Masking Experiment
An Xray machine, creating using an SVG mask.
Realistic Water Simulation
Flowing water, like the waves on the ocean.
Dungeon demo
Haxor-based dungeon scene with walkable character.
Massive Assault tech demo
Rendered archipelago with futuristic military vehicles.
Flight Stream
3D globe with simulated flight paths.
WebGL filters
Demo showing WebGL filters being used to add effects to HTML elements.
SVG isometic tiles
Generating isometric tiles with SVG matricies.
ThreeJS App Player
A player into which you can load and run Three.js examples.
WebGL + Three.js Demo
Warning: may cause vertigo.

Revision Source

<div>{{IncludeSubnav("/en-US/docs/Games")}}</div>

<p class="summary">This page lists a number of impressive web technology demos for you to get inspiration from, and generally have fun with. A testament to what can be done with JavaScript, WebGL, and related technologies. The first two sections list playable games, while the second is a catch-all area to list demos that aren't necessarily interactive/games.</p>

<div class="column-container">
<div class="column-half">
<h2 id="Freedemo_games">Free/demo games</h2>

<dl>
 <dt><a href="https://www.beloola.com">Beloola</a></dt>
 <dd>WebVR platform to connect passionate people. Experience both available on 2D screens and on VR HMDs (<em>Settings / Switch to VR mode</em>).</dd>
 <dt><a href="https://playcanv.as/p/aP0oxhUr">Tanx</a></dt>
 <dd>A multiplayer tank battle game, created with <a href="https://playcanvas.com/">PlayCanvas</a>.</dd>
 <dt><a href="https://robertsspaceindustries.com/comm-link/transmission/14704-Hyper-Vanguard-Force">Hyper Vanguard Force</a></dt>
 <dd>A neat vertically scrolling space shooter.</dd>
 <dt><a href="https://playcanv.as/p/JtL2iqIH">Swooop</a></dt>
 <dd>A plane flying game: control your plane and collect the jewels. Again, created with <a href="https://playcanvas.com/">PlayCanvas</a>.</dd>
 <dt><a href="https://ga.me/games/save-the-day">Save the Day</a></dt>
 <dd>Fly your rescue chopper around the disaster area and save the stranded victims (ga.me.)</dd>
 <dt><a href="https://ga.me/games/polycraft">Polycraft</a></dt>
 <dd>A shipwreck 'n survive game. Explore the island and defeat the monsters.</dd>
 <dt><a href="https://hexgl.bkcore.com/">HexGL</a></dt>
 <dd>A fast-paced, futuristic racing game.</dd>
 <dt><a href="https://beta.unity3d.com/jonas/DT2/">Dead Trigger 2</a></dt>
 <dd>Classic zombie splatter action, made with <a href="https://unity3d.com/">Unity3D</a>.</dd>
 <dt><a href="https://beta.unity3d.com/jonas/AngryBots/">Angry Bots</a></dt>
 <dd>A futuristic Aliens-esque isometric 3rd person shooter demo, made with <a href="https://unity3d.com/">Unity3D</a>.</dd>
 <dt><a href="https://sandbox.photonstorm.com/html5/nutmeg/">Nutmeg</a></dt>
 <dd>Cute retro scrolling platforming action.</dd>
 <dt><a href="https://www.zibbo.com/game/match-3-games-top/back-to-candyland-episode-1">Back to Candyland</a></dt>
 <dd>A match-3 (Candy Crush) style game.</dd>
 <dt><a href="https://playbiolab.com/">Biolab Disaster</a></dt>
 <dd>Side-scrolling platform shooter.</dd>
 <dt><a href="https://phoboslab.org/xtype/">X-Type</a></dt>
 <dd>Vertically scrolling space shooter demo.</dd>
 <dt><a href="https://phoboslab.org/xibalba/">Xibalba</a></dt>
 <dd>Retro (Doom-style) first person shooter.</dd>
 <dt><a href="https://timeinvariant.github.io/gorescript/play/">Gorescript</a></dt>
 <dd>Another retro style first person shooter.</dd>
 <dt><a href="https://hypnoticowl.com/games/the-wizard/">The Wizard</a></dt>
 <dd>A turn-based, dungeon puzzle game.</dd>
 <dt><a href="https://hextris.io/">Hextris</a></dt>
 <dd>Tetris-like hexagonal puzzle game.</dd>
 <dt><a href="https://gabrielecirulli.github.io/2048/">2048</a></dt>
 <dd>A sliding number tiles puzzle game.</dd>
 <dt><a href="/en-US/demos/detail/bananabread" title="/en-US/demos/detail/bananabread">BananaBread</a></dt>
 <dd>A multiplayer, 3D first-person shooter game developed using Emscripten, WebGL, and WebRTC.</dd>
 <dt><a href="https://hacks.mozilla.org/2013/12/monster-madness-creating-games-on-the-web-with-emscripten/">Monster Madness</a></dt>
 <dd>A WebGL and asm.js-based multiplayer online shooter, developed by Nom Nom Games and Trendy entertainment.</dd>
 <dt><a href="https://www.auraluxgame.com/game/">Auralux</a></dt>
 <dd>WebGL and asm.js-based strategy game: capture all the suns to win!</dd>
 <dt><a href="https://browserquest.mozilla.org/">BrowserQuest</a></dt>
 <dd>A MMORPG created by the Little Workshop and Mozilla.</dd>
</dl>

<h2 id="Commercial_games">Commercial games</h2>

<dl>
 <dt><a href="https://oortonline.com/">Oort Online</a></dt>
 <dd>A MMO exploration, building, and battle game (currently in development.)</dd>
 <dt><a href="https://www.wizardslizard.com/">A Wizard's Lizard</a></dt>
 <dd>Top down Zelda-esque exploration/RPG.</dd>
 <dt><a href="https://qbqbqb.rezoner.net/">QbQbQb </a></dt>
 <dd>A sci-fi themed arcade puzzle game.</dd>
 <dt><a href="https://elliotquest.com/">Elliot Quest</a></dt>
 <dd>8-bit graphic retro adventure game.</dd>
</dl>
</div>

<div class="column-half">
<h2 id="Assorted_demos">Assorted demos</h2>

<dl>
 <dt><a href="https://greweb.me/wavegl/">WaveGL</a></dt>
 <dd>WebGL visualizer for sound sources.</dd>
 <dt><a href="https://codepen.io/jackrugile/pen/CdKGx/">Canvas Airport Simulation</a></dt>
 <dd>Animated map showing planes taking off and landing at airports, along with flight path patterns.</dd>
 <dt><a href="https://alteredqualia.com/xg/examples/animation_physics_terrain.html">Animation Physics</a></dt>
 <dd>3D rendering of terrain and cars, using <a href="https://github.com/kripken/ammo.js">ammo.js</a> for the physics calculations.</dd>
 <dt><a href="https://david.li/flow/">Volumetric Particle Flow</a></dt>
 <dd>Physics simulation of flowing liquid.</dd>
 <dt><a href="https://codepen.io/artzub/pen/gszpJ/">Explosion and chain reaction</a></dt>
 <dd>Exploding particles that set off other explosions.</dd>
 <dt><a href="https://codepen.io/AshKyd/pen/sylFw">Canvas generated planet</a></dt>
 <dd>A planet with orbiting asteriod belt.</dd>
 <dt><a href="https://codepen.io/zadvorsky/pen/FAmuL">Digital Fireworks</a></dt>
 <dd>Animated firework effects rendered on canvas.</dd>
 <dt><a href="https://oos.moxiecode.com/js_webgl/autumn/">Autumn</a></dt>
 <dd>Falling autumn leaves, with light source shining through. Created using <a href="https://github.com/mrdoob/three.js">Three.js</a>.</dd>
 <dt><a href="https://inear.se/fireshader/">Fire walk with me</a></dt>
 <dd>Billowing fire cloud effect.</dd>
 <dt><a href="https://codepen.io/jackrugile/pen/AokpF">Rainbow Firestorm</a></dt>
 <dd>Rainbow-coloured particles, falling like rain, bouncing around on a terrain of orbs.</dd>
 <dt><a href="https://visualiser.fr/babylon/crowd/">Crowd Simulation</a></dt>
 <dd>Simulation of a bustling crowd of people all trying to reach their opposite positions.</dd>
 <dt><a href="https://codepen.io/noeldelgado/pen/ByxQjL">SVG Masking Experiment</a></dt>
 <dd>An Xray machine, creating using an SVG mask.</dd>
 <dt><a href="https://www.shadertoy.com/view/Ms2SD1">Realistic Water Simulation</a></dt>
 <dd>Flowing water, like the waves on the ocean.</dd>
 <dt><a href="https://www.haxor.xyz/demos/1.0/dungeon/">Dungeon demo</a></dt>
 <dd>Haxor-based dungeon scene with walkable character.</dd>
 <dt><a href="https://massiveassaultnetwork.com/html5/">Massive Assault tech demo</a></dt>
 <dd>Rendered archipelago with futuristic military vehicles.</dd>
 <dt><a href="https://callumprentice.github.io/apps/flight_stream/index.html">Flight Stream</a></dt>
 <dd>3D globe with simulated flight paths.</dd>
 <dt><a href="https://pixelscommander.com/polygon/htmlgl/demo/filters.html">WebGL filters</a></dt>
 <dd>Demo showing WebGL filters being used to add effects to HTML elements.</dd>
 <dt><a href="https://codepen.io/AshKyd/pen/zxmgzV">SVG isometic tiles</a></dt>
 <dd>Generating isometric tiles with SVG matricies.</dd>
 <dt><a href="https://jsfiddle.net/jetienne/rkth90c9/">ThreeJS App Player</a></dt>
 <dd>A player into which you can load and run Three.js examples.</dd>
 <dt><a href="https://developer.mozilla.org/en-US/demos/detail/escher-puzzle/launch">WebGL + Three.js Demo</a></dt>
 <dd>Warning: may cause vertigo.</dd>
</dl>
</div>
</div>
Revert to this revision