How it works
プロンプトから本番まで 3 ステップ
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 グラデーション — ページを壊しません。
所有できるコード
エディター不要、ロックインなし。
連携
一行。どのスタックでも。
埋め込みはページに直接レンダリングされるスクリプトタグです — iframe もビルドステップもありません。React なら、同じローダーをコンポーネントとして使えます。どちらの場合も、シーンは生成コードではなくスキーマ検証済みの設定として配信されます。
<script async src="https://somun-api-969004524694.asia-northeast3.run.app/embed/v1/hero3d.js" data-scene="scn_XXXXXXXX"></script>
テンプレート
テンプレート 6 種、バジェットは 1 つ
6 つすべてが同じバジェット・テーマ・フォールバックを守ります。カードをクリックすると、そのプロンプトから始まります。
料金