我一直在尝试创建一些东西（更基本），如下面链接的视频所示：
http://blog.theclinic.eu/?p=653（应该在 14:30 开始）
这是 John Maeda 的演讲，他演示了他的名为 Powershop 的应用程序。我一直在尝试重新创建具有相同效果的东西，但我无法弄清楚如何让圆圈保持这样的距离而不会发生碰撞，关于如何接近它的任何建议？
我试图使约束具有最小和最大距离，以便它们跟随，我试图让圆圈轨道，但似乎没有一个看起来像他的。
我正在尝试使用 javascript/HTML5，但我只是想要一些关于该方法的提示或建议！（我的物理/数学知识有限，所以我可能会错过一些明显的概念来应用？）
提前致谢！
如果您正在寻找一个不错的罐头解决方案，而不是从头开始构建所有内容，我建议您查看Box2D。
您在 Powershop 图形中看到的系统是一个简单的物理模型，其中每个“球”或“节点”或你所拥有的都是排斥所有其他球/节点的带电物体。如果您将系统建模为由自由旋转的线连接的点的集合，您所要做的就是了解一些物理知识，以便使用 Box2D 获得这种效果。即，同电荷排斥。
应该就这么简单。您将约束一组点，以便每个点都必须保持在距中心 L 的长度内，这将是所有球旋转的手臂模型。然后，您将为每个点赋予完全相同的电荷，它们将相互排斥并以良好的弹性效果均匀分布。
（你获得创意的部分是你想如何添加一个全新的点集合，比如当你的 Powershop 演讲中的演讲者点击一个节点时。）