用途:生成一个自包含的 index.html,全屏实时渲染合成波场景——透视地板网格向地平线滚动、条带式复古太阳、霓虹星空,并在上层叠加简洁的排版文字。全部由单个片元着色器实现,不使用纹理。
主要能力与渲染方式:画面以地平线分割。地平线上方为天空渐变、被水平扫描线切分的圆形太阳(下半部用 sin 条带切割)和散列星点;下方为透视地板网格,采用 z = k / depth、x = uv.x * z 的投影思路随时间滚动,线条随距离变细淡出。全部为解析式计算,无需 raymarch。使用全屏三角形加片元着色器,一个文件、零外部请求。
调色板可选:Outrun(默认,品红→靛蓝天空、橙→粉条带太阳、青/品红网格)、Vaporwave(柔和青粉、太阳更柔、网格间距更宽)、Terminal(近单色绿网格配黑底)。存在 DESIGN.md 时,强调色映射到其中的配色;否则使用上述 Outrun 配色,kicker 使用 lime #63fe13。标题不超过 12 字符,加一行辅助文字,保持地平线与太阳为视觉主体。
使用条件与自检:需要在支持 getContext('webgl2') 的环境中运行;OpenDesign 会检测 webgl2 并在跨源隔离的 iframe(allow-same-origin)中提供完整 GPU 管线预览。webgl2 不可用时应降级为提示信息而非空白页。着色器编译需记录错误日志,避免静默黑屏。自检要点:约 60fps 持续渲染、FPS 徽标更新;网格呈现后退透视并平滑滚动;太阳条带与地平线辉光可见且远处网格线无锯齿淡出;窗口缩放时清晰不拉伸模糊。资源包含 SKILL.md 与 example.html(应优先通读参考)。
限制:资料未提供价格、平台支持范围、具体性能基准及其他收费信息。