リクエスト詳細
✨ 既存アプリの改善
対応完了
対象アプリ: 合体ドロップ
プレイ中に自己ベスト更新した瞬間の「New Best!」リアルタイム演出を追加
1. 目的:
現在、自己ベスト超えの演出はゲームオーバー画面での紙吹雪(v1.33.0)のみで、プレイ中は #playing-best-disp に自己ベスト値が静的に表示されているだけです。プレイの最中に自己ベストを更新した瞬間を分かりやすく伝えることで、プレイの緊張感・達成感を高め、途中でやめずに続けたくなる動機付けを追加します。
2. 具体的な仕様:
- ゲーム開始時、選択中モード・言語の localStorage 自己ベストを既存ロジックで取得し、値が 0 より大きい(=過去に記録がある)場合のみ「今回のベスト更新判定」を有効にする(初回プレイでベスト0の場合はトリガーしない)。
- score-disp の値を更新する既存処理の中で、まだ今回のラン中に未トリガーの場合に限り「現在スコア > 保存済み自己ベスト」を毎フレームまたは進化イベントごとにチェックする。
- 条件を満たした瞬間、1回だけ #playing-best-disp に CSS クラス(例: vd-new-best-flash)を追加し、テキストを一時的に「🏆 New Best!」に切り替えて 1.5〜2秒程度パルスアニメーション(scaleとopacityのCSSアニメーション)させた後、通常の「Best: {score}」表示に戻す。
- トリガー済みフラグはそのランの間だけ有効にし、ポーズ→再開やゲームオーバー→もう一度プレイで必ずリセットする。
- localStorage が読めない/自己ベストが存在しない場合は従来通り演出なしで #playing-best-disp を非表示または空のままにする(既存の防御的処理を踏襲)。
3. 既存機能との整合:
- ゲームオーバー時の紙吹雪演出(v1.33.0)、自己ベスト保存処理、New表示(v1.38.0)、スコア送信、ランキング取得、DBスキーマには一切変更を加えない。
- #playing-best-disp のDOM要素・IDは既存のまま流用し、追加するのはCSSクラスとJSのイベント判定のみなので後方互換。
- localStorage 未対応環境やベスト未保存時は現状と同じ表示(何も出さない)に留まり、既存の安全なフォールバックを壊さない。
現在、自己ベスト超えの演出はゲームオーバー画面での紙吹雪(v1.33.0)のみで、プレイ中は #playing-best-disp に自己ベスト値が静的に表示されているだけです。プレイの最中に自己ベストを更新した瞬間を分かりやすく伝えることで、プレイの緊張感・達成感を高め、途中でやめずに続けたくなる動機付けを追加します。
2. 具体的な仕様:
- ゲーム開始時、選択中モード・言語の localStorage 自己ベストを既存ロジックで取得し、値が 0 より大きい(=過去に記録がある)場合のみ「今回のベスト更新判定」を有効にする(初回プレイでベスト0の場合はトリガーしない)。
- score-disp の値を更新する既存処理の中で、まだ今回のラン中に未トリガーの場合に限り「現在スコア > 保存済み自己ベスト」を毎フレームまたは進化イベントごとにチェックする。
- 条件を満たした瞬間、1回だけ #playing-best-disp に CSS クラス(例: vd-new-best-flash)を追加し、テキストを一時的に「🏆 New Best!」に切り替えて 1.5〜2秒程度パルスアニメーション(scaleとopacityのCSSアニメーション)させた後、通常の「Best: {score}」表示に戻す。
- トリガー済みフラグはそのランの間だけ有効にし、ポーズ→再開やゲームオーバー→もう一度プレイで必ずリセットする。
- localStorage が読めない/自己ベストが存在しない場合は従来通り演出なしで #playing-best-disp を非表示または空のままにする(既存の防御的処理を踏襲)。
3. 既存機能との整合:
- ゲームオーバー時の紙吹雪演出(v1.33.0)、自己ベスト保存処理、New表示(v1.38.0)、スコア送信、ランキング取得、DBスキーマには一切変更を加えない。
- #playing-best-disp のDOM要素・IDは既存のまま流用し、追加するのはCSSクラスとJSのイベント判定のみなので後方互換。
- localStorage 未対応環境やベスト未保存時は現状と同じ表示(何も出さない)に留まり、既存の安全なフォールバックを壊さない。
💬 返信 (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