Al iniciar un proyecto de realidad aumentada con JavaScript, la elección de la librería adecuada es crucial para obtener el mayor rendimiento y aprovechar todas las características.
Personalmente, prefiero las librerias Javascript por su integración con HTML5 y CSS, ya que son más amigables para usuarios finales y para nosotros los programadores.
Es fundamental que estas librerías sean gratuitas y de código abierto, facilitando su uso y comprensión.
Aquí te voy a dar un listado de librerías para que puedas utilizar para tus negocios o proyectos, que comience el listado:
mind-ar-js – Realidad Aumentada para la web, ofrece opciones de seguimiento de imágenes, seguimiento de rostros, Tensorflow.js, three.js entre muchas más opciones, esta librería tiene demasiado potencial y la recomiendo 100%.
AR.js – Realidad Aumentada para la web enfocada en dispositivos móviles Android e IOS ofrece bajo consumo y mucho rendimiento para nuestras aplicaciones.
Ofrece seguimiento de imágenes, marcadores a blanco y negro o marcadores a color haciendo referencia a cualquier tipo de imagen o foto, experiencias de realidad aumentada utilizando el GPS y el giroscopio de tu teléfono, además de VR/AR. (Virtual Reality – Realidad Virtual) AR (Augmented Reality – Realidad Aumentada)
Esta librería es super potente y ofrece mucha compatibilidad con otros frameworks de Javascript.
Aquí te comparto un proyecto que hice algunos años con AR.js
ar.js voice recognition and speech synthesis
webxr – Permite experiencias de realidad aumentada VR (Virtual Reality – Realidad Virtual) y AR (Augmented Reality – Realidad Aumentada) además de muchas opciones para utilizar los sensores de tus dispositivos.
exokit – Este proyecto permite a los desarrolladores crear experiencias XR utilizando el mismo código que se ejecuta en la web. El motor Exokit está desarrollado sobre Node y emula un navegador web, proporcionando enlaces nativos para WebGL, WebXR, WebAudio y otras API utilizadas en experiencias inmersivas.
jeelizFaceFilter – Esta librería es perfecta por su rendimiento y potencia, se mantiene simple y limpia a la hora de la programación pues no utiliza ningún motor 3D o librerías externas. Ofrece seguimiento de rostros para utilizar filtros.
WebAR.rocks.object – Seguimiento y detección de objetos, así es! crea tus aplicaciones de realidad aumentada sin utilizar ningún tipo de marcador clásico. Apunta un objeto y comienza a disfrutar de la realidad aumentada.
three.ar.js – Hijo de three.js permite trabajar con WebARonARKit y WebARonARCore. Asi puedes crear fácilmente experiencias de realidad aumentada para Android y IOS enfocados en la web.
WebARonARKit – Permite a los desarrolladores crear experiencias AR para IOS.
WebARonTango – Creado inicialmente para chromium de Android, puede utilizar ARCore para Android y ARKit para IOS.
Conoces más librerías Javascript para Realidad Aumentada? Déjame saber en los comentarios.
Si quieres saber sobre las primeras librerias de realidad aumentada que aparecieron en el mercado, te invito a ver este archivo histórico: Librerías más utilizadas para hacer realidad aumentada 2011
⭐ Guía recomendada
Este tutorial forma parte de la Guía Definitiva de WebAR.
Si quieres entender cómo funciona la realidad aumentada en la web y qué frameworks utilizar, revisa la guía completa: