光标生长:鼠标经过的地方长满花草
做一个首屏,鼠标经过的地方,画面会长出东西:冬天的枯树开满樱花,水泥台阶爬满常春藤。SandBase 生成原景和长满后的版本,Skill 算出两张图不同的地方,生长从鼠标处沿着这些地方蔓延,会留下来,停一会儿后再褪回去。首屏之后是一个完整的落地页:章节大标题、简介、用 HTML 画的产品控制台、功能卡片、要点、数据、引言、行动按钮和页脚,背景光晕随章节变化,底部有悬浮的章节胶囊。
准备好一个场景,以及上面要长出什么(或你自己的图片),还有品牌、文案、链接和语言。Skill 会交付一个完整的落地页(index.html)、一段可以粘进现有网站的区块、两张图、差异图,以及从场景里取出的配色。
使用方法
你确认后(约 $0.16),SandBase 生成原景,再用保持轮廓和光线的提示词生成长满后的版本。
构建脚本把两张图对齐,在 160 格的网格上算出它们不同的地方,压缩两张图,并取出页面配色。
页面上鼠标种下生长;它在格子之间蔓延,两张图不同的地方长得快,其他地方几乎不长,WebGL 用带噪点的自然边缘把它画出来。
常见问题
页面会调用模型吗?
不会。成品页面只是静态文件:HTML、一个脚本、字体和两张 JPEG 图。只有生成新的一组图时才会调用模型。
生成一组新图要多少钱?
通过 SandBase 约 $0.16(原景 $0.075,长满后的改图 $0.0825);用你自己的原图约 $0.08。
能让长出来的一直留着吗?
可以。在 site.json 里把 effect.wiltAfter 设成 0。
为什么这里点链接没反应?
示例运行在沙盒框架里,链接被禁用了。在你自己的页面里,链接会指向你在 site.json 里填的地址。
没有 WebGL 能用吗?
能,只是边缘更柔和:长满后的图会用 Canvas 2D 透过生长区域画出来。
为什么没有在线生成?
生成新场景需要在沙盒里注入模型 Key,后端暂时还不支持。目前请用你自己的 Agent 运行这个 Skill。