How it works
从提示词到上线，三步
1
1. 输入提示词
"深色SaaS落地页的紫色粒子" ——这就是全部输入。
2
2. 用文字微调
"慢一点，换成靛蓝" ——修改也是提示词。
3
3. 粘贴一行代码
<script async src="…/hero3d.js"
data-scene="scn_XXXXXXXX"></script>What you get
按预算构建，不凭感觉
≤400KB gzip
硬性预算，由CI强制执行。
手机上也是60fps
按设备划分画质档位。
深色/浅色自适应
跟随宿主页面，切换时实时过渡。
遵循reduced-motion
退化为静态帧，首屏绝不空白。
WebGL兜底
GL失败时退回CSS渐变——绝不破坏你的页面。
代码归你所有
无编辑器，不锁定。
集成
一行代码，任何技术栈。
嵌入就是一个script标签，直接渲染进你的页面——没有iframe，没有构建步骤。用React？同一个加载器可封装为组件。无论哪种方式，场景都以经过schema校验的配置交付，而不是生成的代码。
<script async src="https://somun-api-969004524694.asia-northeast3.run.app/embed/v1/hero3d.js" data-scene="scn_XXXXXXXX"></script>
模板
六款模板，同一份预算
六款全部遵循同样的预算、主题和兜底策略。点击任意卡片，从它的提示词开始。
价格