Introducción al desarrollo de Web AR
Con webXR, mindAR, three.js y tensorflow.js, puede hacer que las cosas parezcan reales, como una imagen.
Lo que vas a aprender
Introducción al desarrollo de Web AR
- Aprenda a crear diferentes tipos de aplicaciones Web AR, como Image Effects, Face Effects y World Effects.
- Empiece a aprender cómo funciona la RA en los navegadores web.
- Utilice WebXR, mind-ar-js y threejs para crear aplicaciones web de RA.
- Aprenda a usar tensorflowjs para combinar la RA con modelos de aprendizaje automático y crear experiencias interactivas.
- Conozca otras bibliotecas de RA web importantes, como AFRAME, visor de modelos y SDK comerciales, por ejemplo, cómo funcionan.
- Aprenda a usar herramientas efectivas para depurar, simular y simular para acelerar el desarrollo.
- Luego, aprenda sobre todos los diferentes tipos de tecnología de AR web que están disponibles ahora o en un futuro cercano, y cuándo usarlos.
- Cree y publique un portafolio en línea de su propio trabajo de RA.
Requisitos
- HTML, javascript y CSS son algunas de las cosas que debe saber.
Una persona que posee un teléfono Android o iOS.
Descripción
Esta es la guía más completa para crear aplicaciones de realidad aumentada basadas en la web. Web AR es diferente de otros tipos de AR porque es multiplataforma y no necesita una aplicación para ser instalada. Las páginas web son solo páginas web normales que se ejecutan con navegadores web habituales.
Que aprenderás
- Hay una biblioteca de código abierto MindAR que aprenderá a usar en este curso. Aprenderá a usarlo para crear efectos Image AR y Face AR. MindAR es el sucesor de AR.js, que es la biblioteca AR gratuita más popular del mundo. Puede utilizar MindAR para crear juegos y aplicaciones de realidad aumentada de forma gratuita.
- También hay una API WebXR sobre la que aprenderá. Puedes usar esto para crear efectos AR en el mundo. WebXR es una API de navegador nativa que le permite crear efectos AR y VR envolventes que se ven bien en un navegador.
- También aprenderá a utilizar los modelos de aprendizaje automático de tensorflow.js para hacer que las aplicaciones de RA sean más interesantes e interactivas. Por ejemplo, puede usar gestos con las manos o expresiones faciales para controlar el contenido en AR.
- También iniciará el proceso de aprendizaje de three.js, que es la forma más popular de crear modelos 3D.
- En este curso también se hablará de AFRAME, visor de modelos y SDK de AR comerciales.
- Además de aprender a escribir código, también aprenderá cómo funciona AR en un navegador.
La estructura de un curso es
El material del curso ha sido cuidadosamente pensado. Cada conferencia es muy modular, lo que facilita la búsqueda de referencias en el futuro. Todo el código fuente de muestra es claro y fácil de entender.
Asignaciones
Luego, tendrás que hacer tres tareas prácticas, una para cada tipo de efecto de seguimiento que conozcas en clase. Es una de las asignaciones para que usted haga y muestre una cartera de AR en línea real para usted, que puede mostrar a otras personas.
Consejos de desarrollo
Se cubrirán consejos de desarrollo útiles, incluidas herramientas de depuración remota y técnicas de simulación de cámaras web.
