La web dejó de ser un espacio plano donde los contenidos solo hacen scroll para dar lugar a una nueva forma de representar la información. Desde hace un tiempo diferentes tecnologías nos permiten crear espacios funcionales y darles movimiento e immersion. A-frame es una tecnología opensource que permite integrar a nuestra web diferentes aspectos de realidad virtual de manera fácil y efectiva utilizando los conocimientos que ya tenemos sobre la web actual.
Durante este workshop vamos a aprender:
- Nociones básicas de espacialidad y web inmersiva.
- Cómo utilizar conocimientos básicos sobre JS y HTML para desarrollar con A-FRAME.
Además, vamos a construir tu primera web inmersiva.
Podés ver la presentación en el siguiente link
- Computadora con navegador Firefox o Chrome.
- Algún servidor web o un embebido como http-server.
- Tu editor de texto favorito.
- Usando
http-server
git clone [email protected]:manup15/A-Frame-Now.git
cd folder
http-server- Usando
servidor web
Ej: xamp
instalar xamp o equivalente.
descargar repositorio .
pegar repositorio dentro de htdocs (carpeta dentro del directorio de xamp)
arrancar servidor.01 - Incluir A-frame
02 - Escena
03 - Primitivas
04 - Atributos
05 - Escena 360
06 - Interacciones & JS
07 - Audios
08 - Objetos 3d
09 - Realidad Aumentada (WOT)
01 - Teleport JS
02 - Teleport Aframe
04 - Miradas 360
05 - Titulos Miradas
06 - Raton y Pato
07 - Galeria