如何在 PaperJS 中重复该动画？

Question

我找到了this interesting animation，想知道是否可以在 PaperJS 中重复它？它似乎可以由一组圆圈组成，围绕另一个圆圈旋转。

但问题是 - 当这些对象在一个组中时，我不能每个都使用 sendToBack()，它不会起作用。这是Sketch example，不起作用。

附注这是一个 simplified version 的实现方法，但它仅适用于 1 个元素，并且仅适用于沿一个轴的动画。

Answer 1

如果您仍希望将对象分组，一个基本的解决方案可能是设置 2 个组：一个在圆圈下方，一个在圆圈上方，并切换项目的可见性。
只是为了演示这个想法，sketch 以这种方式扩展了您的代码。
我认为您当前决定项目应该低于还是高于的方式可以改进以获得更好的结果（您可以尝试检测项目与圆之间的交集，而不仅仅是检查位置）。