明明看到的是圆动画，怎么可能是直线做的？！

时间: 2024-05-21 11:14:57

来源: 网络

分类于: 默认分类

浏览: 15 次

作者说

上面的这个动画其实原理很简单，但很有一种美感！只是要注意时间的调整。我查看了下 @ Three_Percent 的动画窗格，总结出了如下规律：

每个小球均为直线往复运动，且持续时间相同。

每两个小球之间的时间成等差数列错开，比如我这里的动画持续时间为 1.28 秒，那么 1.28÷8=0.16 秒，所以时间差为 0.16 秒。

但是这样调整后发现小球运动轨迹成一个椭圆形状，不是正圆，于是我反复尝试，发现原来是直线动画的“平滑开始”和“平滑结束”的原因，把默认值调小后，情况好多了，比原来的运动轨迹更接近正圆。

在此基础上，我做出了 16 个小球的动画以及顺时针旋转的动画