Перейти к содержимому

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