HTML5 холст случайный путь объекта

Question

У меня есть объект canvas, круг, который в данный момент анимируется по определенному пути, скорее как отскок. Простой анимационный код выглядит следующим образом:

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

Вы можете найти реализацию предложенной вами идеи здесь .Возможно, вы захотите немного его настроить, но, по крайней мере, это начало.:)

Если вы хотите сделать траекторию более плавной, попробуйте оценить кривую Безье .Перед этим вам нужно сгенерировать кучу точек, в которых можно применить алгоритм.