Demo zu WebGL und Web Audio API

Ilmari Heikkinen

Hier ist ein Überblick über einige coole WebGL- und Web Audio API-Demos, die ich in den letzten Wochen gesehen habe.

EVE Online Ship Viewer ist eine toll aussehende Online-App zur Anzeige von Schiffen, die mit WebGL erstellt wurde. Eine tolle Möglichkeit, das Artwork im Spieleuniversum zu präsentieren.

Die Beispielseite Web Audio API enthält mehrere überzeugende Beispiele für die Verwendung der Audioverarbeitung. WebGL City ist eine der Demos, die auf der Beispielseite verlinkt sind. Es ist eine kleine Demo eines Hubschraubers, der durch eine nächtliche Stadtlandschaft fliegt. Der Helikopter (Musik durch Drücken von "m" deaktivieren, Helikopterton durch Drücken von "n" aktivieren) verwendet Spatial Audio-Funktionen von Web Audio APIs, um das Helikopteraudio von einem Lautsprecher zum anderen zu schwenken.

Einige Unternehmer implementierten ein Snake-Spiel mit einem WebGL-Fragment-Shader in der GLSL-Sandbox. Ich bin verblüfft.

Der Urknall mag wie jede andere WebGL-Partikelanimation aussehen, aber die Partikelsimulation wird auf der GPU ausgeführt. Der Simulator ist ein Fragment-Shader, der die vorherigen Partikelpositionen aus einer Textur liest und die neuen Partikelpositionen in eine FBO-Textur schreibt.

Blocky Earth nimmt Google Earth-Daten in MineCrafts. Sie kommuniziert Höhenunterschiede gut. Wenn ich zum Beispiel Australien und das antarktische Eisschild betrachtete, kann man sehen, dass das kontinentale Eis mehrere Kilometer dick ist.

Die Midem Music Machine ist ein lustiges Musik-Demo von Mr.doob und Paul Lamere. Es ist eine Art kugelgesteuerte Spieluhr, bei der die Bälle von Bits 'n' Bops hin- und herspringen. CreativeJS hat eine gute Beschreibung dazu. Sehen Sie sich diese an.

Ich möchte noch einmal auf die Visualisierung von Computermusik zurückkommen. Ich habe vor Kurzem diese Seite über Bytebeat gesehen, eine Musikform, die mit minimalistischer Codeformel generiert wird. Die Seite enthält einen Link zu einer coolen WebGL-Visualisierung der Musik. Gregg Tavares entwickelte eine Bytebeat-Sandbox zum Erstellen und Teilen deiner eigenen Bytebeat-Songs direkt über den Browser.