WebGL 和 Web Audio API 演示摘要

Ilmari Heikkinen

下面是我在过去几周看到的一些很棒的 WebGL 和 Web Audio API 演示。

EVE Online ship Viewer 是一款使用 WebGL 构建且外观精美的在线船舶观看器应用。这是在游戏世界中展示艺术作品的好方法。

Web Audio API 示例页面提供了几个令人信服的示例,说明如何使用它进行音频处理。WebGL City 是示例页面链接到的演示之一。它是一架直升机在夜景图中飞行的小演示。直升机(按“m”停用音乐,按“n”可以启用直升机声音)使用 Web Audio API 空间音频功能将直升机音频从一个扬声器平移到另一个扬声器。

一些有进取心的灵魂在 GLSL 沙盒上实现了只使用 WebGL 片段着色器的贪吃蛇游戏。我被困了。

大爆炸可能看起来像是任何其他 WebGL 粒子动画,但粒子模拟实际上是在 GPU 上运行的。模拟器是一个 fragment 着色器,可从纹理读取之前的粒子位置,并将新的粒子位置写入 FBO 纹理。

Blocky Earth 会获取 Google 地球数据并 MineCrafts 这些数据。它能够很好地传达高度差异。例如,我正在观察澳大利亚和南极冰盖,可以看到大陆冰块有几公里厚。

Midem Music Machine 是 Mr.doob 和 Paul Lamere 制作的一个有趣的音乐演示。它就像是一个由球驱动的音乐盒,球中会不断弹跳出来。CreativeJS 的文章很不错,快来看看吧!

继续介绍计算机音乐可视化主题,我最近浏览了这个关于字节跳的页面,字节跳是一种由极简代码公式生成的音乐形式。该页面会链接到一个超酷的音乐 WebGL 可视化效果。Gregg Tavares 秉承这一理念并构建了一个 bytebid 沙盒,从而可以直接从浏览器制作和分享你自己的字节跳音乐。