WebGL 和 Web Audio API 演示摘要

Ilmari Heikkinen

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

EVE Online ship Viewer 是一款使用 WebGL 构建的精美在线 ship Viewer 应用。这是在游戏世界中展示艺术作品的不错方式。

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

有些创业者在 GLSL Sandbox 上只使用 WebGL fragment 着色器实现了贪吃蛇游戏。我很震惊。

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

Blocky Earth 采用《MineCrafts》收集 Google 地球数据,它可以很好地传达高度的差异。例如,我观察了澳大利亚和南极的冰盖,你可以看到大陆冰层厚度高达几公里。

Midem Music Machine 是 Mr.doob 和 Paul Lamere 设计的趣味音乐演示。这有点像球驱动的音乐盒,里面的球会不断弹跳哎呀。CreativeJS 专门撰写了一篇精彩的文章,供您参考。

继续围绕计算机音乐可视化主题,我最近浏览过这个关于 bytebeat 的网页,这是一种通过极简代码公式生成的音乐形式。该网页链接到一种酷炫的音乐 WebGL 可视化效果。Gregg Tavares 采纳了这个创意,开发了 bytebeat 沙盒,用于直接通过浏览器制作和分享你自己的 bytebeat 音乐。