Skip to content
Clases
Clase 6: AR. A-Frame + AR.js + Blender
En esta clase hacemos foco en la creación de assets 3D que podemos incorporar en A-Frame y AR.
También experimentamos con distintos ejemplos de uso de AR en teléfonos celulares desde A-Frame.
Realidad Aumentada en A-Frame (ARJS)
A-Frame utilizar ARJS es una biblioteca de JavaScript, que a su vez se basa en ARToolkit.
Consideraciones en Augmented Reality
Escala
Es importante recordar que en A-Frame se reconocen las coordenadas en las que el modelo fue exportado, al igual que su escala.
El siguiente plano rojo se ubica sobre el marcador y la medida se ajusta al tamaño del marcador:
<a-plane
position="0 0 0"
color="red"
opacity="0.5"
width="1"
height="1"
rotation="-90 0 0">
</a-plane>
a-plane con width y heigth de 1.
Coordenadas
En el caso de las coordenadas, vemos en la siguiente captura que el mono esta ubicado en el origen de coordenadas en Blender y se respeta en la ubicación que toma sobre el marcador.
Modelo en Blender en posición “0 0 0” en Blender (izquierda) y en posición “0 0 0” sobre Marker AR (derecha).
AR Simple Marker (plantilla)
AR con Detección de Marcadores
AR Simple Marker
AR Barcodes
AR Multiple Markers Animaciones
Accesos útiles
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.