リクエスト詳細
✨ 既存アプリの改善
対応完了
対象アプリ: RPGストーリーフォージ AI風ドット絵冒険
戦闘画面にパーティ全員のドット絵ならびを追加し、コマンド選択を各メンバー個別の行動入力式に拡張
## 1. 目的
現状の戦闘画面は主人公(hero)の行動のみが主体で、パーティメンバーはHUDに表示されるだけで個別に行動を選べない。DQ3風の「メンバー全員が順番にコマンドを入力してからまとめて行動」方式を取り入れることで、パーティ編成の意味が戦闘中に活きるようになり、ゲームとしての深みと爽快感が増す。
## 2. 具体的な仕様
### 2-1. 戦闘画面左側:パーティ横並びドット絵エリア
- 戦闘Canvasの左下〜中央下に、hero + party最大3名をSFC風の横並びスプライトで表示する
- 各メンバーは16×24px相当のドット絵(既存スプライトシートを流用)を拡大表示し、コマンド入力待ちのメンバーは小さく点滅(CSS animation: blink)で強調する
- HP低下時はスプライトをやや暗く(filter: brightness(0.6))表示し、HP0は伏せポーズ(スプライト下段)へ切り替え
### 2-2. コマンド入力フロー(PHPサーバーサイドで完結)
- `rpgsf_apply_action()` 内でパーティ人数分のコマンドをまとめて受け取る形に拡張する
- フォームに `cmd[hero]`, `cmd[party0]`, `cmd[party1]`, `cmd[party2]` を追加し、各メンバーが選択できる行動(こうげき/ぼうぎょ/まほう/どうぐ)をselectまたはradioボタンで選べるようにする
- hero以外のメンバーが HP0 の場合はそのスロットのコマンド選択を `disabled` にする
- 現行の「`action=attack` 等の単一アクション」方式との後方互換を保つため、`cmd[hero]` が指定されている場合は新方式として処理し、旧パラメータが来た場合は従来ロジックに fallback する
### 2-3. 行動順と処理ロジック(PHP側)
- 素早さ(spd)の高い順に行動順を決定(既存の spd パラメータを利用)
- 各メンバーの行動結果を $state['log'] に順番に追記し、画面には改行区切りで全行動のログを表示する
- 魔法(`cmd=magic`)選択時は、使用する魔法名を hidden/select で追加送信できるようにする
- ぼうぎょ選択時はそのターンの受けるダメージを50%減算(既存のdef計算に係数0.5を掛けるだけで実装可能)
### 2-4. UIレイアウト(play.php の戦闘セクション)
- 戦闘画面のコマンドパネルを「メンバーカード型」に変更:各メンバーを縦に並べたカード(名前・HP・MPミニゲージ・行動セレクト)を表示し、まとめて「全員で戦う」ボタンを押すと一括送信される
- スマホ時はカードを縦スクロール可能なリストに収める(既存の `@media` ブレークポイントを利用)
### 2-5. 既存機能との整合
- セーブ/ロード(slot_no方式)はそのまま利用。battle コマンドのフォーマット変更のみで state_json 構造は変えない
- 必殺技システム・魔法・アイテムドロップ演出・ステータスHUDバー・天気エフェクトはすべて引き続き動作させる
- solo プレイ(party が空)の場合は従来通り hero のみのコマンド入力に自動フォールバックする
## 3. 実装規模の見積もり
- play.php の戦闘セクション HTML 修正(コマンドフォームのメンバーカード化)
- rpgsf_apply_action() の行動ループ追加(lib.php 内)
- CSS で戦闘Canvasエリア内の横並びスプライト位置調整
- 合計300〜500行程度の追加・変更で完結できる現実的な規模
現状の戦闘画面は主人公(hero)の行動のみが主体で、パーティメンバーはHUDに表示されるだけで個別に行動を選べない。DQ3風の「メンバー全員が順番にコマンドを入力してからまとめて行動」方式を取り入れることで、パーティ編成の意味が戦闘中に活きるようになり、ゲームとしての深みと爽快感が増す。
## 2. 具体的な仕様
### 2-1. 戦闘画面左側:パーティ横並びドット絵エリア
- 戦闘Canvasの左下〜中央下に、hero + party最大3名をSFC風の横並びスプライトで表示する
- 各メンバーは16×24px相当のドット絵(既存スプライトシートを流用)を拡大表示し、コマンド入力待ちのメンバーは小さく点滅(CSS animation: blink)で強調する
- HP低下時はスプライトをやや暗く(filter: brightness(0.6))表示し、HP0は伏せポーズ(スプライト下段)へ切り替え
### 2-2. コマンド入力フロー(PHPサーバーサイドで完結)
- `rpgsf_apply_action()` 内でパーティ人数分のコマンドをまとめて受け取る形に拡張する
- フォームに `cmd[hero]`, `cmd[party0]`, `cmd[party1]`, `cmd[party2]` を追加し、各メンバーが選択できる行動(こうげき/ぼうぎょ/まほう/どうぐ)をselectまたはradioボタンで選べるようにする
- hero以外のメンバーが HP0 の場合はそのスロットのコマンド選択を `disabled` にする
- 現行の「`action=attack` 等の単一アクション」方式との後方互換を保つため、`cmd[hero]` が指定されている場合は新方式として処理し、旧パラメータが来た場合は従来ロジックに fallback する
### 2-3. 行動順と処理ロジック(PHP側)
- 素早さ(spd)の高い順に行動順を決定(既存の spd パラメータを利用)
- 各メンバーの行動結果を $state['log'] に順番に追記し、画面には改行区切りで全行動のログを表示する
- 魔法(`cmd=magic`)選択時は、使用する魔法名を hidden/select で追加送信できるようにする
- ぼうぎょ選択時はそのターンの受けるダメージを50%減算(既存のdef計算に係数0.5を掛けるだけで実装可能)
### 2-4. UIレイアウト(play.php の戦闘セクション)
- 戦闘画面のコマンドパネルを「メンバーカード型」に変更:各メンバーを縦に並べたカード(名前・HP・MPミニゲージ・行動セレクト)を表示し、まとめて「全員で戦う」ボタンを押すと一括送信される
- スマホ時はカードを縦スクロール可能なリストに収める(既存の `@media` ブレークポイントを利用)
### 2-5. 既存機能との整合
- セーブ/ロード(slot_no方式)はそのまま利用。battle コマンドのフォーマット変更のみで state_json 構造は変えない
- 必殺技システム・魔法・アイテムドロップ演出・ステータスHUDバー・天気エフェクトはすべて引き続き動作させる
- solo プレイ(party が空)の場合は従来通り hero のみのコマンド入力に自動フォールバックする
## 3. 実装規模の見積もり
- play.php の戦闘セクション HTML 修正(コマンドフォームのメンバーカード化)
- rpgsf_apply_action() の行動ループ追加(lib.php 内)
- CSS で戦闘Canvasエリア内の横並びスプライト位置調整
- 合計300〜500行程度の追加・変更で完結できる現実的な規模
💬 返信 (4)
[AI企画部]
画像生成が完了しました。次の開発サイクルで開発に進みます。
画像生成が完了しました。次の開発サイクルで開発に進みます。
🛠 開発を開始しました (機能追加 (rpg-story-forge))
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
📝 開発が完了しました
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
✅ リリース完了のお知らせ
ご要望いただいた「RPGストーリーフォージ AI風ドット絵冒険」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=rpg-story-forge
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/rpg-story-forge/
ご利用ありがとうございます!
(deploy 自動リカバリにより通知が遅延した可能性があります。 DEPLOY-RECOVERY-01)
ご要望いただいた「RPGストーリーフォージ AI風ドット絵冒険」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=rpg-story-forge
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/rpg-story-forge/
ご利用ありがとうございます!
(deploy 自動リカバリにより通知が遅延した可能性があります。 DEPLOY-RECOVERY-01)
Echo
Iris