SuperAPI AI 工具集

background-grid-webgl

写作与研究

查看项目

更新于 10-15 21:09

技能介绍

用途:为页面或场景添加一层透视 WebGL 背景网格,让网格向地平线延伸并带有细微运动与纵深感。仅作用于沉浸式背景网格层,不涉及整页布局、文案或其他粒子、激光系统。

主要能力:以较高视角俯视地面平面网格,线条细、随距离柔和淡出,深色背景配克制辉光;叠加稀疏漂浮粒子或尘埃增加层次;网格缓慢向前漂移或循环位移;相机随鼠标产生轻微阻尼视差。颜色以设计主色或强调色少量点缀,中性设计可用白或冷灰。

使用方式:建议用 Three.js 或等效真实 WebGL 渲染;使用位于平面上方、朝向原点的透视相机强化纵深;用大平面辅助网格或自定义网格,按距离衰减线透明度;通过缓慢前移或位置循环实现动画;加入低透明度、慢速的加性粒子场。可调参数包括网格密度(平面尺寸、分割数、线距)、淡出衰减、运动速度(前移、粒子漂浮、相机平滑)、相机高度/距离/倾角/视差强度、颜色。

适用场景:需要透视科技网格向空间延伸、带细微运动与深度的设计背景。

限制与避免:不要用于明亮合成波霓虹网格(除非设计明确要求);避免粗线条或高对比网格干扰前景内容;避免密集粒子或雾遮挡网格结构;避免激进鼠标追踪或过快网格运动导致背景不稳。具体安装命令与代码示例暂未提供。