WebGL es una API de JavaScript basada en el conocido estándar de gráficos 3D OpenGL, y proporciona a JavaScript un acceso libre de plugins al hardware de gráficos, a través del elemento canvas de HTML5. Gracias a WebGL podemos incluir gráficos 3D en tiempo real en las páginas web.
Apple también apoya el estándar, por lo que podemos (con suerte) esperar que aparezca en Safari en los Macs, iPhones y iPads en algún momento (aunque probablemente no pronto) – y Opera está probando su propia versión, por lo que el único que se resiste es Microsoft.
Así que siéntate, pon en marcha tu último navegador y echa un vistazo a estas demos; si crees que puedes hacerlo mejor, hazlo: hay algunos consejos y sugerencias sobre cómo hacerlo al final.
Pasta
La iluminación multicolor y una interesante aplicación de luces y sombras se ponen en práctica en esta dramática avalancha de macarrones a cámara lenta. Es extrañamente hipnótico.
Just a Reflector
Just a Reflector es un vídeo musical interactivo creado por el equipo de Google Data Arts y Unit 9 para Arcade Fire. Arriba está el vídeo de YouTube (no interactivo), y puedes llegar a la versión interactiva aquí.
Nouvelle Vague
La premisa de Nouvelle Vague, de ultranoir, es relativamente sencilla: coger unos tuits y ponerlos en un paisaje 3D. Sin embargo, eso no hace justicia a este sitio en particular. Nouvelle Vague cuenta con todo tipo de vehículos voladores, como un biplano, un dirigible y algunos globos. Todos estos modelos brillantemente realizados -construidos y animados en Blender por artistas y luego importados a la escena WebGL- llevan los tuits y dan vueltas alrededor de una gigantesca estatua central. Es un sitio muy surrealista y está muy bien hecho.
Chemdoodle: MolGrabber 3D
Como era de esperar con una nueva tecnología, hay mucha gente usando WebGL para hacer demos chulas, y menos herramientas reales. Chemdoodle es una excepción. iChemLabs, una empresa de visualización científica, ha creado herramientas para ver moléculas en páginas web. Esta página de demostración permite elegir uno de los medicamentos y ver una representación en 3D de su estructura química en el navegador.
El Humano de Biodigital
Siguiendo con el tema médico, tenemos el Humano 3D de BioDigital Systems. ¿Quieres ver el esqueleto y el sistema sanguíneo? Sólo tienes que pulsar los botones. Como herramienta educativa es fácil ver su potencial: el mapa 3D permite visualizar enfermedades y tratamientos a través de la web o incluso en el móvil.
FractalLab
Tom Beddard comenzó su carrera como físico de láseres antes de ser seducido por la ingeniería de software, y ahora es bien conocido por sus increíbles fractales 3D. FractalLab es su creación de WebGL, que computa todo lo que te muestra en tiempo real en tu ordenador. Beddard ha incluido una explicación en profundidad de sus procesos y su forma de pensar.
Medusas
Otra bella escena, pero algo más tranquila, viene de la mano de Aleksandar Rodic: un mar de medusas flotantes, todo simulado en tu ordenador. Además, no os perdáis el vídeo que hizo mostrando una versión (tristemente no pública) ¡que se puede controlar con un Kinect!
CycleBlob
Una nueva vuelta de tuerca a un juego de aspecto familiar es el CycleBlob de Shy Shalom, basado en la escena de los ciclos de luz de TRON. Prueba a ver si puedes aplicar tus habilidades con Snake a superficies 3D cada vez más complejas.
Siguiente página: 6 ejemplos más de WebGL