SuperAPI AI 工具集

strands

设计与创作

查看项目

更新于 10-16 01:36

技能介绍

用途:strands 提供一种基于 GPU 片元着色器的背景效果,以无依赖的 WebGL 实现,定位为营销级 hero 区域的背景装饰。每个视图只使用一个实例,并在文字后方添加遮罩(scrim)以保证可读性,可渲染静态画面。

主要能力:无依赖 WebGL 渲染的 GPU 片元着色器背景;可作为 hero 背景;支持静态渲染;需要遮罩配合文字。

使用方式:复制 _fx/shaderbg.js 与 strands.js;在内容后方添加 <div class="strands" style="position:absolute;inset:0"></div>。

限制:每个视图仅一个;需放在文字后方并加遮罩;资料未提供更多平台支持、性能数据、参数配置、收费与安装命令信息。