HTML canvas 新年烟花效果带声音

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1801 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

10 条回复 • 2020-01-23 13:40:12 +08:00

QingNuo

2020-01-22 21:41:04 +08:00 via Android

挺好的为啥没人说话呢？

jifengg

2020-01-22 22:30:50 +08:00 via Android

谢谢分享。小孩喜欢烟花，必要时可以那这个哄他

zhuzhibin

2020-01-22 23:38:33 +08:00 via iPhone

有地址？

yafoo

2020-01-22 23:45:20 +08:00 via Android

感觉烟花的点点再小点应该会更逼真点

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 via iPhone

手机上打开有动画，没声音

Yvette

2020-01-23 13:40:12 +08:00 via iPhone

手机没声音 +1