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

[yuankui]

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

[codehz]

see: https://v2ex.com/t/1019368

[horizon]

实际上有个 canvas 在

[tcper]

背景是个 canvas ，里面粒子动效，上面盖上 svg ，事件直接穿透就行了

[supuwoerc]

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]

粒子效果： https://galacean.antgroup.com/effects/

[lawted]

http://particle.lawted.tech/ 有点像，但是方法应该不一样
ref: https://juejin.cn/post/7160491044222533639

[isbase]

https://vercel.com/_next/image?url=https%3A%2F%2Fbasehub.earth%2F178ff521%2FdmWssZAz_cjui2-4cGbta%2Fmatthew-lewis.png&w=640&q=100&dpl=dpl_Go2ZmQEk1fFJaNjmGu2LrDzcipj4

这个头像滤镜挺有意思的，不知道怎么实现的

[jaggle]

@sunjourney 你这链接打开我的手机发烫严重

[iOCZS]

这种效果华而不实，夏天热浪滚滚，冬天倒是可以当暖宝宝

[AmoreLee]

https://basement.studio/blog/shipping-ship-behind-the-particle-shader-effect-for-vercel-s-conf

相关文章

[davin]

刚打开的几秒内我的 mbp 卡了