Logotipo de Zephyrnet

Creación de aplicaciones AR multiplataforma con React Native

Fecha:

Juned Ghanchi
Fuente de la imagen: wikimedia.org

Realidad Aumentada (AR) las aplicaciones se están volviendo cada vez más populares en los nichos de la industria por la gran utilidad que muestran en términos de participación del usuario. Esta es la razón por la que las principales plataformas móviles como Apple y Google continúan ofreciendo kits de herramientas de realidad aumentada nuevos y mejorados para los desarrolladores. Google ofreció ARCore para desarrolladores de Android, mientras que la plataforma iOS también ofreció ARKit 1.5 cargado con funciones mejoradas basadas en AR para crear aplicaciones de AR inmersivas. Si bien ambos conjuntos de herramientas parecen estar completos y cuentan con numerosas funciones para sus respectivas plataformas, son específicos de la plataforma y no permiten la representación multiplataforma.

Pero, ¿qué pasa con la creación de una aplicación de RA multiplataforma utilizando un marco popular como React Native? Bueno, React Native como el marco de desarrollo de aplicaciones multiplataforma más popular con la promesa de una experiencia de usuario nativa ahora puede llevar la experiencia de AR al alcance de los usuarios de la aplicación mediante el uso de varios kits de herramientas. A lo largo de esta publicación, explicaremos el desarrollo de aplicaciones de RA multiplataforma utilizando el marco React Native.

Diseñando para un mundo 3D moderno: una guía de diseño UX para realidad virtual

Scripting Javascript Promise en Spark AR para principiantes

Cree su primera aplicación HoloLens 2 con Unity y MRTK 2.3.0

Realidad virtual: ¿vivimos en la simulación del mundo de nuestro cerebro?

Opciones de herramientas existentes para el desarrollo de React Native AR

Para empezar, debe tener una comprensión completa de las diversas herramientas existentes disponibles para desarrollar aplicaciones AR para plataformas Android e iOS utilizando el marco React Native. Hay varios contenedores nativos para implementar AR en iOS y Android, pero lamentablemente, estos contenedores no tienen la documentación adecuada para guiar a los desarrolladores. Por lo tanto, su uso puede generar resultados experimentales con falta de coherencia. Tres de estos envoltorios comunes son los siguientes.

  • react-native-arkit (para el único iOS)

El profesional Reaccionar desarrolladores de aplicaciones nativas También hable sobre la construcción de una biblioteca ARCore utilizando Sceneform con react-native-arkit. Pero la creación de un contenedor nativo totalmente operativo para ARCore implica una curva de aprendizaje ligeramente superior que implica tanto la experiencia de Sceneform como de Java.

Aquí es donde entra ViroReact como una gran solución React Native para el desarrollo de aplicaciones basadas en AR.

ViroReact: la biblioteca multiplataforma para aplicaciones React Native AR

ViroReaccionar es una biblioteca multiplataforma completamente desarrollada creada por ViroMedia. Ayuda a los desarrolladores a ofrecer una experiencia de aplicación RA multiplataforma perfecta mediante el uso de un renderizador personalizado que puede envolver tanto ARCore como ARKit, respectivamente, para las plataformas Android e iOS.

ViroReact ayuda al rápido desarrollo de aplicaciones AR / VR usando React Native. Permite utilizar la fuerza central de React Native, es decir, la reutilización del código. Los desarrolladores, al usar ViroReact, pueden utilizar una única base de código para desarrollar e implementar funciones de AR / VR en las versiones de la aplicación para iOS y Android. La plataforma es gratuita y de código abierto y ofrece documentación eficaz. Lo más importante es que configurar un proyecto es extremadamente fácil y no lleva más de 15 minutos aproximadamente.

ViroReact utiliza dos API proporcionadas, respectivamente, para ofrecer una experiencia de RA en las plataformas iOS y Android. Estas dos API son ARKit para iOS y ARCore para Android.

La plataforma ViroReact usa JSX para describir cualquier escena, y gracias a esto, ofrecer experiencias de AR o VR se vuelve realmente fácil.

ARCORE 1.0

La plataforma ViroReact ofrece soporte completo para ARCORE 1.0 para permitir a los desarrolladores implementar aplicaciones de RA en la plataforma Android. Al utilizar ViroReact y el contenedor ARCore, los desarrolladores pueden crear aplicaciones de AR robustas enriquecidas con videos inmersivos, objetos 3D, efectos de sonido aumentados, efectos físicos y de partículas.

ARKit 1.5

La plataforma ViroReact ofrece soporte completo para ARKit 1.5 para crear aplicaciones de RA para usuarios de iOS. Al utilizar ARKit, puede ofrecer funciones de AR específicas de iOS, como detección de plano vertical, seguimiento de marcadores e imágenes, y muchas otras.

Representación basada en la física (PBR)

El ViroReact también ofrece soporte completo para el modelado PBR para crear experiencias de AR más realistas en la pantalla con objetos con una apariencia y sensación más realistas. El renderizado basado en la física o PBR representa un conjunto de técnicas de renderizado para garantizar una representación más realista de escenas enriquecidas con iluminación, objetos y superficies de materiales del mundo real. El flujo de trabajo adicional del artista de esta herramienta también ayuda a presentar objetos con parámetros articulados.

Desarrollo de RA con ViroReact: Pasos clave

ViroReact se ha convertido en la herramienta más formidable y aclamada para aplicaciones de RA multiplataforma ricas en una experiencia inmersiva. Ahora expliquemos los pasos clave involucrados en la creación de una aplicación AR usando ViroReact.

Preparar

La plataforma ViroReact es completamente gratuita y cualquier persona puede usar el código abierto, para obtener algunas pautas efectivas, tome la ayuda de la documentación oficial o algún repositorio de Github que muestre proyectos reales de AR. Asegúrese de tener el dispositivo iOS o Android correcto habilitado para iOS ARKit o Android ARCore.

Desarrolle su propia aplicación AR

En primer lugar, debe estar versado en los detalles del desarrollo de aplicaciones AR mediante la utilización de varios recursos web y tutoriales. La documentación de ViroReact será su guía principal y más importante aquí. Más tarde, debe saber cómo agregar varios personajes y elementos a la aplicación paso a paso. Con toda seriedad, nunca olvide inspirarse y aprender un par de cosas de las aplicaciones AR existentes creadas con ViroReact.

Conclusión

React Native seguirá siendo el marco más popular para todo tipo de proyectos de desarrollo de aplicaciones multiplataforma. Gracias a la biblioteca ViroReact, React Native también se puede utilizar para crear robustas aplicaciones de RA multiplataforma enriquecidas para una experiencia inmersiva. Los desarrolladores de aplicaciones de Indiana están a la vanguardia en la entrega de una rica experiencia de AR en las plataformas iOS y Android.

Source: https://arvrjourney.com/building-cross-platform-ar-apps-with-react-native-384d997da56a?source=rss—-d01820283d6d—4

punto_img

Información más reciente

punto_img