WebGL 和 Web Audio API 示範匯報

Ilmari Heikkinen

這裡是我過去幾週以來看過的一些酷炫 WebGL 和 Web Audio API 示範。

EVE Online ships 檢視器是一款外觀出色的線上船隻檢視器應用程式,採用 WebGL 技術建構而成。在遊戲世界中展示藝術品,非常棒。

Web Audio API 範例頁面提供許多引人入勝的範例,說明如何透過這個頁面進行音訊處理。WebGL City 是範例網頁連結的其中一個示範。這是一支直升機飛越城市夜景的直升機示範。直升機 (按下「m」鍵停用音樂,按下「n」即可啟用直升機音效功能) 使用 Web Audio API 空間音訊功能,將直升機音訊從另一名說話者之間平移。

有些令人興奮的靈魂樂在 GLSL 沙箱上,實作貪食蛇遊戲,只使用 WebGL 片段著色器。我被燃燒的。

Big Bang 看起來可能與其他 WebGL 粒子動畫類似,但粒子模擬實際上是在 GPU 上執行。模擬工具是一種片段著色器,可從紋理讀取先前的粒子位置,並將新粒子位置寫入 FBO 紋理。

Blocky Earth 能擷取 Google 地球的資料和 MineCrafts 資料。可充分傳達高度差異。舉例來說,我正在查看澳洲和南極的冰層,您可以看到大陸冰層的厚度有幾公里的厚度

Midem Music Machine 是 Mr.doob 和 Paul Lamere 的趣味音樂示範,音樂盒子有著芭蕾舞者的CreativeJS 上有良好的寫法,請看著。

延續上電腦音樂的視覺主題,我最近瀏覽過這個網頁的內容,這個網頁是以極簡式程式碼公式產生的音樂形式。該網頁連結至酷炫的 WebGL 視覺化音樂。Gr 因此 Tavares 採用了這個構想,並打造了位元節奏沙箱,讓您直接透過瀏覽器就能製作並分享自己的位元節曲。