用途:orb 提供一种独特的 GPU 片元着色器背景,以无依赖的 WebGL 渲染,定位为营销级主视觉(hero)背景。
主要能力:以片元着色器在 GPU 上生成背景视觉效果,不依赖第三方库。资料提到其渲染为静态效果(原文截断,未完整说明动态特性)。
使用方式:复制 _fx/shaderbg.js 与 orb.js 两个文件;在内容后方添加 <div class="orb" style="position:absolute;inset:0"></div> 元素即可应用。
适用场景:适合作为页面主视觉区域的背景,用于营销落地页等需要视觉冲击力的场景。
限制:每个视图只能使用一个 orb;文字后方需要加遮罩层(scrim)以保证可读性。其余细节(如浏览器兼容性、性能开销、参数配置)暂未提供。