tweens运动说明以及图表展示

图表在这里插入图片描述

运动说明

linear
线性匀速运动效果

Sine.easeIn
正弦曲线的缓动(sin(t)/0开始加速的缓动,也就是先慢后快

Sine.easeOut
正弦曲线的缓动(sin(t)/ 减速到0的缓动,也就是先快后慢

Sine.easeInOut
正弦曲线的缓动(sin(t)/ 前半段从0开始加速,后半段减速到0的缓动

Quad.easeIn
二次方的缓动(t^2/0开始加速的缓动,也就是先慢后快

Quad.easeOut
二次方的缓动(t^2/ 减速到0的缓动,也就是先快后慢

Quad.easeInOut
二次方的缓动(t^2/ 前半段从0开始加速,后半段减速到0的缓动

Cubic.easeIn
三次方的缓动(t^3/0开始加速的缓动,也就是先慢后快

Cubic.easeOut
三次方的缓动(t^3/ 减速到0的缓动,也就是先快后慢

Cubic.easeInOut
三次方的缓动(t^3/ 前半段从0开始加速,后半段减速到0的缓动

Quart.easeIn
四次方的缓动(t^4/0开始加速的缓动,也就是先慢后快

Quart.easeOut
四次方的缓动(t^4/ 减速到0的缓动,也就是先快后慢

Quart.easeInOut
四次方的缓动(t^4/ 前半段从0开始加速,后半段减速到0的缓动

Quint.easeIn
五次方的缓动(t^5/0开始加速的缓动,也就是先慢后快

Quint.easeOut
五次方的缓动(t^5/ 减速到0的缓动,也就是先快后慢

Quint.easeInOut
五次方的缓动(t^5/ 前半段从0开始加速,后半段减速到0的缓动

Expo.easeIn
指数曲线的缓动(2^t)/0开始加速的缓动,也就是先慢后快

Expo.easeOut
指数曲线的缓动(2^t)/ 减速到0的缓动,也就是先快后慢

Expo.easeInOut
指数曲线的缓动(2^t)/ 前半段从0开始加速,后半段减速到0的缓动

Circ.easeIn
圆形曲线的缓动(sqrt(1-t^2)/0开始加速的缓动,也就是先慢后快

Circ.easeOut
圆形曲线的缓动(sqrt(1-t^2)/ 减速到0的缓动,也就是先快后慢

Circ.easeInOut
圆形曲线的缓动(sqrt(1-t^2)/ 前半段从0开始加速,后半段减速到0的缓动

Back.easeIn
超过范围的三次方缓动((s+1)*t^3 – s*t^2/0开始加速的缓动,也就是先慢后快

Back.easeOut
超过范围的三次方缓动((s+1)*t^3 – s*t^2/ 减速到0的缓动,也就是先快后慢

Back.easeInOut
超过范围的三次方缓动((s+1)*t^3 – s*t^2/ 前半段从0开始加速,后半段减速到0的缓动

Elastic.easeIn
指数衰减的正弦曲线缓动 /0开始加速的缓动,也就是先慢后快

Elastic.easeOut
指数衰减的正弦曲线缓动 / 减速到0的缓动,也就是先快后慢

Elastic.easeInOut
指数衰减的正弦曲线缓动 / 前半段从0开始加速,后半段减速到0的缓动

Bounce.easeIn
指数衰减的反弹缓动 /0开始加速的缓动,也就是先慢后快

Bounce.easeOut
指数衰减的反弹缓动 / 减速到0的缓动,也就是先快后慢

Bounce.easeInOut
指数衰减的反弹缓动 / 前半段从0开始加速,后半段减速到0的缓动

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值