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

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

  •  
  •   yuankui · 194 天前 · 2839 次点击
    这是一个创建于 194 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    image

    11 条回复    2024-05-23 13:15:33 +08:00
    codehz
        1
    codehz  
       194 天前   ❤️ 1
    horizon
        2
    horizon  
       194 天前
    实际上有个 canvas 在
    tcper
        3
    tcper  
       194 天前
    背景是个 canvas ,里面粒子动效,上面盖上 svg ,事件直接穿透就行了
    supuwoerc
        4
    supuwoerc  
       194 天前
    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  
       194 天前
    lawted
        6
    lawted  
       194 天前
    jaggle
        8
    jaggle  
       194 天前 via iPhone
    @sunjourney 你这链接打开我的手机发烫严重
    iOCZS
        9
    iOCZS  
       194 天前
    这种效果华而不实,夏天热浪滚滚,冬天倒是可以当暖宝宝
    AmoreLee
        10
    AmoreLee  
       194 天前 via iPhone   ❤️ 2
    https://basement.studio/blog/shipping-ship-behind-the-particle-shader-effect-for-vercel-s-conf

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