Dentro de las mejoras integradas en Opera 12 destacan dos importantes actualizaciones de su motor de JavaScript (Carakan); por lo que ahora el navegador hace un uso mucho más eficiente de la memoria, sumado al soporte completo de ECMAScript 5.1.

Sumado a lo anterior se optimizó el manejo de la sintaxis de HTML5 junto con la incorporación de la aceleración de hardware completa con WebGL, lo que debería traducirse en una mayor velocidad de navegación y un menor consumo de batería en los equipos portátiles.

Como una manera de demostrar el desempeño del navegador bajo WebGL, los ingenieros de Opera pusieron a disposición de los usuarios tres ejemplos del uso de esta tecnología: el juego Emberwind, un render del Ferrari de Fernando Alonso (se puede manejar con las teclas direccionales) y la aplicación Don’t click.

Para quienes gustan personalizar el navegador Opera 12 incorpora una nueva forma de crear temas (antes llamados Skins), por lo que hora resulta mucho más simple desarrollarlos y probarlos en el navegador.

Para los que se quieran animar a probar este alpha de Opera 12 lo pueden descargar desde este enlace (de momento sólo disponible para Windows y Mac).

Link: Introducing Opera 12 alpha (Opera Desktop Team)

Dentro de los miles de productos presentados en Google I/O, uno que pasó relativamente sin mayor fuerza fue la presentación de un video musical, hecho con HTML5 y WebGL. Se trata del video de la cancion “Black”, parte de “Rome”, el nuevo lanzamiento de Daniele Luppi y Danger Mouse, con voces de Norah Jones y Jack White.

La “experiencia”, titulada “3 Dreams in Black”, fue creada por el director Chris Milk, Radical Media y Aaron Koblin, de Google Creative Labs. Cabe recordar que ellos mismos hicieron el video “The Wilderness Downtown” de Arcade Fire (para la canción “We used to wait”) y Chris Milk además trabajó en el proyecto de video por crowdsourcing “The Johnny Cash Project”.

“3 Dreams in Black” sigue a una mujer llamada Temple, que vive en un mundo post-apocalíptico, a través de 3 sueños. El video combina videos y animaciones que parecen hechas a manos con criaturas hechas en 3D, lo que busca evocar la irrealidad de los sueños.

Además, los usuarios pueden contribuir al video, ya que usando el estándar WebGL, pueden hacer construcciones en 3D en el mismo sitio y después son insertadas en la parte final del video (ya están ahí el logo de Reddit y Megaman).

Milk además comentó que este es sólo uno de una serie de proyectos que tienen pensados para acompañar las canciones de “Rome”. Para verlo, entra aquí (recomiendan usar Google Chrome). Abajo, un video explicando la tecnología detrás del video.

Click aqui para ver el video.

Link: Gorgeous Danger Mouse Music Project Shows the Possibilities of HTML5 (Mashable)

El sistema muestra al globo terráqueo y todas las búsquedas que se han hecho en un día. Las búsquedas tienen distintos colores según el lenguaje en que están hechas. “Verás un panorama brillante en Europa y partes de Asia, por ejemplo, pero desafortunadamente vemos mucho menos búsquedas de partes del mundo que no tienen Internet – y a veces tampoco electricidad – como África”, señala Google.

“Esperamos que a medida que Internet continúe volviéndose más accesible en el tiempo y la gente siga haciendo preguntas, veremos este globo brillar en todas partes”, dice la empresa.

La visualización fue desarrollada por el equipo de arte y datos de Google. El código fue abierto, de modo que los desarrolladores interesados pueden acceder a una API para crear sus propias funciones sobre el mapa.

Link: A world of curiosity: a peek at searches around the world (Google blog)

Esta semana fue liberado el primer Release Candidate de Firefox 4, y con eso, la espera para el lanzamiento de la versión final del explorador estaría cerca a terminar. Por lo mismo, Mozilla está empezando a mostrar las capacidades de su nuevo navegador, que según varias fuentes sería uno de los últimos “grandes” lanzamientos de Firefox, antes de pasar a un sistema de actualizaciones más rápidas, como Chrome.

Uno de los esfuerzos de Mozilla por mostrar el nuevo Firefox es “Web O’ Wonder”, un sitio hecho en HTML5 y CSS3, pensado para lucir el rendimiento de Firefox 4.

Es el mismo concepto de los demos de HTML5 lanzados por Apple el año pasado, pero esta vez incluye videos grabados en 360º en ciudades como Angkor, Dubai y Cannes. Dentro de la demostración también hay una herramienta para crear afiches motivacionales.

Desde el mismo sitio puedes ir a la descarga del RC de Firefox 4. Aunque si no quieres bajar Firefox, puedes ver el sitio desde cualquier navegador con soporte de HTM5, como Chrome o Safari.

