AE特效 动态拼贴实现及分析
2019-08-22 本文已影响0人
bobforever
下图为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)))
实现完成效果