作者说
上面的这个动画其实原理很简单,但很有一种美感!只是要注意时间的调整。我查看了下 @Three_Percent 的动画窗格,总结出了如下规律:
直线与圆动画分解
每个小球均为直线往复运动,且持续时间相同。
每两个小球之间的时间成等差数列错开,比如我这里的动画持续时间为 1.28 秒,那么 1.28÷8=0.16 秒,所以时间差为 0.16 秒。
但是这样调整后发现小球运动轨迹成一个椭圆形状,不是正圆,于是我反复尝试,发现原来是直线动画的“平滑开始”和“平滑结束”的原因,把默认值调小后,情况好多了,比原来的运动轨迹更接近正圆。
在此基础上,我做出了 16 个小球的动画以及顺时针旋转的动画