Scroll

お絵かき × タワーディフェンス

マウスで光の壁(ファイアウォール)を描いて、四方から押し寄せるウイルスからCPUを守り抜け。全10ステージ、2つの難易度が待ち受ける。

🖱️

描いて守る新感覚TD

マウスをドラッグして光の壁を描く。壁の配置があなたの戦略そのもの。描く場所、タイミング、壁の種類を選んで敵を阻止しよう。

🛡️

5キャラ × 5属性の壁

バランス型・耐久型・攻撃型など個性豊かな5人のCPUキャラクター。炎・氷・雷・毒の属性壁を使い分けて最適な戦略を組め。

📊

ランキング & セーブ

進行状況はブラウザに自動保存。復活の呪文でデータ共有も可能。全ステージのオンラインランキングに挑戦しよう。

Phaser 3.80 ES6+ localStorage PHP API 800×600

遊び方

3ステップでゲーム開始。シンプルだけど奥が深い。

01

壁を描く

マウスをドラッグして光の壁を描こう。壁は一定時間で消えるので、描き続けることが大事。壁に触れた敵はダメージを受ける。

02

CPUを守る

画面中央のCPUが敵に触れるとHPが減る。HPがゼロになるとゲームオーバー。壁で敵の進路を塞いでCPUを守ろう。

03

強化していく

ステージクリアでコインを獲得。壁の持続時間、ダメージ、同時壁数、CPU HPをアップグレード。新しいキャラや壁も解放できる。

CPUキャラクター

5種のCPUから1人を選んで出撃。性能が異なるので、ステージや戦略に合わせて使い分けよう。

スタンダード
スタンダード
BALANCED
HP ±0 / 壁数 ±0 / 壁持続 ±0
無料 — 最初から使用可能
フォートレス
フォートレス
TANK
HP +3 / 壁持続 -1秒
200コインで解放
マルチコア
マルチコア
WALL RUSH
壁数 +1 / HP -2
300コインで解放
クロノ
クロノ
SUSTAIN
壁持続 +2.5秒 / 壁数 -1
400コインで解放
ストライカー
ストライカー
ATTACKER
壁ダメ ×1.4 / HP -2
500コインで解放

ウイルス図鑑

全10種のウイルスがCPUを狙う。後半ステージでは特殊能力を持つ敵が登場する。

BASIC ENEMIES
小型バグ
小型バグ
HP 10 / SPD 80
基本の雑魚敵
中型バグ
中型バグ
HP 25 / SPD 60
小型より耐久が高い
ワーム
ワーム
HP 15 / SPD 120
高速で突っ込んでくる
トロイの木馬
トロイの木馬
HP 50 / SPD 40
高HPの重量級
ランサムウェア
ランサムウェア
HP 80 / SPD 50
最高HPの大型敵
SPECIAL ENEMIES
ボマー
ボマー
HP 20
壁に触れると爆発し壁を破壊
シールド
シールド
HP 15
最初の壁ダメージを無効化
スポナー
スポナー
HP 40
撃破時に小型バグを生成
ステルス
ステルス
HP 12
一定間隔で透明化する
ダッシャー
ダッシャー
HP 25
突然加速して壁をすり抜ける

ファイアウォール

5属性の壁を使い分けて攻略せよ。ステージを進めると新しい壁が解放される。

基本壁
基本壁
DMG 10
最初から使用可能
炎の壁
炎の壁
DMG 15 + DoT 3/秒
ステージ3 / 300コイン
氷の壁
氷の壁
DMG 5 + 減速80%
ステージ5 / 500コイン
雷の壁
雷の壁
DMG 20(最高火力)
ステージ7 / 700コイン
毒の壁
毒の壁
DMG 8 + DoT 5/秒
ステージ10 / 1000コイン

技術設計

Phaser 3 のシーンシステムをベースに、堅牢なフォールバック設計を採用。

オフライン対応設計

画像未読み込み → プレースホルダー自動生成。JSONエラー → ハードコードデータにフォールバック。SE失敗 → 静かにスキップ。3段階のフォールバックで常に動作保証。

イベント駆動シーン間通信

GameSceneとUISceneが並列実行。Phaserイベントシステムで疎結合に通信し、ゲームロジックとUI描画を完全分離。

マネージャーパターン

Save / Ranking / Sound / Asset の4マネージャーで横断的関心事を管理。静的メソッドとインスタンスを使い分け。

データ駆動ステージ設計

敵・壁・ステージ・アップグレードは全てJSON定義。コードを変更せずにバランス調整が可能。

SCENE FLOW
Boot Preload Title StageSelect Briefing Game + UI Result Ranking