使用PaperJS排除布尔操作以创建交互式重叠形状

Question

我希望了解如何动态移动画布周围的形状以及它们相交以排除它们的重叠。我已经改变了PaperJS的Boolean Operations Example来实现这个目标，但我不太明白它背后的原因......这是我的sketch：我有几个问题希望有人可以帮助我。

1. 为什么我需要对对象进行分组并将其隐藏在DOM中？
2. 为什么moveBelow()函数会重新渲染画布上的形状？在不调用moveBelow()函数的情况下，形状在画布上不可见，但为了做到这一点，我需要在我实际上没有使用的对象上调用它。
3. 有没有办法让这个工作如此，如果你有两个以上的形状，任何两个重叠的形状执行操作？