Las posibilidades introducidas por HTML5 para multimedia son realmente importantes para renovar las posibilidades que existían en la Web. A la par, el avance de proyectos de Realidad Aumentada (RA) fueron captando la atención de muchos usuarios al rededor del mundo.
En su momento JSARToolKit fue una biblioteca de JavaScript que proponía algo muy interesante en el campo de la Realidad Aumentada, al ser una opción de código abierto que permitía crear experiencias de realidad aumentada en navegadores web.
Ofrecía una forma sencilla de desarrollar aplicaciones de Realidad Aumentada sin necesidad de plugins o software adicional.
En este artículo explico su objetivo, su contexto y su historia.
Un poco de historia
Hace algunos años, las aplicaciones de Realidad Aumentada para la Web sólo eran posible incluyendo algún desarrollo basado en Flash o mediante algún otro plugin o agregado (por ejemplo Silverlight).
Una de las características que dificultaba la creación de aplicaciones de RA con herramientas Web estándar era el acceso a cámara. Esto fue cambiando con las posibilidades que introdujo HTML5 y otras tecnologías relacionadas. La inclusión de funcionalidades de audio y video nativas y, además, el acceso a hardware, en este caso la cámara del usuario resultan claves en esta evolución
La expansión y adopción de estas nuevas tecnologías abren una puerta más que interesante para crear Realidad Aumentada que funcione en nuestro navegador sin necesidad de Flash.
JSARToolKit y la evolución de soluciones para Realidad Aumentada
JSARToolKit ha sido una librería que, en su momento, propuso una entrada menos compleja al mundo de Realidad Aumentada.
Como ocurre en el mundo del desarrollo, el surgimiento de tecnologías más modernas y potentes como WebXR, ARCore y ARKit lograron ofrecer capacidades más avanzadas. Con un soporte más amplio para diferentes dispositivos y plataformas, estas alternativas fueron ganando terreno.
Las nuevas bibliotecas y frameworks de RA han logrado algo muy importante: simplificar su uso y lograr mayor compatibilidad. A esto se le suman interfaces muy intuitivas y herramientas que facilitan el trabajo de los desarrolladores.
Más sobre Diseño y desarrollo Web
Autor de los libros: Webmaster Profesional, HTML5: Comprenda el cambio y Apps HTML5 para móviles. Soy especialista en Desarrollo Web. Realizo proyectos basados en Inteligencia Artificial. Colaboré como autor y editor de contenidos para revistas, colecciones y diversos medios impresos y digitales. Brindo capacitaciones, clases de formación y consultorías sobre lenguajes de programación y herramientas para Desarrollo Web y móvil en modalidad online y presencial.
hola estamos desarrollando una plicacion donde subimos modelos 3d nesesitamos darles unos parametros de colision pero no podemos si nos pueden ayudar
Aquí tienes la versión en españo del artículo: http://www.html5rocks.com/es/tutorials/webgl/jsartoolkit_webrtc/ y también el link de donde puedes obtener la librería: https://github.com/kig/JSARToolKit. Allí encontrarán más información.
Saludos
gracias muchas gracias
Hola, buen aporte! existe algo similar para mobile? saludos
Vuforia: http://www.qualcomm.com/solutions/augmented-reality
Hola, buenas tardes. Estamos pensando en desarrollar un proyecto con realidad aumentada, pero trabajando con plataformas móviles y usando de base phonegap, no código nativo. ¿Es posible utilizar esta librería para ello? La base de phonegap es html5 y javascript, no se si eso es suficiente para ello.
Saludos.
Como todo, la respuesta es un gran «depende». Lo recomendable es que realices previamente test y pruebas para llegar a la mejor conclusión, es la librería que se ajusta mejor a tu proyecto. Con PhoneGap tendrás el acceso a cámara, pero algunas personas que han realizado este tipos de desarrollo, me han comentado que hay más control y una gama mayor de opciones con desarrollo nativo, si se enfoca en el tema de acceso a cámara.
Saludos
Damián
Gracias por responder tan rápido, valoraremos las posibilidades del proyecto.
Saludos.
Hola, estoy interesado en implementar realidad aumentada para que en un libro con fotos visto desde el móvil pueda pasar varias imágenes desde una misma foto.
Al estilo del ejemplo que hay en: http://www.html5rocks.com/es/tutorials/webgl/jsartoolkit_webrtc/
Pero estoy estancada en poder personalizar los marcadores por las fotos del libro… Eso se puede realizar o no es posible.
Gracias!!!