Combinado con la visión por computadora, la realidad aumentada web se ha vuelto posible.

La mayoría de los usuarios tienen teléfonos inteligentes que cumplen. Pero, ¿qué sucede detrás de la página web?

Esto es lo que sucede en palabras simples:

1- Se necesita un desencadenante para iniciar una interacción con la realidad aumentada en la web. En el caso de Webar, este es un enlace web o un código QR que encuentra en una tarjeta, póster, etc.

2. El acceso de la transmisión de la cámara entra en juego cuando el mundo virtual y real se reúne y se sincroniza. Esto es cuando otorga acceso a su cámara después de cargar una página web.

3. Una vez que el usuario inicie la transmisión de la cámara, la página web activará una escena 3D que debería sincronizarse con la posición de la cámara.

Este entorno 3D contiene elementos de realidad aumentada.

4. El siguiente proceso implica orientación, que rastrea la posición/ángulo necesario para alinearse correctamente con la imagen de la cámara real. Técnicamente, esto se llama «seis grados de libertad (6DOF)» que permite a WebAR rastrear objetos en la imagen y colocar/representar elementos AR en ellos.

5. Finalmente, se visualiza una escena que muestra elementos de realidad aumentada en una vista del mundo real basado en sus interacciones con la página web. Estos son procesados/almacenados por el sistema de gestión de contenido basado en la nube o AR Cloud.

En general, muchas de las funciones se realizan detrás de la página web HTML. Nuevamente, como usuario final, no tiene que preocuparse por todo esto.

Créditos de imagen: documentación del desarrollador de Google

Si es un desarrollador, deberá consultar la documentación de API o infraestructura que desea utilizar para crear una aplicación WebAR a la que se accedirá a través de un navegador web.

Por ejemplo, la documentación Arcore de Google es un gran lugar para comenzar, donde aprenderá sobre la creación de una interfaz web de realidad aumentada que incluya lo siguiente:

Depuración

Usando la cámara del dispositivo

• Pruebas
• Renderizar elementos AR

Colocación

Profundidad

Estimación de rayos

Caras/imágenes/anclajes de nubes

Si eres nuevo en estos conceptos, es posible que desee aprender sobre las diferencias entre la realidad aumentada y la realidad virtual.

Webar vs. Realidad aumentada basada en aplicaciones

La diferencia obvia entre WebAR y la realidad aumentada basada en aplicaciones (o realidad aumentada nativa) es su accesibilidad.

Si puede hacer todas estas cosas, puede no costar mucho. Sin embargo, si elige una plataforma, debe elegir sus planes de prima para cumplir con sus requisitos.

№3. Buscar herramientas adicionales

Dependiendo de lo que desee hacer, puede probar herramientas especializadas para agregar efectos y otras cosas a su experiencia en webar.

Por ejemplo, puede usar el SDK Webar de Banuba para una buena función de seguimiento de la cara para proporcionar un ajuste de productos inmersivo.

№ 4. Creación de activos

• Las plataformas que elija ya puede ofrecer esta función incorporada. Pero si desea agregar algunos activos 3D únicos a Webar, también puede hacerlo.
• X3Dom es un gran lugar para comenzar a crear activos 3D para aplicaciones de realidad aumentada.
• № 5. Optimizar
• Cuando lo junta todo, debe asegurarse de que esté lo más optimizado posible para ser accesible para la mayoría de los usuarios, incluso sin acceso a Internet de alta velocidad.
• Puede seleccionar activos o simplificar el proceso si cree que es demasiado difícil de optimizar.
• № 6. Prueba y distribución
• Una vez que está en funcionamiento, siempre debe probarlo y verificar la experiencia de primera mano. Potencialmente utilizando diferentes dispositivos y condiciones de red.
• Luego puede continuar distribuyendolo utilizando la plataforma que está utilizando. O hágalo usted mismo creando su propia página web y alojándola en sus servidores para compartir la experiencia.

Marco de webar popular

Aquí hay algunos marcos de webar populares para ayudarlo a crear interfaces web de realidad aumentada.

№1. Trapeta.

AWE es una plataforma sin código que le permite crear interfaces web de realidad aumentada sin esfuerzo. Si conoce algunos detalles técnicos, puede extender la funcionalidad con JavaScript y CSS.

Simplemente puede crear una aplicación y abrir el enlace en un navegador web. Es así de simple.

Además, puede rastrear análisis para monitorear cómo está funcionando su aplicación.

№ 2. Artoolkitx.

