SuperAPI AI 工具集

prism

营销与增长

查看项目

更新于 10-16 06:51

技能介绍

用途:prism 是一个基于 GPU 片段着色器的背景渲染方案,输出无需第三方依赖的 WebGL 画面,定位为营销级主视觉(hero)背景,适合放在内容区域后方作为视觉底层。资料说明每个视图仅使用一次,并在文字后方加遮罩(scrim)以保证可读性,同时提到渲染为静态效果。

主要能力:以片段着色器生成背景画面,不引入外部依赖;提供可直接复用的样式类与脚本文件。

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

适用场景与限制:适合需要醒目背景的页面主视觉区域;资料提示每屏只用一次并配合遮罩。关于性能开销、浏览器兼容范围、参数配置、许可与收费等信息,资料暂未提供。