CSS3 HTML5

Los nuevos estándares para el diseño y desarrollo web y Móvil

Capacitación HTML5

Realidad aumentada con HTML5 y JSARToolKit

| 9 Comentarios

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.

¿Te interesaría saber más sobre como integrar HTML5 en tus proyectos? Puedes escribirnos.

Autor: Damián

Escribió cuatro libros, relacionados con sistemas operativos, hardware y desarrollo web, entre ellos se destaca Webmaster Profesional (editado en el año 2009) y HTML 5 – Entienda el cambio, aproveche su potencial lanzado en el 2011 en formato papel y en el 2012 en versión ebook. Se ha desempeñado como editor de libros relacionados con informática. Ha realizado trabajos de edición en la revista Users Digital Design, para la cual participa también escribiendo notas sobre diseño y desarrollo web. Ha colaborado como autor en la revista Dr. Max, Phone Users y en diversas colecciones de fascículos (Universo PC y 1000 Ideas PC, entre otras). Escribe contenidos para diversos medios online, incluyendo el sitio RedUSERS.com. Es consultor y especialista en desarrollo web, con amplio conocimiento en HTML, CSS, AJAX, PHP y Bases de datos. En la actualidad se destaca su trabajo en la preparación de contenidos relacionados con CSS3 y HTML5. Es profesor y dicta curso de HTML5 y clases en la Carrera de Programador Web en el Instituto IT Master Professional Training, en Buenos Aires (Argentina).

9 Comentarios

  1. hola estamos desarrollando una plicacion donde subimos modelos 3d nesesitamos darles unos parametros de colision pero no podemos si nos pueden ayudar

  2. Hola, buen aporte! existe algo similar para mobile? saludos

  3. 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

  4. 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!!!

Deja un comentario

Es requirido que se compelte.*.