WebGL- en Web Audio API-demooverzicht

Ilmari Heikkinen

Hier is een blik op enkele coole WebGL- en Web Audio API-demo's die ik de afgelopen weken heb gezien.

EVE Online scheepsviewer is een fantastische online scheepsviewer-app gebouwd met WebGL. Zeer mooie manier om de illustraties in het game-universum te laten zien.

De Web Audio API- voorbeeldpagina bevat verschillende overtuigende voorbeelden van hoe u hiermee audioverwerking kunt uitvoeren. WebGL City is een van de demo's die zijn gelinkt vanaf de voorbeeldpagina. Het is een kleine demo van een helikopter die door een nachtelijk stadsbeeld vliegt. De helikopter (schakel muziek uit door op 'm' te drukken, schakel helikoptergeluid in door op 'n' te drukken) maakt gebruik van de ruimtelijke audiofuncties van Web Audio API's om de helikopteraudio van de ene luidspreker naar de andere te pannen.

Een of andere ondernemende ziel implementeerde een slangenspel met niets anders dan een WebGL-fragmentshader op de GLSL Sandbox . Ik ben verbijsterd.

De Big Bang ziet er misschien uit als elke andere WebGL-deeltjesanimatie, maar de deeltjessimulatie wordt feitelijk op de GPU uitgevoerd. De simulator is een fragmentarcering die de vorige deeltjesposities uit een textuur leest en de nieuwe deeltjesposities in een FBO-textuur schrijft.

Blocky Earth neemt gegevens van Google Earth en MineCrafts deze. Het communiceert hoogteverschillen goed. Ik keek bijvoorbeeld naar Australië en de Antarctische ijskap, en je kunt zien hoe het continentale ijs enkele kilometers dik is.

The Midem Music Machine is een leuke muziekdemo van Mr.doob en Paul Lamere. Het is een soort door een bal aangedreven muziekdoos, waarbij de ballen tegen bits 'n' bops stuiteren. CreativeJS heeft er een goede beschrijving van, bekijk het eens.

Voortbordurend op het thema computermuziekvisualisatie, kwam ik onlangs deze pagina tegen bytebeat , een vorm van muziek gegenereerd door een minimalistische codeformule. De pagina linkt naar een coole WebGL-visualisatie van de muziek. Gregg Tavares nam het idee over en bouwde een bytebeat-sandbox waarmee je je eigen bytebeat-melodieën rechtstreeks vanuit de browser kunt maken en delen.