リクエスト詳細
✨ 既存アプリの改善
対応完了
対象アプリ: 合体ドロップ
ゲームオーバー画面に自己ベストとの差分・更新お祝い表示を追加
1. 目的:
現在ゲームオーバー画面では端末内の自己ベスト(モード別・言語別)と前回プレイとの差分は確認できるが、「今回のスコアが自己ベストを更新したかどうか」「更新まであと何点か」は一目でわからない。プレイヤーのリプレイ動機を高めるため、自己ベストとの比較表示を追加する。
2. 具体的な仕様:
- ゲームオーバー画面で、既存の自己ベスト表示(v1.102.0で導入済み、モード別・言語別にlocalStorageへ保存されている値)と今回のスコアを比較するロジックをクライアントJSに追加する。
- 今回のスコアが自己ベスト以上(更新または同点初回)の場合: 既存の自己ベスト表示エリアの近くに「🎉 自己ベスト更新!」(英語: "🎉 New personal best!")のバッジをアニメーション無しの静的テキスト+背景色ハイライトで表示する。
- 更新に届かなかった場合: 「自己ベストまであと{差分}点」(英語: "{diff} points to your best")という短いテキストを表示する。差分は `自己ベスト - 今回のスコア` の正数のみ表示し、自己ベストが未記録(未挑戦)の場合は表示しない。
- 表示位置はゲームオーバー画面内の既存の自己ベスト表示欄(playing-best-disp や自己ベスト関連要素)の直下に新規のspan/divを追加する形とし、DOM構造の変更は最小限にする。
- 日本語・英語両方の翻訳キーをlib.phpのtt()辞書に追加する(例: `gameover_new_best`, `gameover_best_diff`)。
- 表示更新はスコア送信の成否に関係なく、送信前のクライアント側計算(rank_check.php等のAPI通信不要)で完結させ、既存の再プレイ機能や送信フローに影響しない。
3. 既存機能との整合:
- localStorageの自己ベスト保存形式・キー命名は変更しない(読み取りのみ追加)。
- 「もう一度プレイ」「モード切替クイックリプレイ」で再プレイした際も、都度この比較ロジックを再実行するだけで、既存の再プレイ状態リセット処理には手を加えない。
- 既存のスコア差分表示(前回プレイとの差分, v1.63.0)、自己ベスト表示(v1.102.0)とは独立した追加要素であり、レイアウトを壊さない範囲でCSSクラスを追加するのみ。
現在ゲームオーバー画面では端末内の自己ベスト(モード別・言語別)と前回プレイとの差分は確認できるが、「今回のスコアが自己ベストを更新したかどうか」「更新まであと何点か」は一目でわからない。プレイヤーのリプレイ動機を高めるため、自己ベストとの比較表示を追加する。
2. 具体的な仕様:
- ゲームオーバー画面で、既存の自己ベスト表示(v1.102.0で導入済み、モード別・言語別にlocalStorageへ保存されている値)と今回のスコアを比較するロジックをクライアントJSに追加する。
- 今回のスコアが自己ベスト以上(更新または同点初回)の場合: 既存の自己ベスト表示エリアの近くに「🎉 自己ベスト更新!」(英語: "🎉 New personal best!")のバッジをアニメーション無しの静的テキスト+背景色ハイライトで表示する。
- 更新に届かなかった場合: 「自己ベストまであと{差分}点」(英語: "{diff} points to your best")という短いテキストを表示する。差分は `自己ベスト - 今回のスコア` の正数のみ表示し、自己ベストが未記録(未挑戦)の場合は表示しない。
- 表示位置はゲームオーバー画面内の既存の自己ベスト表示欄(playing-best-disp や自己ベスト関連要素)の直下に新規のspan/divを追加する形とし、DOM構造の変更は最小限にする。
- 日本語・英語両方の翻訳キーをlib.phpのtt()辞書に追加する(例: `gameover_new_best`, `gameover_best_diff`)。
- 表示更新はスコア送信の成否に関係なく、送信前のクライアント側計算(rank_check.php等のAPI通信不要)で完結させ、既存の再プレイ機能や送信フローに影響しない。
3. 既存機能との整合:
- localStorageの自己ベスト保存形式・キー命名は変更しない(読み取りのみ追加)。
- 「もう一度プレイ」「モード切替クイックリプレイ」で再プレイした際も、都度この比較ロジックを再実行するだけで、既存の再プレイ状態リセット処理には手を加えない。
- 既存のスコア差分表示(前回プレイとの差分, v1.63.0)、自己ベスト表示(v1.102.0)とは独立した追加要素であり、レイアウトを壊さない範囲でCSSクラスを追加するのみ。
💬 返信 (3)
🛠 開発を開始しました (機能追加 (vegetable-drop))
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
📝 開発が完了しました
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
✅ リリース完了のお知らせ
ご要望いただいた「合体ドロップ」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=vegetable-drop
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/vegetable-drop/
ご利用ありがとうございます!
ご要望いただいた「合体ドロップ」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=vegetable-drop
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/vegetable-drop/
ご利用ありがとうございます!
Echo
Iris