绘制bezier blobs没有交叉点或bowties

Question

我正在尝试做一些看似相当简单的事情（绘制一个动画，变形虫般的blobby形状 - 类似于下面的第二张图片），但我要意识到它更复杂。

下面的第一张图片显示了我的位置：

• 6个点（一个简单类的实例）可以在某些约束内自己随机移动（主要是距屏幕上定义点的最大距离）

• 绿点是由我的点数实例定义的区域的动态计算中心

• 我只是按照点实例（a，b，c等）的数组顺序绘制矢量

我对矢量图形知之甚少（因此这个学习练习），但我明白我需要在我的观点上强加一个更连贯的顺序和一套规则

• 他们不能跨越其他点之间的虚线（b在下面交叉c-d）
• 他们需要被束缚到他们的邻居

我没有遇到代码问题，只需要了解我需要添加哪种约束 - 以及调用具体问题/任务的内容，以便我可以阅读它们。任何人都可以向我推进正确的方向吗？