怠け者向けチュートリアル：AIにワールド全体を作ってもらう
前のチュートリアルではすべてのフィールドを手入力してもらいました。今回はその必要がないことをお見せします — Yuminaのアシスタントに任せてしまいましょう (￣▽￣)ノ
同じゲーム — 「The Imposters」 ポストアポカリプス・ホラーサバイバル、扉の向こうが人間か怪物かを判断し14晩を生き延びる — を作りますが、今回はすべてStudioのAI Agentで進めます。
Studio AI Agent とは？
Studio内のAI Assistantは単なるチャットボットではなく、あなたのワールドを直接編集できる AIアシスタントです。「体力変数を追加して」とふつうの言葉で頼むと、本当に作成してくれます。
仕組みは次のとおりです。
- あなたが必要なものを説明
- AIが分析して変更内容を提案（これから何をするかを伝えてくれる）
- Approve をクリック → 変更が適用される
- 気に入らない？ Reject をクリックすればAIがアプローチを調整
すべての変更はスナップショットでバックアップされているため、いつでもロールバックできます — 何かを壊す心配はありません ∠( ᐛ 」∠)＿
ステップ1：ワールド作成 → Studioに入る
ここはまだ自分で行います。
- 左ナビゲーションの 作成 ボタンをクリック
- Blank Project を選択
- 左上に名前を入力：
The Imposters - エディタ上部の Enter Studio をクリック
Studioに入ると、左側に AI Assistant パネルが見えます。これ以降はそこがメインの作業場所です。
ステップ2：AIに何が欲しいかを伝える
AI Assistantの入力ボックスに、ゲームのコンセプトを一気に伝えます。詳細を出すほど良い結果が得られます。
スタートするにはこれをコピペしてください。
Build me a post-apocalyptic horror survival game similar to "No, I'm not a Human".
Setting: The apocalypse has begun. The city is overrun with "Visitors" — entities that look
exactly like humans. The player is alone at home, and every night someone comes knocking.
The player must judge whether the visitor is human or monster and decide whether to open the door.
Game rules:
- Game lasts 14 days (14 nights)
- Night: 2–3 visitors per night, player judges through peephole observation and door conversation
- Day: freely explore rooms and use items
- Visitor traits: unnaturally uniform teeth, abnormal pupils, strange skin texture
- Human traits: normal imperfections — cavities, dark circles, scars
I need these variables:
- player_hp (health, 0–5, default 3): take -1 when attacked by a Visitor; drop to 0 if Pale Stranger enters
- energy_current (energy, 0–8, default 3): body checks and shooting cost 1 point; peephole and talking are free; restores to max during the day
- game_day (day count, 1–14): increase by 1 after each complete night-day cycle
- game_phase (phase): "Night" or "Day"
- player_has_gun (has gun, default true): shooting costs 1 energy
Write me a system setup entry, an opening message, and keyword-triggered lorebook entries
(knocking event, peephole observation, room search).
Also build me a CRT monitor-style root component (`index.tsx`) that keeps the outer
`<Chat renderBubble={(msg) => ...} />` shell and customizes the bubbles:
- Night/day phase title (extract "🌑 **NIGHT X**" or "☀️ **DAY X**" from AI replies, render as CRT
green glow / amber title with scanline effect)
- Knocking animation (extract ***triple-asterisk text***, render as red shaking large text)
- Clickable choice buttons (extract A/B/C/D/E options after "Suggested Choices:", click to auto-send)
- Bottom HUD status bar (monospace font, show energy/HP/armed status)
- Overall black-green end-of-world aestheticステップ3：AIの計画を確認する
AIが作業を始めます。変更内容を考えてプランを提案するのが見えるはずです。ワールドを変更する都度、承認カード が表示され何をするのかが列挙されます。
例：
create_variable— 体力変数を作成create_entry— システム設定エントリを作成write_root_component— ルートコンポーネントのコード（index.tsx）を書く
操作のリストにざっと目を通し、問題なければ Approve をクリックします。AIは次のステップに進みます。
1ラウンドでは終わりません
すべて完了するまでAIは複数の承認ラウンドが必要になります。各ラウンドで1バッチの変更が行われ、承認すると次に進みます。プロセス全体で3〜5ラウンドかかることもあります。気長に最後まで進めてください (•̀ᴗ•́)و
気に入らない場合は？
何かおかしい場合（変数のデフォルト値が間違っているなど）、Reject をクリックしてからAIに修正点を伝えます。「healthのデフォルトは50ではなく100にして」 — AIが調整して再提出します。
ステップ4：見直して調整
AIの作業が終わったら、Studioを退出してエディタに戻り、何が作られたかを確認します。各セクションをチェックします。
- ロアブック — システム設定は適切か？ ロアブックのエントリは十分か？
- 変数 — タイプ、デフォルト値、behavior rulesは妥当か？
- First Message — オープニングメッセージは適切な雰囲気か？
- カスタムUI —
index.tsxのプレビューは思い通りか？
調整が必要なら、選択肢は2つです。
- Studioに戻ってチャットを続ける — 「オープニングメッセージを短くして」「ヘルスバーの色をダークレッドに変えて」とAIに伝える
- 直接編集する — 手動チュートリアルと同様にエディタ内のフィールドを自分で変更する
Overview に行って公開情報（カバー画像、説明、タグ、言語）を埋めることも忘れずに。
ステップ5：テストと公開
Save をクリックし、新規セッションを開いてテストします。手動チュートリアルと同じチェックリストです。
| 確認項目 | 確認方法 |
|---|---|
| オープニングメッセージが表示される | 入った瞬間に最初のメッセージが自動表示される |
| ステータスパネル | ヘルスバー、エネルギーバー、日数カウントがメッセージの上に表示される |
| ディレクティブが動作 | 操作後に変数が変わる |
| ロアブックがトリガー | 「peephole」と言及するとAIがルールに従う |
テスト中に問題を見つけた？ Studioに戻ってAIに伝えます。「テスト中、AIが体力を減らさないことに気づいた — 体力変数のbehavior rulesを確認できる？」 AIが診断して修正してくれます。
テストが通ったら、エディタ上部のバーで Publish（Save の隣）をクリックし、ダイアログでコンテンツレーティング（General または Sensitive Content）と可視性を設定して公開！
Agentとの対話のコツ
1. 最初のメッセージはできるだけ詳しく
AIに与えるコンテキストが多いほど、リビジョンが少なく済みます。最初のメッセージには次を含めるよう心がけましょう。
- ゲームのタイプとコアメカニクス
- 必要な変数とそれぞれの意味
- スタイルと雰囲気の説明
- どんなUIが欲しいか
2. 一発で決めようとせず段階的に反復する方が良い
ワールドが複雑なら一度に詰め込もうとしてはいけません。分割しましょう。
Round 1: "Build me a horror survival game — start with the system setup, variables, and opening message"
→ Review, approve
Round 2: "Now add lorebook entries: knocking event, peephole observation, and room search"
→ Review, approve
Round 3: "Finally, rewrite the root component with a dark horror-style UI showing health and day count"
→ Review, approve3. 具体的なフィードバックを与える
❌ 「UIがイマイチ」 — AIは何が悪いか分からない ✅ 「ヘルスバーが細すぎる、高さを倍に。背景が明るすぎる、純黒 #000 に変えて」 — AIは何を直せばいいか正確に分かる
4. Canvasプレビューを活用する
Studioの右側にあるCanvasパネルではルートコンポーネントがライブプレビューされます。AIが index.tsx を変更したらCanvasで効果を確認しましょう。思い通りでなければ対話を続けます。
手動 vs Agent：比較
| 手動チュートリアル | Agentチュートリアル | |
|---|---|---|
| 所要時間 | 30〜60分 | 5〜15分 |
| 学べること | 各フィールドの意味と使い方 | AIと効果的に協働する方法 |
| 向いている人 | エンジンを深く理解したい人 | スピード重視で出したい人 |
| コントロール | すべての詳細を完全に制御 | AIが大半を担当、あなたは微調整 |
| 推奨 | 最初は手動を一度やる | 慣れたら速度のためにAgentを使う |
ベストプラクティス
最初に一度手動チュートリアルを行ってエンジンのコア概念を理解しましょう。その後Agentを使うと、「何をしているか」が分かるためより良い指示を出せ、ミスにも気づきやすくなります。
次のステップ
これでワールドを作る2つの方法を知りました。ここからは次のように進められます。
- 特定の機能を深掘りしたい？ → 機能リファレンス セクションをチェック
- レシピがどう機能を組み合わせているかを見たい？ → レシピページ で実例を見る
- ワールドの見た目を良くしたい？ → カスタムUIガイド を参照
さあ、自分だけのワールドを作りましょう ᕕ( ᐛ )ᕗ