我正在努力使图像的一部分在视觉上看起来像“抖动”。
如果你能想象摇动一盘果冻,它向后移动的流体运动和第四个(三维)是我想要达到的。
下面是一个例子:http://www.jigglystuff.com/
下面的gif演示了所需的移动:
我在想我要做的是:
当光标拖动图像的一部分时…
向右移动时,光标右侧的像素将缩进/重叠,左侧的像素将展开,似乎向右弯曲
向左移动时,移动光标左侧的像素将收缩/重叠,右侧的像素将展开,看起来向左弯曲
垂直方向的逻辑相同
我不知道该怎么做--任何例子,扩展到我的逻辑,或资源都会非常感谢。
最佳答案
要实现在示例中创建抖动效果的“缩放”,请使用控制纹理和适当的映射函数(例如相对于已定义的锚点的指数)。要隔离要进行抖动的部分,请使用常规的乘法掩蔽步骤。
这里有一个使用控制纹理here的置换示例。结合你自己的缩放过滤器,或其中一个链接在评论,你应该很好去!
因此,重申:
基于鼠标位置创建控件纹理
掩饰你的形象
应用您选择和设计的向量场算法