Link: Mozilla Web O’ Wonder

Opera Software ha invertido una buena cantidad de tiempo en la implementación de WebGL en las futuras versiones de su navegador. De hecho sólo hace unos días publicaron una versión preliminar del mismo en el que se incluye en parte el soporte para esta tecnología.

En el marco de la Game Developers Conference los ingenieros de Opera realizaron una demostración del uso de esta tecnología en el navegador, donde queda claramente demostrado el real potencial que tiene aprovechar la aceleración por hardware para la visualización de gráficos.

Dentro de las compañías que apoyan esta especificación se encuentran Apple, Google, Mozilla y Opera, por lo que tiene prácticamente asegurada su masificación en los próximos años.

Link: A Sneak Preview of Our Upcoming WebGl Demo (Choose Opera)

Opera – actualmente en su versión estable 11.01 – ha lanzado una versión preliminar de su navegador para Windows que ahora contará con el soporte para usar canvas 3D mediante WebGL y aceleración por hardware.

Finalmente podrá demostrar su rendimiento con Javascript y Canvas HTML5. WebGL2 es una especificación desarrollada para desplegar canvas 3D en navegadores web, permite renderear gráficos en Javascript mediante la aceleración por hardware (sin la necesidad de plug-ins) en cualquier plataforma que soporte OpenGL 2.0 u OpenGL ES 2.0.

De momento esta implementación está incluida en la versión de Opera 11.50 no-estable. Aunque se ha dicho que WebGL estará disponible en cualquier sistema operativo con soporte de hardware suficiente, no será incluida  en la próxima versión de Opera 11.10 ya que antes tienen que resolver algunos detalles – como el renderizado SVG.

Link: WebGL and Hardware Acceleration (My Opera)

Click aqui para ver el video.

El día de hoy el equipo de Chromium ha lanzado una serie de demos WebGL para ayudar a resaltar lo que se puede hacer con la API de OpenGL. Aunque no está terminado su implementación ya alcanza logros importantes en las demostraciones de Canvas 2D de IE9 Platform Preview Test Drive – sobre todo FishTank.

En estas pruebas Chromium 7.0.253.0 (Canary build) presenta un desempeño 60 veces mayor que la actual versión de Google Chrome (6.0.472), sacándole jugo a una PC Windows 7 con procesador Core 2 Duo a 2.0Ghz y una tarjeta gráfica Nvidia GeForce 9800GT.

Pero para mostrar que Chrome será algo más que un simple pez en un estanque, han creado un Acuario lleno de peces, tiburones y corales que demuestran el potencial de WebGL con gráficos 3D, incluso con aceleración gráfica de Canvas 2D y SVG. Lo que significa que en el futuro los desarrolladores  utilizando WebGL y CSS 3D  podrán crear juegos modernos, galerías de fotos impresionantes, visualizaciones de datos en 3D, entornos virtuales, etc.

Con Auquarium el equipo de Chromium resalta el desempeño de la próxima versión de Chrome usando CSS 3D con HTML puro y Javascript en modelos 3D con texturas de alta calidad, animación de escena, animación con sombreado de píxeles, reflexiones, refracciones y cáusticos.

Link: Unleashing GPU acceleration on the web (The Chromium Blog)

Recordemos que WebGL se basa en un subconjunto del API OpenGL llamado OpenGL ES, el mismo subconjunto que están usando los dispositivos móviles para sus aplicaciones 3D.  El problema es que en Windows el soporte por excelencia en los drivers es para Direct3D y no OpenGL, por lo que WebGL podría sufrir por culpa de malas o inexistentes implementaciones de OpenGL ES en los drivers para Windows.

Para evitar este problema, Google anunció el proyecto ANGLE, que significa Almost Native Graphics Layer Engine, o “motor de capa gráfica casi nativa”.

Se trata de una pequeña capa de traducción que convertirá las llamadas OpenGL ES a llamadas Direct3D, de la misma forma en que en sistemas Unix se ocupa WINE para convertir llamadas Direct3D en llamadas OpenGL. Ya que OpenGL ES es sólo un subconjunto de las API’s DirectX y OpenGL, el trabajo no debería ser titánico.

El código de ANGLE será distribuido como código abierto bajo licencia BSD y sólo tiene utilidad en sistemas Windows, ya que otras plataformas como Mac OSX y Linux usan OpenGL como API principal:

Las implementaciones actuales de WebGL necesitan enviar comandos gráficos al escritorio basado en OpenGL para dibujar el contenido. Este requerimiento no es un problema en computadores corriendo OSX o Linux, donde el API principal es OpenGL y por lo tanto cuentan con un soporte sólido.  En Windows, sin embargo, la mayoría de las aplicaciones de gráfica potente usan Direct3D en vez de OpenGL, por lo que no siempre están disponibles los drivers de OpenGL.

