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 设置偏移以增加路径。

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

我该怎么做呢？有没有任何人可以指出我的方向的教程？我很难在这里或通过 Google 找到任何东西。

Answer 1

您可以找到您提出的想法here 的实现。你可能想稍微调整一下，但至少这是一个开始。 :)

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