V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
wework
V2EX  ›  分享创造

HTML canvas 新年烟花效果带声音

  •  
  •   wework · 2020-01-22 20:07:09 +08:00 · 3843 次点击
    这是一个创建于 1548 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    demo 烟花特效

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

    @594mantou #6 linux + firefox 73b,一点不卡
    myEzekiel
        8
    myEzekiel  
       2020-01-23 10:28:46 +08:00
    过年不能放烟花的可以看看
    Coast
        9
    Coast  
       2020-01-23 12:39:33 +08:00 via iPhone
    手机上打开有动画,没声音
    Yvette
        10
    Yvette  
       2020-01-23 13:40:12 +08:00 via iPhone
    手机没声音 +1
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3101 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 14:37 · PVG 22:37 · LAX 07:37 · JFK 10:37
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.