下面是我在过去几周内看到的一些很酷的 WebGL 和 Web Audio API 演示。
EVE Online 舰船查看器是一款使用 WebGL 构建的效果出色的在线舰船查看器应用。这是在游戏世界中展示游戏大作的绝佳方式。
Web Audio API 示例页面提供了几个关于如何使用该 API 进行音频处理的有说服力的示例。WebGL City 是从示例页面链接到的演示之一。这是一段直升机在夜间城市景观中飞行的短视频演示。直升机(按“m”可关闭音乐,按“n”可启用直升机音效)使用 Web Audio API 的空间音频功能,将直升机音效从一个扬声器平移到另一个扬声器。
有位有志之士在 GLSL 沙盒中仅使用 WebGL 片段着色器就实现了一个贪食蛇游戏。我感到非常震惊。
大爆炸看起来可能与任何其他 WebGL 粒子动画一样,但粒子模拟实际上是在 GPU 上运行的。模拟器是一个片段着色器,用于从纹理读取之前的粒子位置,并将新的粒子位置写入 FBO 纹理。
方块地球可将 Google 地球数据转换为 Minecraft 地图。它可以很好地传达高度差异。例如,我正在查看澳大利亚和南极冰层,您可以看到大陆冰层有多厚。
Midem Music Machine 是 Mr.doob 和 Paul Lamere 制作的趣味音乐演示。这是一种由球驱动的音乐盒,球会从一个凸起弹跳到另一个凸起。CreativeJS 上有一篇不错的文章,您可以参阅一下。
继续沿着计算机音乐可视化主题,我最近发现了这个介绍字节节奏的页面,字节节奏是一种由极简的代码公式生成的音乐形式。该页面会链接到音乐的一款酷炫的 WebGL 可视化。Gregg Tavares 接受了这个想法,并构建了一个 bytebeat 沙盒,让您可以直接在浏览器中制作和分享自己的 bytebeat 曲目。