SuperAPI AI 工具集

pixel-blast

设计与创作

查看项目

更新于 10-16 01:36

技能介绍

用途:pixel-blast 是一个 GPU 片元着色器背景,采用无依赖的 WebGL 实现,定位为营销级首屏(hero)背景。

主要能力:以 WebGL 片元着色器渲染背景效果,不依赖第三方库。资料提到其渲染为静态效果(原文描述被截断,完整细节暂未提供)。

使用方式:复制 _fx/shaderbg.js 与 pixel-blast.js 两个文件,然后在内容后方添加 <div class="pixel-blast" style="position:absolute;inset:0"></div>。

适用场景:营销页首屏主视觉背景。

限制:每个视图仅使用一次;文字后方需要加遮罩层(scrim)。其余参数、配置项与兼容性信息暂未提供。