Links:
- Introducing the ANGLE Project (blog de Chromium)
- Chrome tendrá aceleración por GPU (CHW.net)

La última versión de Firefox disponible como nightly build ahora incluye la implementación de WebGL del proyecto Mozilla.  En el video que acompaña este artículo se puede ver Firefox sobre Mac OSX mostrando un visor de modelos del juego Spore, implementado con WebGL.

Este nuevo estándar para manejar gráficos 3D en la web aun está en etapa de definición, pero algunos proyectos ya están creando las primeras implementaciones, tal como lo hizo WebKit hace unos días.

Aquellos que deseen probar la implementación de Mozilla, pueden descargar el último nightly build y activar la opción webgl.enabled_for_all_sites a través de la URL especial about:config. Esta nueva funcionalidad está disponible para los usuarios de Mac, Linux y Windows, pero estos últimos necesitan descargar un archivo DLL adicional y habilitar otras opciones.  Se pueden encontrar las instrucciones completas en el blog de Vladimir Vukićević.

La implementación de WebGL está basada en OpenGL, pero en el caso particular de Windows, esta API no siempre está disponible.  En forma temporal se está usando un port para Windows del proyecto de código abierto Mesa, pero hay planes de soportar Direct3D en el futuro, de tal forma que funcione en Windows nativamente.

Links:
- WebGl in Firefox (Ars Technica)
- WebGL for Firefox (blog de Mozilla)

WebGL es una serie de estándares para montar gráficas 3D, por medio de aceleración de hardware, en los navegadores web sin necesidad de plug-ins. El sistema funciona por medio de Javascript y su capacidad para comunicarse con OpenGL ES 2.0.

Este estándar no es un intento aislado, sino está siendo apoyado por Mozilla (Firefox), Google y Opera. En el video se logra apreciar su funcionamiento trabajando en WebKit, el motor que está detrás de Safari y Chrome. Se trata de un gran avance que, cuando se implemente, traerá nuevas funcionalidades a los navegadores web y seguramente entraremos en la etapa de juegos completos en 3D corriendo en el browser. Incluso se me ocurren aplicaciones educativas haciendo uso de WebGL.

Quien debería de estar preocupado es Adobe, ya que Flash perdería mucho sentido en aplicaciones específicas, pero no creo que sea algo que nos moleste a nosotros los usuarios.

Link: WebGL Support Begins to Arrive in WebKit (MacRumors)

Este estándar será libre de royalties e independiente de la plataforma tal como se ha hecho previamente con OpenGL.  El equipo formado por Khronos y Mozilla ya está invitando a otras compañías para participar en este esfuerzo con la meta de tener lista una especificación funcional dentro de un año.

Mozilla, quien encabeza este equipo de trabajo, propone que este nuevo estándar esté basado en la API OpenGL ES 2.0, OpenGL for Embedded Systems (OpenGL para dispositivos empotrados). Se trata de la misma API que ya se está usando en plataformas como iPhone, Android y Symbian.

Chris Blizzard de Mozilla Corporation indica que esta nueva API se integrará a Firefox apenas esté lista

Nuestra intención es incluirla como una funcionalidad base en el release posterior a Firefox 3.5, asumiendo que todo salga bien por el lado de los estándares.

Tener Gráficos 3D acelerados junto con la nueva generación de motores JavaScript ultra rápidos que tendrá cada navegador, significa que comenzaremos a ver aplicaciones cada vez más avanzadas escritas en tecnologías web abiertas.

A pesar de que la API propuesta provee una base sólida para el desarrollo 3D, es de bajo nivel y significa un desafío para los desarrolladres que quieran darle un uso práctico.  Se cree que otros desarrolladores crearán bibliotecas y otras capas de abstracción sobre esta API estándar que provean interfaces de alto nivel para los desarrolladores, tal como ya ha sucedido con JQuery y Prototype en el lado de JavaScript.

Adaptar OpenGL parece ser el camino correcto, porque se trata de un estándar consolidado y que ya tiene bastante uso en la industria de los juegos y otras que dependen fuertemente de gráficos 3D.  Al usarla com una base de una API 3D neutral y abierta asegurará que los creadores tengan una gran cantidad de alternativas para contar con herramientas que ayuden a crear esta nueva generación de aplicaciones web.

¿Será esta la base de una nueva web?  ¿Será literalmente una Web 3.0?

Links:
- Khronos launches initiative to create open royalty free standard for accelerated 3D on the Web (Khronos Group)
- Mozilla and Khronos to bring standards-based 3D to the web (Ars Technica)
- Bringing accelerated 3D to the web (Chris Blizzard)