以下是我在過去幾週看過的超酷 WebGL 和 Web Audio API 示範內容。
EVE 線上船艦檢視器 (EVE Online ship View) 是使用 WebGL 建構的線上船隻觀看應用程式,看起來十分美觀。在遊戲世界中展示藝術品的好方法。
網路音訊 API 樣本網頁提供幾個令人印象深刻的範例,說明如何使用這項工具進行音訊處理。WebGL City 是「範例」頁面中的其中一個示範。這是一隻直升機在夜景周圍繞行的小示範。直升機 (按下「m」即可停用音樂,按下「n」即可啟用直升機音效) 會使用 Web Audio API 的空間音訊功能,將某個揚聲器的直升機音訊平移至另一部揚聲器。
有些人會認為,在 GLSL 沙箱 上只使用 WebGL 片段著色器,實作了完全只使用 WebGL 片段著色器的蛇類遊戲。我燃燒了。
「Big Bang」可能看起來像任何其他 WebGL 粒子動畫,但其實粒子模擬是在 GPU 上執行。模擬工具是一種片段著色器,可從紋理讀取先前的粒子位置,並將新的粒子位置寫入 FBO 紋理。
Blocky Earth 會採用 Google 地球的資料和 MineCrafts 資料。這種語言可清楚傳達身高的差異。以澳洲和南極冰塊為例,當我看到大陸冰在幾公里的厚度時,
Midem Music Machine 是 Mr.doob 和 Paul Lamere 所製作的有趣的音樂示範影片。它是一種以氣球為主的音樂盒,有一顆球彈跳出來。糟糕。CreativeJS 上已有很好的寫法,快去看看。
延續了電腦音樂視覺呈現主題,我最近看過這個有關位元拍的頁面,這是由極簡程式碼公式產生的音樂。網頁會連結至一種酷炫的音樂 WebGL 視覺化。Gr 指標 Tavares 參與這個想法,並打造了位元拍沙箱,讓您直接透過瀏覽器製作和分享自己的位元拍音樂。