なるほど、「ユーザーが人形劇を演出するためのUI仕様」ですね。つまり、舞台裏の処理ではなく、ユーザーが直接触れる“見える部分”の設計です。整理すると以下のような仕様イメージになります。
🎭 見える部分の仕様（ユーザー操作フロー）
1. 配役の選び方
- キャラクター一覧パネル
- 登場可能なキャラクターがアイコンやサムネイルで並ぶ。
- 名前や属性（例：王様、村人、動物など）が表示される。
- 選択方法
- クリック／タップで舞台に登場。
- ドラッグ＆ドロップで舞台上の位置を決める。
2. ポーズの決め方
- ポーズ選択メニュー
- 立ち、座り、走り、驚き、喜びなどの基本ポーズがアイコン化。
- アニメーション再生プレビュー付き。
- 操作方法
- キャラクターを選択 → ポーズメニューから選択。
- ポーズは即時反映され、舞台上で確認可能。
3. セリフの入れ方
- セリフ入力UI
- キャラクターごとに吹き出しアイコンが表示される。
- 入力欄に文字を打ち込むと吹き出しに反映。
- 演出オプション
- フォントサイズ、色、表示時間を調整可能。
- セリフの順番をタイムラインで管理できる。
4. カット！（シーン管理）
- シーン切り替えボタン
- 「カット！」を押すと現在の演出を保存し、次のシーンへ。
- タイムライン／シーン一覧
- 各シーンのキャラクター配置・ポーズ・セリフが記録される。
- シーンを並べ替えたり、編集したりできる。
✨ 仕様のポイント
- 直感的操作：配役・ポーズ・セリフはすべて「見えるUI」で選択／入力できる。
- 舞台演出の流れ：ユーザーは「選ぶ → 登場 → ポーズ → セリフ → カット！」という一連の流れを繰り返す。
- 拡張性：将来的に「背景選択」「音楽挿入」「効果音」なども追加可能。
Robloxらしい「舞台空間＋HUD UI」を簡易ワイヤーフレーム図としてテキストで表現してみます。あくまでイメージなので、図形はシンプルに記号で表します。
🎮 簡易ワイヤーフレーム図（舞台空間＋HUD UI）
┌───────────────────────────────────────────────┐
│ 舞台空間（3D表示） │
│ │
│ [キャラクターA] [キャラクターB] │
│ (ポーズ中) (セリフ吹き出し) │
│ │
│ 背景：ユーザー選択済み │
│ │
└───────────────────────────────────────────────┘
┌───────────────┐ ┌───────────────┐ ┌───────────────┐
│ 配役パネル │ │ ポーズリング │ │ セリフ入力欄 │
│ （舞台横） │ │ （キャラ周囲） │ │ （吹き出しUI） │
└───────────────┘ └───────────────┘ └───────────────┘
┌───────────────────────────────────────────────┐
│ シーンバー（舞台下部HUD） │
│ ┌─Scene1─┐ ┌─Scene2─┐ ┌─Scene3─┐ [+追加] │
│ [カット！]ボタン → 新しいシーンを記録 │
└───────────────────────────────────────────────┘
✨ 説明
- 舞台空間：ユーザーが直接キャラクターを配置・操作する3D空間。
- 配役パネル：舞台横に常時表示され、キャラをドラッグ＆ドロップで登場させる。
- ポーズリング：キャラをクリックすると周囲にリング状メニューが出現し、ポーズを選択。
- セリフ入力欄：キャラを選択すると吹き出しUIが頭上に出て、文字を入力可能。
- シーンバー：舞台下部にHUDとして表示。各シーンが並び、[カット！]で新規追加。