tweens运动说明以及图表展示_tweening.ease图示

图表

运动说明

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的缓动

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93