• Skip to main content
  • Select language
  • Skip to search
MDN Web Docs
  • Technologies
    • HTML
    • CSS
    • JavaScript
    • Graphics
    • HTTP
    • APIs / DOM
    • WebExtensions
    • MathML
  • References & Guides
    • Learn web development
    • Tutorials
    • References
    • Developer Guides
    • Accessibility
    • Game development
    • ...more docs
Game development
  1. MDN
  2. Game development
  3. Examples

Examples

In This Article
  1. Free/demo games
  2. Commercial games
  3. Assorted demos

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

Orpega
Massively-multiplayer space-themed 2d shooter made in straight HTML5/JavaScript without an engine and NodeJS for the server (http://orpe.ga/)
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.
Shoot The Rocks
A canvas 2D single-player shooter in the style of Atari's classic Asteroids arcade game from 1979.
Star Citadel
A new take on Star Castle, Cinematronics' classic 1980 arcade game, built with canvas 2D.

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.
RPG MO
Isometric MMORPG with similarities to RuneScape Classic and Ultima.

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.

Document Tags and Contributors

Tags: 
  • Demos
  • Examples
  • Games
  • Web
 Contributors to this page: MarxGames, GoalieSave25, bartread, chrisdavidmills, samuelbeloola, micahbolen, fscholz, douglas-j-bothwell, xfq
 Last updated by: MarxGames, Jul 26, 2017, 8:41:40 AM
  1. Introduction
    1. Introduction to game development for the Web
    2. Anatomy of a video game
    3. Examples
  2. APIs for game development
    1. Canvas
    2. CSS
    3. Full Screen
    4. Gamepad
    5. IndexedDB
    6. JavaScript
    7. Pointer Lock
    8. SVG
    9. Typed Arrays
    10. Web Audio
    11. WebGL
    12. WebRTC
    13. Web Sockets
    14. WebVR
    15. Web Workers
    16. XmlHttpRequest
  3. Techniques
    1. Using async scripts for asm.js
    2. Optimizing startup performance
    3. Using WebRTC peer-to-peer data channels
    4. Efficient animation for web games
    5. 3D games on the Web
      1. 3D games on the Web overview
      2. Explaining basic 3D theory
      3. Building up a basic demo with A-Frame
      4. Building up a basic demo with Babylon.js
      5. Building up a basic demo with PlayCanvas
      6. Building up a basic demo with Three.js
      7. Building up a basic demo with Whitestorm.js
      8. WebVR

    6. Audio for Web Games
    7. 2D collision detection
    8. 3D collision detection
      1. 3D collision detection overview
      2. Bounding volume collision detection with THREE.js
    9. Tiles and tilemaps
      1. Tiles and tilemaps overview
      2. Static maps
      3. Scrolling maps
    10. Implementing game control mechanisms
      1. Game control mechanisms overview
      2. Mobile touch controls
      3. Desktop mouse and keyboard controls
      4. Desktop gamepad controls
      5. Unconventional controls
  4. Tutorials
    1. 2D breakout game using pure JavaScript
    2. 2D breakout game using Phaser
    3. 2D maze game with device orientation
    4. 2D platform game using Phaser
  5. Publishing games
    1. Publishing games overview
    2. Game distribution
    3. Game promotion
    4. Game monetization