
一个简单的基于时间的表达式,可以在没有关键帧的情况下创建连续的运动或动画。
表达式代码
time * 100 // 将当前合成时间(以秒为单位)乘以 100 // 使得数值每秒增加 100 // 可以将 100 替换为任何数字以控制速度
应用位置
将此表达式应用于:
旋转(Rotation)
位置(Position)(X轴或Y轴单独应用)
缩放(Scale)(单独控制各个轴)
不透明度(Opacity)(适合配合正弦函数等数学运算使用)
工作原理
time 表达式会追踪合成中已经过去了多少秒。
所以,当你将 time 乘以一个数字时,实际上就是创建了一个随时间稳定增长的数值。
例如:
在 0 秒时,数值为 0
在 2 秒时,数值为 200(如果是用 time * 100)
这非常适合让元素自动移动或发生变化,无需设置任何关键帧。
位置的时间表达式
[value[0] + time * 100, value[1]] // 将图层随着时间向右移动 // 每秒在 X 轴(水平位置)上增加 100 像素 // Y 轴(垂直位置)保持不变
旋转的时间表达式
time * 45 // 以每秒 45 度的速度旋转图层 // 可以将 45 修改为其他值以调整旋转速度
不透明度的时间表达式(具有脉冲效果)
Math.sin(time * 2) * 50 + 50 // 在不透明度上应用时间表达式(带脉动效果) // 创建一个循环的正弦波 // 不透明度在 0 到 100 之间变化
按比例显示时间表达式(慢速缩放效果)
[ value[0] + time * 10, value[1] + time * 10 ] // 逐渐增加图层的宽度和高度 // 每秒在 X 和 Y 轴缩放上增加 10 个单位 // 保持宽高比不变
声明:预览视频中的视频、音频、图片及字体仅做展示,不包含在下载文件内;水印不代表署名仅用于防盗,版权归原作者所有。 版权说明:资源均源于互联网收集整理,不保证资源的可用及完整性,不提供安装使用及技术服务,仅供个人学习研究,请勿商用。喜欢记得支持正版,若侵犯第三方权益,请及时联系我们删除!《版权声明》

评论0