Javascript 和 Canvas : Endless random animation of slightly morphing circle?

Question

我对 canvas 和用它制作动画对象完全陌生。我做了一些研究(例如，我找到了 RaphaelJS )但是我找不到关于如何创建“变形”圆的任何一般性答案或教程。

我在这里发布的图像是我想要做的:我想创建一个 one 圆圈，它是 endlessly 通过 randomizer 动画并稍微改变其轮廓。

我知道对于这个论坛来说这可能不是一个“真正的”问题，但我只是想知道是否有人可以提供一些关于如何做类似事情的提示或技巧。

我所说的“如何做那样的事情”实际上是在谈论如何变形一个圆的技术。我是否必须“以数学方式”创建一个沿边缘具有数十个受随机函数影响的 anchor 的圆？

我非常感谢对此提供一些初步帮助。

提前谢谢你。

Answer 1

一个圆可以用 4 条三次曲线合理地近似(每个四分之一和切线上的控制点 - 谷歌搜索控制段的正确长度或自己计算它们 - 参见 here。然后你可以随机为小半径内的控制点设置动画以获得摇摆效果。