WebAR explicado: ¿Qué es y cómo funciona?

Las tecnologías de realidad artificial (AR) y realidad virtual (VR) no son nuevas en el mundo tecnológico.

Las aplicaciones comerciales para ambos comenzaron a aparecer alrededor de 2008-2012. Entonces, sí, ha pasado más de una década, pero la tecnología no explotó como se esperaba.

Sin embargo, el impacto de las tecnologías ha sido significativo, considerando la Tendencias de realidad aumentada. Por ejemplo, la realidad virtual cambió la forma en que nos comunicamosate e interactuar con los medios, y está evolucionando para varios otros casos de uso, como agriculturaatecamino a un mundo virtual.

De manera similar, la integración ARateCombine el mundo digital con el mundo real para lograr interacciones emocionantes como la visualización en vivo en Google Maps, juegos como Pokémon GO y más.

No olvidar, Microsoft HoloLens, es un ejemplo prístino de lo que pueden hacer VR y AR. 

Considerando todo eso, ¿qué es WebAR? ¿Es un término nuevo? ¿Qué significa? En este artículo, déjame desglosarlo por ti.

¿Qué es WebAR?

WebAR, abreviatura de Web-based Realidad Aumentada, es una tecnología que le brinda experiencias AR a través de un navegador web. Está más dirigido a dispositivos móviles, pero también puede experimentar lo mismo en un navegador de escritorio.

No necesita ningún hardware o software especial para la experiencia AR con la tecnología WebAR.

Todo lo que necesita es un enlace a una página web diseñada para brindarle una experiencia de realidad aumentada basada en la web. No es necesario descargar una aplicación ni comprar ningún hardware especial. Debería funcionar en casi cualquier teléfono inteligente decente, ya sea un dispositivo Android o iOS.

Una conexión a Internet rápida y confiable debería ayudar a proporcionar una buena experiencia WebAR según el tipo de interacción. Y eso la convierte en la tecnología más accesible en comparación con VR y AR.

Si bien el concepto sigue siendo el mismo, algunas empresas como Google se refieren a él como "WebXR", lo que permite que los navegadores como Chrome ofrezcan AR inmersivo y Experiencias de realidad virtual a través del navegador.

Cómo funciona la tecnología WebAR

Como sugiere el nombre, es una tecnología basada en la web. Toda la magia sucede detrás de la página web cuando comienzas a interactuar con ella. 

Sin embargo, para que funcione, hay algunos requisitos. Algunos elementos esenciales incluyen:

• acelerómetro de giroscopio
• Sensor de cámara

Junto con la visión por computadora, la realidad aumentada basada en la web es posible.

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

Esto es lo que sucede en términos simples:

1.  Se necesita un disparador para iniciarate la interacción con la experiencia AR en la web. Con WebAR, es un enlace web o un código QR que encuentras en una tarjeta, un cartel o similar.

2. El acceso a la transmisión de la cámara entra en acción donde el mundo virtual y el real se encuentran y se sincronizan. Es cuando otorga acceso a la transmisión de 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, se activará una escena 3D dentro de la página web.ated, que debería sincronizarse con la posición de la cámara. 

Este entorno 3D contiene elementos AR.

4. El seguimiento process Implica una orientación que rastrea la posición/ángulo necesario para combinarse correctamente con la imagen del mundo real de la cámara. tecnicaally, esto se llama "Seis grados de libertad (6DoF)", que permite a webAR rastrear objetos en la imagen y colocar/renderizar elementos AR en ellos.

5. Aletaally, se representa la escena que dibuja elementos AR en la vista del mundo real en función de sus interacciones con la página web. Estos son manejados/almacenados por un sistema de gestión de contenido basado en la nube o Nube de RA.

En general, muchas funciones ocurren detrás de una página web HTML. Nuevamente, como usuario final, no necesita preocuparse por todo. 

Si es un desarrollador, debe consultar la documentación de la API o el marco que desea utilizar para crear la aplicación WebAR a la que se accederá en un navegador web.

Por ejemplo, la documentación de ARCore de Google es un excelente lugar para comenzar, donde aprenderá a crear una experiencia de realidad aumentada basada en la web que incluye lo siguiente:

• Depuración
• Uso de la cámara del dispositivo
• Pruebas
• Representación de elementos AR
• Colocación provisional
• Perfil
• Estimación de rayos
• Rostros/Imágenes/Anclajes de nubes

Si eres nuevo en estos conceptos, tal vez quieras aprender las diferencias entre Realidad Aumentada vs. Realidad Virtual.

