Estúdio de Demos da Mozilla

  • Envie um Demo

An AR Game

An augmented reality 2D to 3D puzzler

Criado com JavaScript, HTML5, Canvas, WebGL, Vídeo,

  • 536 visualizações
  • 1 comentários

Mais comentários do autor sobre esse demo

There are two rules: capture the pieces before they fall on the ground; and capture them in the specified order. If you succeed you'll move onto the next level. If you fail... well, then try again.

This game uses AR markers to control wormholes; which are portals between a 2D and 3D world. In order to play you'll need to print the AR marker page. A link is provided in-game. Fasten the page to a piece of cardboard for ease of manipulation. Show the page to your webcam, and align the reticule with a marker to open a wormhole. A gameplay video link is provided should you need an example or are unwilling to waste ink/paper.

Please note that a well-lit play area is required. Increasing your display's brightness is a good way to provide illumination; since it casts light onto the markers.

Technologies used:

Three.js (http://threejs.org)
Box2D.js (https://github.com/kripken/box2d.js/‎)
CreateJS (http://www.createjs.com/‎)
JSARToolkit (https://github.com/kig/JSARToolKit‎)

Play here: http://abrie.github.io/devderby-may-2013

1 comentário até agora

Registrar ou acessar para adicionar o seu demo.

  1. m.Joudeh disse,

    First of all, very nice!
    But when I downloaded the source code and ran it, my Chrome Browser showed a "JavaScript Alert" saying "Couldn't access webcam." That didn't happen when I launched the demo online, since I was prompted to allow webcam access.
    What to do?

Acessar o Código Fonte

Baixar o código fonte401.51 KB · arquivo ZIP

Browse the Source

Esse demo está sob a licença MPL/GPL/LGPL.