La consolidación de HTML5 y WebGL

Post escrit per Marc Antonijoan:

Ya existen muchas aplicaciones que usan HTML5/WebGL para mostrar gráficos en 3D, como por ejemplo el juego Kroll de Digital Legends Entertainment

En el informe “The Coming of HTML5”, la empresa de investigación de mercados Forrester dice que es el momento del HTML5, el gran despliegue de navegadores con soporte del estándar lo hace posible. La irrupción de los teléfonos inteligentes y tabletas digitales ha llevado a una gran fragmentación de dispositivos. HTML5 permite solucionar este problema, permitiendo desarrollar aplicaciones ricas multiplataforma. Los desarrolladores ya han adoptado el nuevo estándar. En un estudio realizado por el Telerik, el 94% de los desarrolladores encuestados decían estar utilizando HTML5 o planeaban hacerlo en pocos meses.

Dentro del standard HTML5 existen funcionalidades para representar varios elementos multimedia (audio, vídeo, dibujos vectoriales…), e incorpora también una especificación para representar gráficos 3D: WebGL que está basada en la popular librería gráfica OpenGL. WebGL permite representar gráficos 3D integrados en el código HTML de la página y puede reproducirse sin necesidad de plugins. A pesar de ser una estándar incipiente,  ya se está utilizado para desarrollos profesionales, por ejemplo en juegos como Kroll de Digital Legends Entertainment o “From Dust” de Ubisoft, en aplicaciones de mapas, como los “Nokia Maps” o MapsGL de Google, visualizaciones médicas como de la localización de actividad en un cerebro humano  o la representación de la anatomía del cuerpo, entre otras.

Los alumnos del grado de Multimedia de La Salle, en el marco del curso de Gráficos Avanzados, han realizado una creación audiovisual utilizando únicamente HTML5 y WebGL. La creación está basada en el corriente cultural de la Demoscene. Las premisas de la Demoscene son crear aplicaciones informáticas que generan visuales que acompañan una música. Los alumnos han creado elementos visuales para diferentes partes de una única canción. Al final se han ajuntado los códigos de cada uno de los grupos para crear una única demo que reproduce todos los efectos. A continuación se muestra un vídeo con el resultado, o bien puede visitarse la página web del proyecto aquí (Solo para navegadores que soporten WebGL).

Video de la demo desarrollada por los alumnos del grado Multimedia de La Salle.

Marc Antonijoan

@marcFPS