会动的齿轮

Dixon

一个小练习，增加了参数控制动态效果。运动的速度和加减速效果不同，整体感受也不一样了，跟大家分享小动画。

未知

求 D大 分享些 思路 研究方向 玩一玩

Dixon

则个案例我们因为用做其他教学用途了，所以这里就只能简述一下思路，有点gh使用经验的用户可以作为练习试试看。

图形实际上分为两个部分，注意看图中不同颜色的线条。


红色和绿色是前后两个步骤做出来即可。

分拆后再来看思路会比较清楚，
1.需要做出如下效果：很多同心圆，在每个圆上随机取出几段弧线，如下


2.在考虑如何把每一段弧的端点往内做出一段直线（绿线），过程是做出跟中心的连线，然后这些连线跟内部的弧线计算交点再连线。

这就是整个图形的原理，至于动画，实际上反映的是我们在给出不同参数对图形效果产生影响的过程，所以动画不是目的，而是反映了一些可调参数的作用。

动画我是这样想的，我需要让不同的圆，在不同的时间去转动一下，所以在怎个动画的时间段内（滑块0~1的范围就是时间范围）随机给每个圆取值（0~1）例如取值0.5 就是在动画的正好中间的时间位置开始转动。然后定出每一个圆旋转的时间段，例如我希望圆环转动的时间比较快，我就色字转动值从0.4~0.6，怎个转动周期就是0.2，如果我希望转动更久，就设置成0.3~0.7，那么转动周期就是0.4，所以可以看到前面的动画转动速度不一样，呈现的感觉也不一样。所有这些参数（启动时间，和转动周期）我都用随机生成的，所以效果可以各种各样。最后我为了模拟机械转动的效果，我给转动速度加了曲线调整，模拟加速和减速的效果，让转动看上去有点细节运动的感觉。总之就是加入控制，各种我需要的控制，影响最终效果。