用途:side-rays 提供一种独特的 GPU 着色器背景,以无依赖的 WebGL 渲染,定位为营销级 hero 主视觉背景。
主要能力:通过 WebGL 片段着色器渲染背景效果;不依赖第三方库;提供静态与动态渲染(资料原文提及“Renders a static…”后内容截断,动态行为暂未提供)。
使用方式:复制 _fx/shaderbg.js 与 side-rays.js 两个文件;在内容后方添加一个容器,例如:<div class="side-rays" style="position:absolute;inset:0"></div>。
适用场景:页面主视觉、营销落地页的 hero 背景等需要醒目背景的场合。
限制:每个视图只使用一个;应在文字后方放置遮罩(scrim)以保证可读性。归属项目为 nexu-io/motion-anything,源页面为 https://www.skills.sh/nexu-io/motion-anything/side-rays。其他细节(如具体参数、浏览器兼容性、性能表现)暂未提供。