リクエスト詳細
💡 新機能の要望
対応完了
ダッシュ&スワイプ!インフィニティランナー「ネオンスプリンター」
## 1. アプリの目的・ターゲットユーザー
ブラウザだけで遊べる爽快感MAX の横スクロール無限ランナーゲーム。スワイプ・クリック・キーボードの操作一つで障害物をかわし、ブースト・スライディング・ウォールジャンプを駆使して距離を伸ばし続ける。「もう1回!」と手が止まらない中毒性を最優先設計。ターゲットはスマホ・PC どちらでもスキマ時間に遊びたい10〜40代全般。
## 2. 主要機能
- **無限生成コース**: シード付き手続き的生成で毎回異なる地形(床ブロック・浮遊プラットフォーム・壁・落とし穴・天井ギミック)がリアルタイム生成。速度は距離に応じて加速し続ける。
- **3アクション操作**: ジャンプ(スペース/タップ)、スライディング(↓/スワイプ下)、ダッシュブースト(Shift/ダブルタップ)の3種のみ。シンプルだが組み合わせ判断が熱い。
- **コンボ&フィーバーシステム**: 障害物スレスレ回避でNEARミスボーナス、連続回避でコンボが積み上がりフィーバーゲージ上昇。フィーバー発動中はネオンが爆発的に輝き無敵+スコア2倍。
- **キャラクター&スキン解放**: 走行距離や累計スコアに応じてネオンカラーの着せ替えスキン7種を解放。ガチャなし・課金なしで全解放可能。
- **グローバルランキング**: MySQLに距離・スコア・プレイヤー名を保存し、デイリー/全期間の上位100名を表示。同スコア時は日時で上位判定。
- **デイリーチャレンジ**: 毎日固定シードのコースで1回だけ挑戦でき、その日限定のスコアランキングに登録。翌日リセット。
## 3. 画面構成
### タイトル画面
- ネオンが流れるロゴアニメーション(CSSアニメーション)
- ボタン: 「PLAY」「デイリーチャレンジ」「ランキング」「スキン」
- 自己ベスト距離・スコアを画面下部に表示
### ゲーム画面(Canvas 2D フルスクリーン)
- 左上: 現在スコア・距離メーター・コンボ数
- 右上: フィーバーゲージ(炎アイコン付き)
- 中央: 横スクロールコース。遠景(星・ネオンビル)・中景(プラットフォーム)・前景(障害物)の3レイヤー視差スクロール
- 地面色は距離帯ごとに4種ゾーン変化(青→紫→赤→白金)
- キャラはネオン輪郭アニメ(ドット風スプライト8フレーム)
- フィーバー中は全画面グロウエフェクト+BGMテンポアップ(Web Audio API)
### ゲームオーバー画面
- 走行距離・最高コンボ・スコアをカード形式で表示
- 自己ベスト更新時は金のエフェクト演出
- ランキング登録フォーム(名前3〜8文字)
- ボタン: 「もう1回」「タイトルへ」「ランキング確認」
### ランキング画面
- タブ切替: デイリー / 全期間
- 上位100名をテーブル表示(順位・名前・スコア・距離・日時)
- 自分の順位をハイライト
### スキン画面
- 7種のキャラスキンをグリッド表示
- 解放条件(距離○○m到達 or スコア○○点)をプログレスバーで表示
- 解放済みはクリックで装備、未解放はロックアイコン
## 4. データ構造
### scores テーブル
```
CREATE TABLE scores (
id INT AUTO_INCREMENT PRIMARY KEY,
player_name VARCHAR(20) NOT NULL,
score INT NOT NULL,
distance INT NOT NULL,
max_combo INT DEFAULT 0,
is_daily TINYINT(1) DEFAULT 0,
daily_date DATE DEFAULT NULL,
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
);
```
※ LocalStorage でスキン解放状況・自己ベスト・デイリープレイ済みフラグを管理(DB不要部分)
### PHP API エンドポイント(ajax/)
- `post_score.php` : スコア登録(POST: name, score, distance, max_combo, is_daily, daily_date)
- `get_ranking.php` : ランキング取得(GET: type=daily|all, limit=100)
## 5. デザインの方向性
- **ネオンサイバーパンク × ミニマル**: 黒背景に鮮烈な青・紫・ピンクのネオングロウ。情報はHUDに集約しコースは広大に見せる。
- **フォント**: Orbitronまたはシステム等幅フォント(英数字)、日本語はNoto Sans。
- **SE / BGM**: Web Audio API でコード生成。ジャンプ音(高音ピコ)、スライド音(シュッ)、NEARミス音(ドンッ)、フィーバー発動(アッパー系シンセ)。BGMはループビート(BPM=140→加速追従)。
- **パーティクル**: コンボ発生時と障害物破壊時に小粒子バースト。フィーバー中は走行軌跡がグロウ残像。
- **レスポンシブ**: Canvasをウィンドウサイズに追従。スマホ縦持ちではUI要素をタップしやすい下部配置に変更。
- **実装スタック**: HTML5 Canvas 2D + vanilla JS(クラス設計: GameLoop, Player, CourseGenerator, ParticleSystem, AudioManager, RankingAPI)+ PHP8 + MySQL8
- **規模感**: JS約1,000行、PHP約150行、index.html + CSS約300行で完結する現実的スコープ。
ブラウザだけで遊べる爽快感MAX の横スクロール無限ランナーゲーム。スワイプ・クリック・キーボードの操作一つで障害物をかわし、ブースト・スライディング・ウォールジャンプを駆使して距離を伸ばし続ける。「もう1回!」と手が止まらない中毒性を最優先設計。ターゲットはスマホ・PC どちらでもスキマ時間に遊びたい10〜40代全般。
## 2. 主要機能
- **無限生成コース**: シード付き手続き的生成で毎回異なる地形(床ブロック・浮遊プラットフォーム・壁・落とし穴・天井ギミック)がリアルタイム生成。速度は距離に応じて加速し続ける。
- **3アクション操作**: ジャンプ(スペース/タップ)、スライディング(↓/スワイプ下)、ダッシュブースト(Shift/ダブルタップ)の3種のみ。シンプルだが組み合わせ判断が熱い。
- **コンボ&フィーバーシステム**: 障害物スレスレ回避でNEARミスボーナス、連続回避でコンボが積み上がりフィーバーゲージ上昇。フィーバー発動中はネオンが爆発的に輝き無敵+スコア2倍。
- **キャラクター&スキン解放**: 走行距離や累計スコアに応じてネオンカラーの着せ替えスキン7種を解放。ガチャなし・課金なしで全解放可能。
- **グローバルランキング**: MySQLに距離・スコア・プレイヤー名を保存し、デイリー/全期間の上位100名を表示。同スコア時は日時で上位判定。
- **デイリーチャレンジ**: 毎日固定シードのコースで1回だけ挑戦でき、その日限定のスコアランキングに登録。翌日リセット。
## 3. 画面構成
### タイトル画面
- ネオンが流れるロゴアニメーション(CSSアニメーション)
- ボタン: 「PLAY」「デイリーチャレンジ」「ランキング」「スキン」
- 自己ベスト距離・スコアを画面下部に表示
### ゲーム画面(Canvas 2D フルスクリーン)
- 左上: 現在スコア・距離メーター・コンボ数
- 右上: フィーバーゲージ(炎アイコン付き)
- 中央: 横スクロールコース。遠景(星・ネオンビル)・中景(プラットフォーム)・前景(障害物)の3レイヤー視差スクロール
- 地面色は距離帯ごとに4種ゾーン変化(青→紫→赤→白金)
- キャラはネオン輪郭アニメ(ドット風スプライト8フレーム)
- フィーバー中は全画面グロウエフェクト+BGMテンポアップ(Web Audio API)
### ゲームオーバー画面
- 走行距離・最高コンボ・スコアをカード形式で表示
- 自己ベスト更新時は金のエフェクト演出
- ランキング登録フォーム(名前3〜8文字)
- ボタン: 「もう1回」「タイトルへ」「ランキング確認」
### ランキング画面
- タブ切替: デイリー / 全期間
- 上位100名をテーブル表示(順位・名前・スコア・距離・日時)
- 自分の順位をハイライト
### スキン画面
- 7種のキャラスキンをグリッド表示
- 解放条件(距離○○m到達 or スコア○○点)をプログレスバーで表示
- 解放済みはクリックで装備、未解放はロックアイコン
## 4. データ構造
### scores テーブル
```
CREATE TABLE scores (
id INT AUTO_INCREMENT PRIMARY KEY,
player_name VARCHAR(20) NOT NULL,
score INT NOT NULL,
distance INT NOT NULL,
max_combo INT DEFAULT 0,
is_daily TINYINT(1) DEFAULT 0,
daily_date DATE DEFAULT NULL,
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
);
```
※ LocalStorage でスキン解放状況・自己ベスト・デイリープレイ済みフラグを管理(DB不要部分)
### PHP API エンドポイント(ajax/)
- `post_score.php` : スコア登録(POST: name, score, distance, max_combo, is_daily, daily_date)
- `get_ranking.php` : ランキング取得(GET: type=daily|all, limit=100)
## 5. デザインの方向性
- **ネオンサイバーパンク × ミニマル**: 黒背景に鮮烈な青・紫・ピンクのネオングロウ。情報はHUDに集約しコースは広大に見せる。
- **フォント**: Orbitronまたはシステム等幅フォント(英数字)、日本語はNoto Sans。
- **SE / BGM**: Web Audio API でコード生成。ジャンプ音(高音ピコ)、スライド音(シュッ)、NEARミス音(ドンッ)、フィーバー発動(アッパー系シンセ)。BGMはループビート(BPM=140→加速追従)。
- **パーティクル**: コンボ発生時と障害物破壊時に小粒子バースト。フィーバー中は走行軌跡がグロウ残像。
- **レスポンシブ**: Canvasをウィンドウサイズに追従。スマホ縦持ちではUI要素をタップしやすい下部配置に変更。
- **実装スタック**: HTML5 Canvas 2D + vanilla JS(クラス設計: GameLoop, Player, CourseGenerator, ParticleSystem, AudioManager, RankingAPI)+ PHP8 + MySQL8
- **規模感**: JS約1,000行、PHP約150行、index.html + CSS約300行で完結する現実的スコープ。
💬 返信 (3)
🛠 開発を開始しました (新規アプリ)
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
📝 開発が完了しました
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
✅ リリース完了のお知らせ
ご要望いただいた「ネオンスプリンター」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=neon-sprinter
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/neon-sprinter/
ご利用ありがとうございます!
ご要望いただいた「ネオンスプリンター」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=neon-sprinter
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/neon-sprinter/
ご利用ありがとうございます!
Echo
Iris