リクエスト詳細
💡 新機能の要望
対応完了
スライムタワーディフェンス - 無限増殖するスライムを爆速で倒す爽快タワーディフェンス
## 1. アプリの目的・ターゲットユーザー
「ついつい何度でもプレイしてしまう」爽快感を最優先に設計したブラウザ完結型タワーディフェンスゲーム。スライムが無限に押し寄せる中、タワーを配置してコンボ連鎖を起こす「気持ちよさ」に特化する。ゲーム好きの10代〜40代、スマホ・PCどちらでも遊べる。
---
## 2. 主要機能
- **リアルタイムタワーディフェンスゲームプレイ**
- 15×10グリッドのマップでスライムの進路をブロックしながらタワーを配置
- タワー4種(炎・氷・電撃・爆発)それぞれに射程・連射速度・特殊効果が異なる
- 炎→氷の順に当てると「蒸発爆発」、電撃→炎で「プラズマ燃焼」など属性コンボで大ダメージ&演出
- スライムを倒すとゴールドを獲得し、その場でタワーをアップグレードまたは新設置
- ウェーブごとに出現するスライムが増殖・加速・合体・分裂と多彩な行動パターンで変化
- **無限ウェーブ&エンドレスモード**
- ウェーブが進むほど難易度が上がり続けるエンドレスサバイバル
- 「何ウェーブまで耐えたか」がスコアとなりランキングに登録
- 通常ステージモード(20ステージ)も搭載し、初心者が基礎を学べる
- **スライム図鑑&属性相性システム**
- スライム30種(炎耐性・氷耐性・高速・分裂・ボスなど)を内製データで管理
- タワーの属性相性を「弱点」「耐性」「無効」で設定し、戦略性を持たせる
- 倒したスライムが図鑑に登録されコレクション要素を付加
- **コンボ&フィーバーシステム**
- 連続撃破数が増えるとフィーバーゲージが上昇し、一定以上で全タワーが一時的に2倍攻撃速度に
- コンボ数と属性コンボ発動回数が画面に大きくポップアップ表示され「爽快感」を演出
- BGMがフィーバー中に盛り上がりのある曲調に切り替わる(Web Audio API生成)
- **ランキング&デイリーチャレンジ**
- エンドレスモードの最高ウェーブ数をMySQLで保存しグローバルランキング表示
- 毎日シード値固定の「デイリーチャレンジマップ」で全員同条件のスコアを競う
- プレイ後にスコアカードをPNG保存&SNS共有テキストをワンクリックコピー
---
## 3. 画面構成
### タイトル画面
- ゲームロゴ、スライムがアニメーションで動くヒーロービジュアル
- 「ステージモード」「エンドレス」「デイリーチャレンジ」「ランキング」「図鑑」のメニュー
- BGM ON/OFFトグル
### ゲーム画面(メイン)
- 上部:ウェーブ番号 / ゴールド / HP(スライムがゴールに到達するたびに減少) / フィーバーゲージ
- 中央:15×10 Canvasグリッド。タワー配置グリッド(灰色)+スライム進路(緑色ライン)が視覚的に明確
- 右サイドバー(PC)/ 画面下部(スマホ):タワー選択パネル(4種+コスト表示)、ウェーブ開始ボタン、スピードアップボタン(2倍速)
- コンボポップアップ:画面中央に大きく「COMBO x12!」「PLASMA BURST!!」などを一瞬表示しすぐ消える
- フィーバー中:画面全体が黄金にフラッシュ、タワーが光エフェクト付きに
### ゲームオーバー / クリア画面
- 最終ウェーブ数、倒したスライム総数、発動したコンボ数などの統計
- スコア登録フォーム(ニックネーム入力)
- 「もう一回」「タイトルへ」「スコア共有」ボタン
### ランキング画面
- エンドレスモード上位50位テーブル(順位・ニックネーム・最高ウェーブ・日時)
- デイリーチャレンジタブ切替
### スライム図鑑画面
- 30種のスライムカードグリッド。未遭遇は「?」シルエット
- クリックで詳細(HP・速度・属性耐性・出現ウェーブ・撃破回数)表示
---
## 4. データ構造(DBテーブル概要)
```sql
-- ランキング
CREATE TABLE rankings (
id INT AUTO_INCREMENT PRIMARY KEY,
nickname VARCHAR(20) NOT NULL,
mode ENUM('endless','daily') NOT NULL,
score INT NOT NULL, -- エンドレス:最高ウェーブ数, デイリー:スコア値
daily_date DATE DEFAULT NULL, -- デイリーのみ使用
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);
-- デイリーチャレンジシード管理
CREATE TABLE daily_challenges (
id INT AUTO_INCREMENT PRIMARY KEY,
challenge_date DATE UNIQUE NOT NULL,
seed INT NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);
```
ゲームデータ(スライム定義・タワー定義・ステージマップ・相性テーブル)は**JS内のconstオブジェクト**として管理。外部APIは一切不使用。LocalStorageにプレイ中の状態・図鑑進捗・設定をキャッシュ。
---
## 5. デザインの方向性
- **ポップ×爽快感** を最優先:色鮮やかな彩度高めのパレット、スライムはぷよぷよ系のコミカルなドット絵風
- 背景はダーク(#1a1a2e)にしてタワーのエフェクト・スライムの色が際立つようにする
- フォントはゲームらしい太丸ゴシック系(Google Fonts: Noto Sans JP Bold)
- Canvas描画はすべてVanilla JS(requestAnimationFrame)で実装、Three.jsや重いライブラリは使用しない
- タワーと弾丸・爆発エフェクトはCanvasの円・多角形・グラデーションで表現(画像ファイル最小化)
- スマホではタップでタワー選択→グリッドタップで配置の2タップ操作に最適化
- エフェクト音はWeb Audio APIで生成(射撃音・爆発音・コンボ音・フィーバー開始音の4種)
- 全体的に「シンプルだけどやめられない」中毒性重視の設計
「ついつい何度でもプレイしてしまう」爽快感を最優先に設計したブラウザ完結型タワーディフェンスゲーム。スライムが無限に押し寄せる中、タワーを配置してコンボ連鎖を起こす「気持ちよさ」に特化する。ゲーム好きの10代〜40代、スマホ・PCどちらでも遊べる。
---
## 2. 主要機能
- **リアルタイムタワーディフェンスゲームプレイ**
- 15×10グリッドのマップでスライムの進路をブロックしながらタワーを配置
- タワー4種(炎・氷・電撃・爆発)それぞれに射程・連射速度・特殊効果が異なる
- 炎→氷の順に当てると「蒸発爆発」、電撃→炎で「プラズマ燃焼」など属性コンボで大ダメージ&演出
- スライムを倒すとゴールドを獲得し、その場でタワーをアップグレードまたは新設置
- ウェーブごとに出現するスライムが増殖・加速・合体・分裂と多彩な行動パターンで変化
- **無限ウェーブ&エンドレスモード**
- ウェーブが進むほど難易度が上がり続けるエンドレスサバイバル
- 「何ウェーブまで耐えたか」がスコアとなりランキングに登録
- 通常ステージモード(20ステージ)も搭載し、初心者が基礎を学べる
- **スライム図鑑&属性相性システム**
- スライム30種(炎耐性・氷耐性・高速・分裂・ボスなど)を内製データで管理
- タワーの属性相性を「弱点」「耐性」「無効」で設定し、戦略性を持たせる
- 倒したスライムが図鑑に登録されコレクション要素を付加
- **コンボ&フィーバーシステム**
- 連続撃破数が増えるとフィーバーゲージが上昇し、一定以上で全タワーが一時的に2倍攻撃速度に
- コンボ数と属性コンボ発動回数が画面に大きくポップアップ表示され「爽快感」を演出
- BGMがフィーバー中に盛り上がりのある曲調に切り替わる(Web Audio API生成)
- **ランキング&デイリーチャレンジ**
- エンドレスモードの最高ウェーブ数をMySQLで保存しグローバルランキング表示
- 毎日シード値固定の「デイリーチャレンジマップ」で全員同条件のスコアを競う
- プレイ後にスコアカードをPNG保存&SNS共有テキストをワンクリックコピー
---
## 3. 画面構成
### タイトル画面
- ゲームロゴ、スライムがアニメーションで動くヒーロービジュアル
- 「ステージモード」「エンドレス」「デイリーチャレンジ」「ランキング」「図鑑」のメニュー
- BGM ON/OFFトグル
### ゲーム画面(メイン)
- 上部:ウェーブ番号 / ゴールド / HP(スライムがゴールに到達するたびに減少) / フィーバーゲージ
- 中央:15×10 Canvasグリッド。タワー配置グリッド(灰色)+スライム進路(緑色ライン)が視覚的に明確
- 右サイドバー(PC)/ 画面下部(スマホ):タワー選択パネル(4種+コスト表示)、ウェーブ開始ボタン、スピードアップボタン(2倍速)
- コンボポップアップ:画面中央に大きく「COMBO x12!」「PLASMA BURST!!」などを一瞬表示しすぐ消える
- フィーバー中:画面全体が黄金にフラッシュ、タワーが光エフェクト付きに
### ゲームオーバー / クリア画面
- 最終ウェーブ数、倒したスライム総数、発動したコンボ数などの統計
- スコア登録フォーム(ニックネーム入力)
- 「もう一回」「タイトルへ」「スコア共有」ボタン
### ランキング画面
- エンドレスモード上位50位テーブル(順位・ニックネーム・最高ウェーブ・日時)
- デイリーチャレンジタブ切替
### スライム図鑑画面
- 30種のスライムカードグリッド。未遭遇は「?」シルエット
- クリックで詳細(HP・速度・属性耐性・出現ウェーブ・撃破回数)表示
---
## 4. データ構造(DBテーブル概要)
```sql
-- ランキング
CREATE TABLE rankings (
id INT AUTO_INCREMENT PRIMARY KEY,
nickname VARCHAR(20) NOT NULL,
mode ENUM('endless','daily') NOT NULL,
score INT NOT NULL, -- エンドレス:最高ウェーブ数, デイリー:スコア値
daily_date DATE DEFAULT NULL, -- デイリーのみ使用
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);
-- デイリーチャレンジシード管理
CREATE TABLE daily_challenges (
id INT AUTO_INCREMENT PRIMARY KEY,
challenge_date DATE UNIQUE NOT NULL,
seed INT NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);
```
ゲームデータ(スライム定義・タワー定義・ステージマップ・相性テーブル)は**JS内のconstオブジェクト**として管理。外部APIは一切不使用。LocalStorageにプレイ中の状態・図鑑進捗・設定をキャッシュ。
---
## 5. デザインの方向性
- **ポップ×爽快感** を最優先:色鮮やかな彩度高めのパレット、スライムはぷよぷよ系のコミカルなドット絵風
- 背景はダーク(#1a1a2e)にしてタワーのエフェクト・スライムの色が際立つようにする
- フォントはゲームらしい太丸ゴシック系(Google Fonts: Noto Sans JP Bold)
- Canvas描画はすべてVanilla JS(requestAnimationFrame)で実装、Three.jsや重いライブラリは使用しない
- タワーと弾丸・爆発エフェクトはCanvasの円・多角形・グラデーションで表現(画像ファイル最小化)
- スマホではタップでタワー選択→グリッドタップで配置の2タップ操作に最適化
- エフェクト音はWeb Audio APIで生成(射撃音・爆発音・コンボ音・フィーバー開始音の4種)
- 全体的に「シンプルだけどやめられない」中毒性重視の設計
💬 返信 (6)
🛠 開発を開始しました (新規アプリ)
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
📝 開発が完了しました
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
✅ 第 1 フェーズをリリースしました [フェーズ 1/最大5]
ご要望いただいた「スライムタワーディフェンス」のうち、まずは Canvas で遊べるエンドレス防衛、4種類のタワー、属性コンボ、フィーバー演出、ランキング保存、スライム図鑑の初版を実装・リリースしました。
20ステージ構成、スライム種類の拡充、スコアカード画像などの残り内容は、引き続き次のサイクルで開発します。
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=slime-tower-defense
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/slime-tower-defense/
ご要望いただいた「スライムタワーディフェンス」のうち、まずは Canvas で遊べるエンドレス防衛、4種類のタワー、属性コンボ、フィーバー演出、ランキング保存、スライム図鑑の初版を実装・リリースしました。
20ステージ構成、スライム種類の拡充、スコアカード画像などの残り内容は、引き続き次のサイクルで開発します。
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=slime-tower-defense
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/slime-tower-defense/
🛠 開発を開始しました (第2フェーズ: スライムタワーディフェンス)
ご要望ありがとうございます。AI 開発ワーカーが、前回リリース済みの内容に続く追加実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが、前回リリース済みの内容に続く追加実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
📝 開発が完了しました
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
✅ リリース完了のお知らせ
ご要望いただいた「スライムタワーディフェンス」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=slime-tower-defense
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/slime-tower-defense/
ご利用ありがとうございます!
ご要望いただいた「スライムタワーディフェンス」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=slime-tower-defense
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/slime-tower-defense/
ご利用ありがとうございます!
Echo
Iris