Three.js and AR.js Examples

El proposito de esta lista es de proveer de un conjunto de ejemplos básicos que sirven como introducción en la Realidad Aumentada (RA) basada en la librería de JavaScript, AR.js. Que a su vez utiliza three.js.

Para poder ver los ejemplos de RA se necesita un dispositivo con cámara y uno de estos marcadores Hiro y Kanji (pueden ser impresos o en otra pantalla).

El código original está en GitHub pero está en inglés y algunos ejemplos no funcionan. aquí nuestra pequeña contibución GitHub. Hemos traducido a español y actualizado librerias.

Cubo básico

Un escenario básico, la cámara detecta el marcador y muestra un cubo.


Tierra

Globo terraqueo girando (iluminado con un punto de luz) se posiciona en un marcador Hiro.


Video Textura

Muestra un vídeo como una textura, se posiciona con un marcador Hiro.


Shader

Un plano que se mueve arriba y abajo, encima de una marca Hiro.


Carga un modelo 3D

Un modelo 3D que se posiciona sobre un marcador Hiro.


Agujero

No te queda sitio donde guardar nada? Haz un hueco en el marcador Hiro.


Efecto de Agua (RA version)

Quita el móvil de la mesa cuando pruebes esto, la garantía no cubre que se moje el dispositivo. Utiliza un marcador Hiro.


Reflejo

Crea torus que refleja la escena.
Video preview Aquí.


Sombra de varias pelotas

Crea cuatro pelotas de baloncesto de colores en un marcador. Las pelotas proyectan una sombra en el plano que contiene el marcador.


Vista Portal

RA efecto de portal a otra dimensión.
Video Aquí.