WebGL基于音频上的图像失真动画效果

代码笔记       4.18MB      2020-02-25 08:24:35    
我们分析声音并将频率范围映射到片段着色器中传递的某些容器。然后,根据我们的效果/失真,我们可以使用随时间不断变化的音频来调整不同的参数。

在我们的第一个演示中,我们在片段着色器中创建一个简单的正弦波,方法是使用音轨的低音频率控制其频率,使用中频控制其振幅。然后,我们在uv的两个轴(x&y)上添加变形,并将该变形添加到初始纹理坐标。

效果预览 下载地址 打赏