草庐IT

javascript - 如何重新创建此 "wavy"图像效果?

我正在寻找一种方法,在网页上拍摄图像或图像的一部分,并渲染此或类似的动画效果,其中图像为“波浪形”。例子:“灵”区:袍区:袍区:最好我想参数化地控制波的速度和调制。对我来说,它看起来像是某种置换贴图。我想过使用片段着色器threejs\seriously.js或使用Canvas元素来实现相同的图像处理,但我不确定要使用的算法。实现这一目标的方法是什么? 最佳答案 振荡器和位移您可以通过将振荡器与网格结合使用来解决此问题。网格中的每条线都是振荡的,线之间的差异用于置换图像的一部分。在我看来,最简单的方法是首先创建一个振荡器对象。它可以