Tutorial: Realidad aumentada con JavaScript
Programación en español
0:00 / 0:00
Tutorial: Realidad aumentada con JavaScript
11 214 просмотров · 5 лет назад
Programación en español
37,5 тыс. подписчиков
11 214 просмотров · 5 лет назад
En este vídeo te enseño cómo podemos desarrollar web apps con realidad aumentada usando JavaScript a través de la librería ARJS.
Recursos:
▬▬▬▬▬▬▬▬▬▬
ARJS: https://ar-js-org.github.io/
A-Frame: https://aframe.io/
Repositorio del ejemplo: https://github.com/pedrovelasquez9/AR...
CodePen del ejemplo: https://codepen.io/pedrovelasquez9/pe...
Información de los eventos con Gentleman Programming:
▬▬▬▬▬▬▬▬▬▬
• Invitación | Talleres online de programaci...
Contenido del vídeo:
▬▬▬▬▬▬▬▬▬▬
00:00 - Presentación
00:19 - ¿Qué es realidad aumentada?
00:46 - Librerías JavaScript para realidad aumentada
01:50 - ¡Vamos al código!
02:57 - Escena
03:43 - Marcador
05:33 - Entidad (Definiendo el objeto 3D)
07:03 - Agregando la cámara
08:13 - Probando con el móvil
09:27 - Cambiando el modelo 3D a uno custom (un TIE fighter de Star Wars)
11:25 - Agregando interacción con el modelo 3D
12:11 - Probando el nuevo modelo en el móvil
12:55 - ¿Qué cosas puedes hacer con lo aprendido?
13:35 - Bonus: ¿Cómo cargar assets desde un repo de github?
15:05 - Despedida e invitación a webinars
No olvides seguirme en otras redes:
▬▬▬▬▬▬▬▬▬▬
Instagram: / programacio. .
Facebook: / programacion. .
Discord: / discord