Javascript和帆布 - 动画正弦波

Question

所以，我有以下代码向上动画的东西......这是非常基本的...

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

然后循环这样：

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

这工作正常，但我想要一点X轴变化 - 我可以使用Math.random()得到一个随机的方向，但结果是非常生涩，非常可笑。

我觉得正弦波会给我一个很好的平滑的X轴变化。

任何想法？ :(

Answer 1

正弦波应该是相当简单：

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