Javascript и Canvas - Анимационные синусоидальной волны

Question

Итак, у меня есть следующий код, чтобы оживить что-то вверх ... это очень простой ...

SetInterval(function() { 
    particlesY -= 1; 
}, 10); 

Затем цикл, как, например:

ctx.clearRect(0,0,canvas.width,canvas.height); 
ctx.drawRect(50, particlesY, 32, 32); 

Это прекрасно работает, но я хочу немного изменить X-Axis - я могу использовать Math.random(), чтобы получить случайное направление, но результат очень рывкий и довольно смехотворный.

Я понял, что синусоидальная волна даст мне приятное плавное изменение оси X.

Любые идеи? :(

Answer 1

Синусоидальная волна должна быть достаточно проста:

ctx.drawRect(Math.sin(particlesY) * 100, particlesY, 32, 32);