javascript - Javascript和Canvas-动画正弦波

所以，我有以下代码可以向上动画……这是非常基本的……

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

然后是一个循环:

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

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

我认为正弦波可以使我的X轴平滑变化。

有任何想法吗？ :(

最佳答案

正弦波应该相当简单:

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

关于javascript - Javascript和Canvas-动画正弦波，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10350996/