Javascript HTML5画布-用掉落的金片制作动画背景

我正在制作一个需要动画背景的网站。我试着模仿掉落的金片。最初，我们尝试使用动画gif，但它太重和缓慢

这是我第一次使用Canvas，我非常希望有经验的人能给我一些关于这方面的建议

我找到了一些代码作为起点，并根据我的需要重新调整了它的用途。以下是我目前所在的位置：

要做的事：我想减慢下落粒子的速度，并将它们的形状从一个完美的圆形改变为更像下落的金片。如果我能让它看起来更真实，那将是理想的。我还需要关注绩效。有什么方法可以优化它以更高效地运行吗

在可访问性/跨浏览器兼容性方面，这种方法是否有任何缺点？我做了一些研究，似乎得到了广泛的支持

---

非常感谢您的帮助

我不知道你以前是否有机会完成这项工作，但现在

要更改下落粒子的速度，您需要在您的叉形笔的第57行和第58行编辑

@vx

和

@vy

，类似于：

@vx = range(0,1)+8*xpos-5
@vy = 0.2*@r

我发现改变DOP（和Y值进行补偿）也会让事情变得更“可信”：

@dop = 0.001*range(1,5)
@y = range(-100,h-@r2)

关于绘制更“真实”的雪花，我个人更喜欢看到更接近“圆”的形状，因为真实的雪花本身在现实生活中更难看到。但如果你热衷于你的原创想法，我可以向你指出

如果你在寻找简单的东西，一个很好的例子就是五片分形。如果你真的想让人们大吃一惊，那么我建议你看看这个HTML画布分形应用程序的源代码

---

我希望这能有所帮助：）

听起来您的第一项工作是用drawFlake替换drawCircle方法，并使用多边形而不是完整的圆弧。i、 并且应该让你开始。