我正在一个需要动画背景的网站上工作。我试图模仿落下的金片。最初我们尝试使用动画 gif，但它太重且太慢了。
这是我第一次使用 Canvas，我肯定希望有更多经验的人给我一些意见。
我找到了一些代码作为起点，并根据我的需要重新调整了它的用途。这是我目前所在的位置：http ://codepen.io/slickdev/pen/LqKai
待办事项：我想减慢下落粒子的速度，并将它们的形状从完美的圆形改变为看起来更像落下的金片。如果我能让它看起来更真实，那将是理想的。我还需要关注性能。有没有办法优化它以更有效地运行？
在可访问性/跨浏览器兼容性方面，这种方法有什么缺点吗？我做了一些研究，似乎得到了广泛的支持。
您的帮助将不胜感激！
我不知道你现在是否已经有机会完成这个，但是这里......
要更改下落粒子的速度，您需要在您的分叉笔的第 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)
关于绘制更“逼真”的雪花，我个人更喜欢看到更接近“圆形”的形状，因为实际的雪花本身在现实生活中更难看到。但是，如果您热衷于研究您最初的想法，我可以为您指出HTML5 画布分形。
如果您正在寻找简单的东西，那么要研究什么的一个很好的例子是Pentaflake 分形。如果你真的想让人们大开眼界，那么我建议您查看这个 HTML 画布分形应用程序的源代码，请点击此处。
我希望这有帮助 ：）