WebAR frente a AR basado en aplicaciones

La diferencia aparente entre WebAR y AR basado en aplicaciones (o AR nativo) es su disponibilidad o accesibilidad.

WebAR funciona directamente desde el navegador web sin necesidad de software adicional. Sin embargo, debe asegurarse de que el navegador admita la experiencia WebAR, que analizaré en la sección l.ater sección de este artículo.

En comparación, la realidad aumentada basada en aplicaciones debe instalarse desde App Store o Play Store.

Junto con eso, algunas de las otras diferencias incluyen:

Cómo se crean las experiencias WebARated?

Hay una variedad de plataformas, API y marcos que lo ayudan a crear experiencias WebAR.

Puede que encuentres algunos sin código plataformas en la nube que le ofrecen una salida fácil, o puede explorar la documentación oficial de Google o Apple para comenzar a crear aplicaciones WebAR que sean compatibles con los navegadores de teléfonos inteligentes.

Para que os hagáis una idea de cuál es el desarrollo process cómo se ve la creación de experiencias WebAR, aquí hay algunos consejos:

#1. Elección del navegador de destino y el caso de uso

Antes de comenzar a crear una experiencia WebAR, debe evaluarate el tipo de público objetivo, el navegador web potencial que utilizarían y lo que desea hacer con él.

Por ejemplo, si desea redirigir a las personas a un de campañas de marketing simplemente, tendrás que considerar todo tipo de navegador compatible y algo de fácil acceso para la mayoría.

Por el contrario, puede elegir los elementos AR en consecuencia si desea brindar una experiencia rica para un conjunto particular de usuarios (con tipos específicos de dispositivos, como usuarios de tabletas de pantalla grande).

#2. Selección de marco o plataforma

Como mencioné anteriormente, dependiendo de la facilidad del requisito de desarrollo, puede elegir entre varias opciones para continuar con el desarrollo.

Por ejemplo, puede seguir la forma de compilación desde cero para seguir los marcos admitidos por los navegadores y hacerlo según las instrucciones. Los marcos WebAR de código abierto como AR.js, JSARToolKit deberían ser algunas opciones amigables.

O bien, puede elegir un no-code plataforma como XR + Para empezar. Las diferentes plataformas ofrecen características únicas. Por lo tanto, es posible que desee explorar sus opciones primero.

Si puede hacerlo todo, puede que no le cueste mucho. Sin embargo, si opta por una plataforma, debe optar por sus planes premium para satisfacer sus requisitos.

#3. Buscar herramientas adicionales

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

Por ejemplo, puedes usar SDK WebAR de Banuba para una buena función de seguimiento facial para proporcionar una experiencia de prueba de producto inmersiva.

#4. baza Creation

Es posible que las plataformas que elija ya ofrezcan esto integrado. Pero si desea agregar algunos activos 3D únicos a la experiencia WebAR, también puede hacerlo.

x3dom es un excelente lugar para comenzar a crear objetos 3D para aplicaciones AR.

#5. Optimizar

Cuando lo pone todo junto, debe asegurarse de que esté optimizado a su máximo potencial para que sea accesible para la mayoría de los usuarios, incluso sin acceso a Internet de alta velocidad.

Puede elegir activos o simplificar la experiencia si cree que podría ser demasiado para optimizar.

#6. Pruebas y Distribución

Una vez que esté listo, siempre debes probarlo y comprobar la experiencia de primera mano. Potenteally utilizando una variedad de dispositivos y condiciones de red.

A continuación, puede continuar distribuyéndolo utilizando la plataforma que utiliza. O hágalo usted mismo creando una página web personalizada y alojando cosas en sus servidores para compartir la experiencia.

Marco WebAR popular

A continuación se muestran algunos marcos WebAR populares que le ayudarán a crearate Experiencias de realidad aumentada basadas en la web.

#1. TEMOR 

TEMOR es un no-code plataforma que te permite crear sin esfuerzoate Experiencias de realidad aumentada basadas en la web. Si sabes algo técnico bits, puede ampliar las funcionalidades con JavaScript y CSS.

Puedes simplemente crearate la aplicación y abra el enlace en su navegador web. Es así de fácil.

Además, puede realizar un seguimiento de los análisis para controlar el rendimiento de su aplicación.

#2. ARToolKitX

ARToolKit es un proyecto de código abierto que te ayuda a crear realidad aumentada multiplataforma. Es compatible con iOS, Android, macOS, Windows y Linux.

