Las posibilidades que introduce HTML5 para multimedia son realmente importantes para renovar las posibilidades que existían hasta ahora en la Web.
Hasta hace poco tiempo, 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 realidad aumentada con herramientas Web estándar era el acceso a cámara. Esto está cambiando con las posibilidades que introduce HTML5 para emplear funcionalidades de audio y video nativas y, además, el acceso a hardware, en este caso la cámara del usuario.
Si bien aún estamos en un plano experimental, 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 es una librería que nos facilita la entrada al mundo de Realidad Aumentada. Con la API getUserMedia podremos acceder a capturar contenido desde la cámara del usuario.
Para saber más sobre estas tecnologías, les recomendamos una nota publica por HTML5 Rocks, titulada: Writing Augmented Reality Applications using JSARToolKit. En la nota también se emplea 3D, apoyándose en las características de Canvas de HTML5 y en la librería three.js.
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!!!