Riepilogo demo dell'API WebGL e Web Audio

Ilmari Heikkinen

Ecco alcune interessanti demo delle API WebGL e Web Audio che ho visto nelle ultime due settimane.

EVE Online ship viewer è un'app di visualizzazione delle navi online dall'aspetto accattivante, realizzata con WebGL. Un ottimo modo per mostrare l'artwork nell'universo del gioco.

La pagina degli esempi dell'API Web Audio contiene diversi esempi interessanti su come eseguire l'elaborazione audio utilizzandola. WebGL City è una delle demo collegate dalla pagina Samples. È una piccola demo di un elicottero che vola sopra un panorama urbano notturno. L'elicottero (disattiva la musica premendo "m", attiva l'audio dell'elicottero premendo "n") utilizza le funzionalità di audio spaziale delle API Web Audio per eseguire il panning dell'audio dell'elicottero da un altoparlante all'altro.

Qualche animo intraprendente ha implementato un gioco di serpenti utilizzando solo un frammento shader WebGL nella sandbox GLSL. Sono sbalordito.

Il Big Bang può sembrare come qualsiasi altra animazione di particelle WebGL, ma la simulazione delle particelle viene effettivamente eseguita sulla GPU. Il simulatore è uno shader di frammento che legge le posizioni delle particelle precedenti da una texture e scrive le nuove posizioni delle particelle in una texture FBO.

Blocky Earth prende i dati di Google Earth e li inserisce in Minecraft. Comunica bene le differenze di altezza. Ad esempio, stavo guardando l'Australia e la calotta di ghiaccio antartica e puoi vedere che il ghiaccio continentale ha uno spessore di diversi chilometri.

Midem Music Machine è una divertente demo musicale di Mr.doob e Paul Lamere. È una specie di scatola musicale azionata da palline che rimbalzano su pezzi di metallo. CreativeJS ha una buona documentazione, dai un'occhiata.

Continuando sul tema della visualizzazione della musica informatica, di recente ho trovato questa pagina sul bytebeat, una forma di musica generata da una formula di codice minimalista. La pagina contiene un link a una fantastica visualizzazione WebGL della musica. Gregg Tavares ha accolto l'idea e ha creato una sandbox di bytebeat per creare e condividere i tuoi brani di bytebeat direttamente dal browser.