V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yuankui
V2EX  ›  程序员

https://vercel.com/ship 这个颗粒效果用的是什么技术?

  •  
  •   yuankui · 23 天前 · 2501 次点击

    看了下 html ,标签是 svg 标签,但是鼠标放上去之后的颗粒效果是如何实现的呢?

    image

    11 条回复    2024-05-23 13:15:33 +08:00
    codehz
        1
    codehz  
       23 天前   ❤️ 1
    horizon
        2
    horizon  
       23 天前
    实际上有个 canvas 在
    tcper
        3
    tcper  
       23 天前
    背景是个 canvas ,里面粒子动效,上面盖上 svg ,事件直接穿透就行了
    supuwoerc
        4
    supuwoerc  
       23 天前
    js 文件大致看了眼,里面有作者信息:
    // GLSL textureless classic 2D noise "cnoise",
    // with an RSL-style periodic variant "pnoise".
    // Author: Stefan Gustavson ([email protected])
    // Version: 2011-08-22

    用到的应该是: https://github.com/stegu/webgl-noise
    DEMO:https://stegu.github.io/webgl-noise/webdemo/

    文件:
    https://vercel.com/_next/static/chunks/app/ship/2024/(home)/layout-cb52d0a03e2fb354.js?dpl=dpl_Go2ZmQEk1fFJaNjmGu2LrDzcipj4
    sunjourney
        5
    sunjourney  
       23 天前
    lawted
        6
    lawted  
       23 天前
    jaggle
        8
    jaggle  
       23 天前 via iPhone
    @sunjourney 你这链接打开我的手机发烫严重
    iOCZS
        9
    iOCZS  
       23 天前
    这种效果华而不实,夏天热浪滚滚,冬天倒是可以当暖宝宝
    AmoreLee
        10
    AmoreLee  
       23 天前 via iPhone   ❤️ 2
    https://basement.studio/blog/shipping-ship-behind-the-particle-shader-effect-for-vercel-s-conf

    相关文章
    davin
        11
    davin  
       23 天前
    刚打开的几秒内我的 mbp 卡了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1105 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 18:57 · PVG 02:57 · LAX 11:57 · JFK 14:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.