Si desea utilizar su kit de desarrollo de software (SDK), diríjase a su Página de GitHub para explorar lo que ofrece.

#3. Vuforia

Vuforia es una empresariseEmpresa centrada en proporcionar soluciones AR para diversos casos de uso, y eso también incluiría WebAR.

Puede que no sea para todos. Sin embargo, si está buscando una solución escalable para su empresarise, quizás quieras verlo.

#4. WebXR

WebXR es la solución de Google para proporcionar acceso a VR y AR en navegadores web compatibles. Utiliza ARCore para potenciar las experiencias AR en el navegador Google Chrome predeterminado de Android.

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

#5. Vista rápida de ARKit y AR

La solución de Apple, araceo ayuda a integrarate la cámara del dispositivo iOS y su función para ayudar a producir experiencias AR.

Esto podría ser más adecuado para una aplicación. Pero, es posible que desee echarle un vistazo junto con Documentación de AR Quick Look que también le permite agregar realidad aumentada al navegador.

Navegadores compatibles para ejecutar WebAR

El soporte para la experiencia WebAR depende de lo que se usó para construirlo. Sin embargo, debería estar listo si usa los navegadores web predeterminados, que incluyen Google Chrome (en Android/iOS) y Safari (para iOS).

Algunas otras opciones populares que se sabe que funcionan son:

• Firefox
• Microsoft Edge
• Samsung Internet

Teoréticoally, puede probar cualquier navegador web, ya sea un navegador móvil o un navegador de escritorio.

Sin embargo, es posible que no obtenga una experiencia uniforme en todos ellos. Entonces, si un navegador falla, es posible que desee experimentar con otras opciones.

Beneficios de Web AR

WebAR es popular para varios casos de uso y categamas de industrias como la moda, la joyería, la relojería, el mueble, el turismo y el entretenimiento. La razón de su popularidad son los beneficios que conlleva.

Los beneficios incluyen:

• Es súper rápido implementar una experiencia WebAR.
• Es fácil crear una página WebAR en comparación con una AR basada en una aplicación.
• WebAR es asequible para que las empresas basadas en productos lo utilicen con fines de marketing.
• WebAR es naturalally accesible porque la mayoría de la gente tiene un teléfono inteligente que ya lo admite.
• Es fácilmente compatible con una variedad de navegadores.
• puedes crearate una experiencia WebAR sin ningún conocimiento de codificación. 

Desafíos en WebAR

Si bien WebAR tiene muchas ventajas, también tiene algunas desventajas, que podríanrevalgunos evitan el uso de la tecnología.

Los desafíos clave son:

• Las experiencias WebAR no implican contenido enriquecido; es tipicoally sencillo.
• El rendimiento de la tecnología WebAR es inferior debido a cómo funciona en comparación con la realidad aumentada nativa/basada en aplicaciones.
• Las experiencias de WebAR no son consistentes entre los navegadores, lo que dificulta su consideración, incluso si es más rápido y fácil de implementar.

Incluso si los desafíos suenan extravagantes, WebAR está haciendo una excepciónally bien con el marketing y otras áreas de sus aplicaciones.

Recursos para el Aprendizaje

Como mencioné, WebAR es una experiencia simple y efectiva para el usuario final. Sin embargo, si estás haciendo cosas desde cero, sin la ayuda de no-code plataformas, necesita el conocimiento técnico para hacerlo realidad.

Udemy ofrece ofertas sólidas en cursos relevantes para él. Algunos de los mejores cursos para explorar más al respecto son:

#1. Introducción al desarrollo web AR 

Este altamente-rated El curso de Udemy incluye información sobre WebXR, mindAR y más tecnologías necesarias para crear una aplicación web AR.

No solo está limitado a aprender, sino que también obtiene experiencias prácticas y puede crear una cartera para usted mismo para comenzar.

#2. Introducción a la Realidad Aumentada en la Web

Este curso en Udemy se enfoca en WebXR y Three.js. Si desea que los conceptos básicos obtengan los fundamentos correctos y desea construir algo mínimo, puede optar por este curso.

Resumen

WebAR es explosivo pero limitado. A medida que continúe el progreso con la realidad aumentada, surgirán todo tipo de experiencias de RA.ally evolucionar.

WebAR no irá a ninguna parte en el corto plazo, considerando que los fabricantes de teléfonos inteligentes han comenzado lentamente a adoptar y promover más que nunca.

También puede explorar inteligencia aumentada y analítica aumentada.