HTML canvas 新年烟花效果带声音

2020-01-22 20:07:09 +08:00
 wework

这是我从 github 上发现的一段 2017 年的新年烟花特效，比较逼真，还有声音，同步不错

chrome 屏蔽了声音自动播放，点击页面即可自动播放

demo 烟花特效

4013 次点击
所在节点    分享创造
10 条回复
QingNuo
2020-01-22 21:41:04 +08:00
挺好的为啥没人说话呢？
jifengg
2020-01-22 22:30:50 +08:00
谢谢分享。小孩喜欢烟花，必要时可以那这个哄他
zhuzhibin
2020-01-22 23:38:33 +08:00
有地址？
yafoo
2020-01-22 23:45:20 +08:00
感觉烟花的点点再小点应该会更逼真点
Mutoo
2020-01-23 08:21:19 +08:00
今天还看到另外一个烟花效果，还支持 VR
https://qake.se/fw/index.html
594mantou
2020-01-23 09:30:43 +08:00
Firefox 下卡的很，好像是 CanvasRenderingContext2D.fill 执行一次要 300ms，不知道 js 里面怎么调用的
omph
2020-01-23 09:37:02 +08:00
烟花的速度太快，再慢一点，消失时再有隐没效果就更逼真了

@594mantou #6 linux + firefox 73b，一点不卡
myEzekiel
2020-01-23 10:28:46 +08:00
过年不能放烟花的可以看看
Coast
2020-01-23 12:39:33 +08:00
手机上打开有动画，没声音
Yvette
2020-01-23 13:40:12 +08:00
手机没声音 +1

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/639917

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX