AE特效 动态拼贴实现及分析

下图为AE中效果参数

动态拼贴

参数说明 

AE中默认原始纹理宽高均为100，保持原始比例

拼贴中心：原始纹理中心

拼贴宽度：原始纹理宽度缩放比例 

拼贴高度：原始纹理高度缩放比例

输出宽度：基于拼贴宽度决定原始纹理在纵轴方向平铺次数

输出高度：基于拼贴高度决定原始纹理在横轴方向平铺次数

镜像边缘：是否开启相领纹理镜像效果

相位：默认为纵轴隔行纹理进行Y轴平移 平移距离为 相位角度/360*拼贴高度

            当开启水平位移，相位进行横轴隔行纹理平移

水平位移：决定相位移动方向

总结来说 拼贴宽高及输出宽高决定了画布中纹理填充方法 

                拼贴中心决定原始纹理填充位置

                相位决定了水平/垂直方向平移距离

如下图为3倍原始纹理拼贴+镜像+180度相位视觉效果

 

效果原理：

1.根据上述参数生成一张原始图片的9宫格图片

2.根据中心点所在格子进行镜像翻转

3.根据中心点所在列进行隔列整体位移

4.对生成画布图像进行整体缩放

镜像算法实现:

 

如图假定纹理高度为h,计算A字母头部y所对应原始纹理y’

Y = y - (0.5 - h/2);

当Y>h 时 y’= Y-h 翻转后 y’ =h- (Y-h)

当Y<=h 时 y’= Y

通用公式为 

y’ = abs(fract(Y/h)-step(h,mod(Y,2h)))

实现完成效果