HTML5画布对象随机路径生成

Question

我有一个画布对象，一个圆圈，目前在特定路径上动画，就像反弹一样。简单的动画代码如下：

if (x + dx > canvasW || x + dx < 0) dx = -dx;
if (y + dy > canvasH || y + dy < 0) dy = -dy;   
x += dx;
y += dy;

其中dx和dy设置为offets以增加路径。

我想让它遵循随机路径，例如苍蝇。

我该怎么做？是否有任何教程可以指出我的方向？我很难在这里或通过谷歌找到任何一个。

Answer 1

您可以找到您提出的想法的实施here。您可能想稍微调整一下，但至少它是一个开始。 ：）

如果您想使轨迹更平滑，请尝试评估Bézier曲线。在此之前，你必须生成一堆可以应用算法的点。