WebVR para todos: Introducción a la realidad virtual con Aframe.

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.

Presentación

Podés ver la presentación en el siguiente link

Requisitos

1. Computadora con navegador Firefox o Chrome.
2. Algún servidor web o un embebido como http-server.
3. Tu editor de texto favorito.

Setup

Instalación

• Usando http-server

http-server

git clone git@github.com: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.

Contenido

Introducción

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)

Ejercicios.

01 - Teleport JS
02 - Teleport Aframe
04 - Miradas 360
05 - Titulos Miradas
06 - Raton y Pato
07 - Galeria