Hier sind einige coole WebGL- und Web Audio API-Demos, die ich in den letzten Wochen gesehen habe.
EVE Online Ship Viewer ist eine ansprechende Online-Anwendung zum Ansehen von Schiffen, die mit WebGL erstellt wurde. Eine sehr schöne Möglichkeit, das Artwork im Spieluniversum zu präsentieren.
Auf der Seite mit Beispielen für die Web Audio API finden Sie mehrere überzeugende Beispiele für die Audioverarbeitung mit dieser API. WebGL City ist eine der Demos, die von der Seite mit den Beispielen verlinkt ist. Es ist eine kleine Demo eines Hubschraubers, der über eine nächtliche Stadt fliegt. Der Helikopter (Musik deaktivieren: „m“ drücken, Helikoptersound aktivieren: „n“ drücken) verwendet die räumlichen Audiofunktionen der Web Audio APIs, um den Helikoptersound von einem Lautsprecher zum anderen zu schwenken.
Ein findiger Entwickler hat in der GLSL Sandbox ein Würfelspiel mit nur einem WebGL-Fragment-Shader implementiert. Ich bin verblüfft.
Der Big Bang sieht zwar aus wie jede andere WebGL-Partikelanimation, die Partikelsimulation wird aber tatsächlich 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 wandelt Google Earth-Daten in Minecraft-Objekte um. Sie vermittelt Unterschiede in der Höhe gut. Ich habe mir beispielsweise Australien und die Antarktis angesehen. Dort ist das kontinentale Eis mehrere Kilometer dick.
Die Midem Music Machine ist eine unterhaltsame Musikdemo von Mr.doob und Paul Lamere. Es ist eine Art Spieluhr, bei der Kugeln von Bits 'n' Bops abprallen. CreativeJS hat einen guten Artikel dazu veröffentlicht.
Im Zusammenhang mit der Visualisierung von Computermusik bin ich vor Kurzem auf diese Seite über Bytebeat gestoßen, eine Form von Musik, die durch eine minimalistische Codeformel generiert wird. Die Seite enthält einen Link zu einer coolen WebGL-Visualisierung der Musik. Gregg Tavares hat die Idee aufgegriffen und eine Bytebeat-Sandbox entwickelt, mit der du direkt im Browser eigene Bytebeat-Titel erstellen und teilen kannst.