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曲线。在此之前，您必须生成一堆点来应用算法。