ARTOOLKIT es un proyecto de código abierto que lo ayuda a crear una realidad aumentada multiplataforma. Admite iOS, Android, MacOS, Windows y Linux.

Si desea utilizar su Kit de desarrollo de software (SDK), diríjase a su página GitHub para ver lo que ofrece.

№3. Wócrata

Vuporia es una compañía centrada en la empresa que proporciona soluciones AR para una variedad de casos de uso, incluida WebAR.

Puede que no sea para todos. Sin embargo, si está buscando una solución escalable para su empresa, es posible que desee considerarla.

№ 4. webxr

WebXR es la solución de Google para hacer que la realidad virtual y el AR sean accesibles en navegadores web compatibles. Utiliza Arcore para hacer que la realidad aumentada funcione en el navegador Android predeterminado de Google Chrome.

También es una parte importante de lo que Samsung planea usar para proporcionar experiencias inmersivas en sus teléfonos inteligentes Galaxy.

№ 5. ARKIT y AR MIRA RÁPIDA

La solución de Apple, ARKIT, ayuda a integrar la cámara de un dispositivo iOS y su función para crear experiencias de realidad aumentada.

Esto puede ser más apropiado para una aplicación. Pero es posible que desee echarle un vistazo junto con la documentación AR Rapid Look, que también le permite agregar realidad aumentada a su navegador.

Navegadores compatibles para ejecutar webar

El soporte para la interfaz WebAR depende de lo que se usó para crearla. Sin embargo, debe estar bien si usa los navegadores web predeterminados, incluido Google Chrome (para Android/iOS) y Safari (para iOS).

Algunas otras opciones populares que se sabe que funcionan son:

Fire Fox

Microsoft Edge

Samsung Internet

Teóricamente, puede probar cualquier navegador web, ya sea un navegador móvil o un navegador de escritorio.

Sin embargo, no puede obtener una experiencia consistente en todos ellos. Entonces, si un navegador no funciona, puede experimentar con otras opciones.

Ventajas de Webar

Webar es popular para diversos casos de uso y categorías de la industria, como moda, joyas, relojes, muebles, viajes y entretenimiento. La razón de su popularidad son las ventajas que ofrece.

Los beneficios incluyen:

La implementación de WebAR es muy rápida.

Una página de WebAR es fácil de crear en comparación con AR basado en aplicaciones.

Webar está disponible para que las compañías de productos los usen con fines de marketing.

Webar es naturalmente accesible porque la mayoría de las personas tienen un teléfono inteligente que ya lo admite.

Es fácilmente compatible con una gama de navegadores.

Puede crear una experiencia de WebAR sin ningún conocimiento de codificación.

Problemas con Webar

Si bien Webar tiene muchas ventajas, también tiene desventajas que pueden evitar que algunas personas utilicen la tecnología.

La experiencia de WebAR no incluye contenido rico; Por lo general, es simple.

El rendimiento de la tecnología WebAR es menor debido a cómo funciona en comparación con la realidad o aplicaciones aumentadas nativas.

Las capacidades de WebAR son incompatibles entre los navegadores, lo que dificulta considerar, incluso si es más rápido y más fácil de implementar.

Incluso si los problemas parecen extravagantes, Webar hace un gran trabajo con el marketing y otras áreas de sus aplicaciones.

Recursos educativos

Como mencioné, Webar es una experiencia simple y efectiva del usuario final. Sin embargo, si está haciendo algo desde cero, sin la ayuda de plataformas sin código, necesita el conocimiento técnico para darle vida.

Udemy ofrece ofertas sólidas en cursos relevantes. Algunos de los mejores cursos para obtener más información son:

№1. Introducción al desarrollo web con realidad aumentada

Este curso de UDEMY altamente calificado incluye información sobre WebXR, Mindar y otras tecnologías necesarias para crear una aplicación web AR.

No te limita solo al aprendizaje, sino que también obtenga experiencia práctica y construya una cartera para que comience.

№ 2. Introducción a la realidad aumentada en la web

Este curso sobre Udemy tiene que ver con WebXR y Three. js. Si desea obtener los conceptos básicos correctos y desea construir algo mínimo, puede optar por este curso.

Para resumir

Webar es explosivo, pero limitado. A medida que continúa el progreso en la realidad aumentada, eventualmente todo tipo de realidad aumentada evolucionará.

Webar no irá a ningún lado pronto, dado que los fabricantes de teléfonos inteligentes han comenzado gradualmente a adoptar y promover más que nunca.

También puede explorar la inteligencia aumentada y el análisis aumentado.

• toadmin. ru.