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曲線。在此之前，您必須生成一堆點來應用算法。