使用方法
从提示词到上线，三步
1
1. 输入提示词
"深色SaaS落地页的紫色粒子" ——只需提供这些内容。
2
2. 用文字微调
"慢一点，换成靛蓝" ——修改要求也用提示词表达。
3
3. 粘贴一行代码
<script async src="…/hero3d.js"
data-scene="scn_XXXXXXXX"></script>应用前 / 应用后
同一个落地页，五分钟之差
应用前
应用后
你将获得
自己做要花两周的上线准备，我们已经做好
优化包体积
从设计上保持轻量，每次构建都会测量。
手机上也能达到60fps
根据设备自动调整画质。
自适应深色/浅色模式
跟随页面主题，切换时平滑过渡。
支持减少动态效果
自动显示静态画面，首屏不会空白。
WebGL兜底
WebGL不可用时自动切换为CSS渐变，确保页面正常显示。
代码归你所有
无编辑器，不锁定。
集成
一行代码，任何技术栈。
只需一行代码，场景就能直接渲染到页面中，无需iframe，也无需额外构建。使用React？同一个加载器也可以封装成组件。无论哪种方式，交付的都是经过schema校验的配置，而不是生成代码。
<script async src="https://hero3d.app/embed/v1/hero3d.js" data-scene="scn_XXXXXXXX"></script>
模板
十款模板，同一套性能标准
持续更新中
模板会持续增加 — 每个新模板都要先通过同样的性能预算、主题与回退关卡，才会出现在这里。
十款模板都遵循相同的性能标准，并支持同样的主题和兜底方案。点击任意卡片，即可从对应的提示词开始。
价格