Resumen de demostración de la API de WebGL y Web Audio

Ilmari Heikkinen

Aquí tienes una vista de algunas demostraciones geniales de las APIs de WebGL y Web Audio que vi en las últimas semanas.

EVE Online ship viewer es una app de visualización de naves en línea de aspecto atractivo compilada con WebGL. Es una forma muy agradable de mostrar el material gráfico en el universo del juego.

La página de muestras de la API de Web Audio tiene varios ejemplos convincentes sobre cómo realizar el procesamiento de audio con ella. WebGL City es una de las demostraciones vinculadas desde la página de muestras. Es una pequeña demostración de un helicóptero que vuela alrededor de un paisaje urbano nocturno. El helicóptero (para inhabilitar la música, presiona "m"; para habilitar el sonido del helicóptero, presiona "n") usa las funciones de audio espacial de las APIs de Web Audio para panoramizar el audio del helicóptero de una bocina a la otra.

Una persona emprendedora implementó un juego de serpientes con solo un sombreador de fragmentos de WebGL en GLSL Sandbox. Estoy atónito.

El Big Bang puede parecerse a cualquier otra animación de partículas de WebGL, pero la simulación de partículas se ejecuta en la GPU. El simulador es un sombreador de fragmentos que lee las posiciones de partículas anteriores de una textura y escribe las posiciones de partículas nuevas en una textura de FBO.

Blocky Earth toma los datos de Google Earth y los convierte en Minecraft. Comunica bien las diferencias de altura. Por ejemplo, estaba mirando Australia y la capa de hielo de la Antártida, y puedes ver cómo el hielo continental tiene varios kilómetros de espesor.

Midem Music Machine es una divertida demostración musical de Mr.doob y Paul Lamere. Es una especie de caja de música accionada por bolas que rebotan en los bits y los bops. CreativeJS tiene un buen artículo sobre este tema. Consúltalo.

Siguiendo con el tema de la visualización de música por computadora, recientemente encontré esta página sobre bytebeat, una forma de música generada por una fórmula de código minimalista. La página incluye un vínculo a una visualización WebGL genial de la música. Gregg Tavares se apropió de la idea y creó una zona de pruebas de bytebeat para crear y compartir tus propias melodías de bytebeat directamente desde el navegador.