Semana 2. Aframe

Nos adentramos a la segunda semana del blog. Los retos indicados son:

Realizar un video explicativo del lanzamiento de mis escenas mediante Python

Trastear con JavaScript

Pequeña introducción a A-frame en red

Youtube

Youtube

A-frame en red

LOCAL

Instalar dependencias

Crear carpeta: ‘naf-tutorial’ Crear archivo dentro de ‘naf-tutorial’: package.json Abrir la consola e ir a la ruta de ‘naf-tutorial’ e insalar npm ‘npm install’

Configurar el servidor

Copiar en la ruta anterior:

Comandos a utilizar: 1. node ./server/easyrtc-server.js 2. npm start

Visualizar los ejemplos:

http://localhost:8080

SERVIDOR

Glitch

JavaScript

Ejercicios realizados:

Creación de una entidad + Adición de una entidad + Adición de atributos

AFRAME.registerComponent

addEventListener Nota: No te olvides del cursor

Eventos del cursor

1. Click –> La acción se realizar al clicar

2. Fusing –> La acción se realizar al permanecer unos segundos encima del elemento

3. Mousedown –> La acción se realizar al clickar

4. Mouseenter –> La acción se realizar al estar encima del elemento

5. Mouseleave –> La acción se realizar al salir de encima del elemento

6. Mouseup –> La acción se realizar al parar de clicar

Dudas

1. Documentación networked

2. Relacionar networked con javascript

### Acciones realizadas fallidas

• Unir script de un evento del cursor, pero simplemente se modifica en uno
• No puedo localizar el código de los ejemplos networked - Encontrados, pero no como utilizarlos