u010949962的专栏

 写这篇文章的初衷是因为早些时候看到一款morning routine上的窗帘皱褶效果，自己也想去实现它，网上也有一些案例但是效果不太好而且没有任何的注释改动难度比较，因此想通过自己的想法去实现这个效果，让后面的人少走弯路。如下图就是我们最终想模仿实现的效果：                                                 在开始写代码之前，我们得先了解...

上一篇文章已经实现了如何把一张图片扭曲成波浪效果，那么这一篇文章我们介绍如何动态调整系数，去改变波浪图片的皱褶成度。我们自一次观察下图morning routine的效果：仔细观察我们发现，当往右滑动时，头部的沟壑(也就是正弦曲线)是从0递增到最大的；如果具体到一条水平像素直线的话，这其实就是一条直线扭曲成正弦曲线的一个过程。直线如何扭曲成正弦曲线、正弦曲线如何恢复成直线其实就是系数WAV...

1.竖直方向像素优化前一篇文章张我们已经实现图片的扭曲效果，但是只是仅仅扭曲了水平直线上的像素，这些扭曲后的像素在竖直方向还是处于一条直线中一次，图片的垂直边是竖直的看着很不自然。下面第一步我们要做的优化就是把这些竖直线上的像素y坐标代入正弦公式得到Y轴上优化过后的x坐标，那么整个扭曲图片看起来就更自然了。前面我们已经详细介绍了水平方向像素的扭曲原理，竖直方向上的扭曲我们就直接上核心代码吧，核...