javascript - 使用 JavaScript 绘制正弦波

Question

我正在努力创建一个简单的雪地模拟，但我在数学上失败得很厉害。基本上，当初始化雪花时，它的 x 位置随机设置在 svg Canvas 上的某个位置。然后从那里，它直接落下。它应该模拟正弦波(x 坐标应该像正弦波一样移动)。

我从去年开始就没玩过三 Angular ，所以我有点生疏了。 Math.sin() 我相信采用弧度，所以我乘以 180，然后除以 pi 以转换为度数？

假设x是雪花当前的x位置，width是 Canvas 的宽度。

x += (Math.sin(((x/width)*(180/Math.PI)))*width)

它有点管用，但到处都是。我对自己在做什么有一个模糊的想法，但我似乎无法将数学从我的大脑推向代码。

Here's a JSFiddle:

我做错了什么？

Answer 1

应该是:

x += A*Math.sin(F*(y/Height)*2*Math.PI);

其中 A 是振幅，即您希望薄片左右移动多少像素(请注意，总移动量为 2*A)。 F 是频率，或者您希望薄片左右移动的频率(我将每个薄片随机设置在 2 到 10 之间)。