Как сделать поворот прямоугольных партиклов canvas?

Question

[madc0de]

https://jsfiddle.net/20gLm8pr/1/
Из примера видно, что партиклы вроде плавают, все красиво, но если раскомментировать строку ctx.rotate(45), тогда происходит какая то жуть и партиклы начинают летать по всему слою. Не пойму как сделать, чтобы партиклы могли вертеться и медленно плавать по слою. пробовал через lineto рисовать прямоугольник и тож самое(

Comments

[Kovalsky]

Так читайте же) Там угол в радианах. Вы действительно хотите поворачивать на 45 радиан для каждого выполнения requestAnimationFrame?

[Владимир]

Kovalsky, Там и без радиан проблемы есть.
Я бы сначала убрал перемешение, поставил бы только один партикл и сделал бы его вращение, а потом добавлял бы перемещение и партиклы.
В доке есть пример как вращать вокруг центра фигуры и там важно выставить центр вращения
https://developer.mozilla.org/en-US/docs/Web/API/C...
" Rotating a shape around its center "

Answer 1

[RAX7]

Comments

[madc0de]

Спасибо большое! Теперь понятно как делать)