◀

タワーディフェンス

コストを払ってユニットを召喚し、拠点を防衛しよう！
※スタートするとBGMが鳴ります

⚙️

WAVE 1

⚙️

ステージ選択

⚙️

ベースキャンプ

0 G
戦士
Lv: 1
戦士
HP: 200 / 攻撃: 30
速: 30 / 射程: 短
魔法使い
Lv: 1
魔法使い
HP: 40 / 攻撃: 100
速: 40 / 射程: 長
格闘家
Lv: 1
格闘家
HP: 50 / 攻撃: 10
速: 80 / 射程: 短
勇者
Lv: 1
勇者
HP: 300 / 攻撃: 50
速: 50 / 射程: 中
❤️
拠点耐久力Lv.1
拠点の最大HPが1増加する
⚔️
ユニット能力Lv.1
全味方のHPと攻撃力 +5%
💧
コスト効率Lv.1
初期コストと回復量が +5%
💰
獲得ゴールドLv.1
敵撃破時の獲得Gが +2G
⚙️

ゲームオーバー

防衛に失敗しました...

WAVE: 1 / 3
拠点: 3 / 3
出撃: 0 / 10
コスト: 0
0 G
⚙️

概要

横画面のタワーディフェンス。コストを消費して多彩なユニットを召喚して、拠点を守りながら、迫るエネミーを倒そう。
貯まったゴールドでユニットや拠点を強化して、有利に戦闘を進めよう。

学習テーマ

  • Phaser 3 を用いたゲームループの構築
  • 物理エンジン（Arcade Physics）による衝突判定と状態管理
  • タワーディフェンスのWave管理とリソースシステム設計

スキルセット

フロントエンド HTML, CSS, JavaScript, TypeScript, Astro, Phaser 3
バックエンド Node.js, microCMS
インフラ・ホスティング Cloudflare (Pages)
開発環境・ツール GitHub, Google Antigravity

使用素材

画像素材 いらすとや
フォント Google Fonts（SIL Open Font License 1.1）
SE・BGM 魔王魂 / 効果音ラボ / PANICPUMPKIN
アイコン Simple Icons（CC0 1.0 Universal）