SoundShader-另一个具有简单但有趣想法的声音可视化工具

SoundShader背后的理念是声音是简单周期形状的干扰。这就是发出声音的原因。这些形状是什么是无关紧要的，只要它们构成一个基础。这意味着可以通过交换基础将声音转换为图像或几乎任意形状。下面的图片是通过将标准cos(w*t)基与一组在空间坐标中周期性的2D函数互换而成的。如果你能猜出新的基数，你就能恢复原来的可听声音。试试：soundshader.github.io。

它使用WebAudio获得波形，然后运行FFT将该波形分解成频率-&>(幅度、相位)频谱。相位分量是使形状看起来生动活泼的原因。

光谱将写入WebGL纹理，并馈送到GLSL片段着色器，该着色器将(振幅、相位)对重新组合为形状，但这次的基函数不同：它们形成一个基(虽然不是正交的)，在空间维度上是周期性的，并且合理地反映了它们的频率和相移。