遊べる作れる TypeScriptタワーディフェンス全コード
サークル: るてんのお部屋
ジャンル: ファンタジー 全年齢向け 評論 男性向け コミケ108（2026夏）
■ 内容紹介
実際に遊べるタワーディフェンスを、TypeScriptで作っていく本です。
遊べるゲームと、全コードが付いてきます。
内部処理のコードが中心です。
標準ライブラリだけで作っており、外部のライブラリは利用していません。
シンプルなゲーム用の処理を自作するところから組み立てていきます。
■ 章目次
● 第1章説明と全体像
● 第2章開発の準備
● 第3章HTML・CSS・フォント・画像
● 第4章main.tsとゲームデータ
● 第5章ゲーム用ライブラリを作る1
● 第6章ゲーム用ライブラリを作る2
● 第7章タイトル画面
● 第8章ディフェンス画面
● 第9章コア部分
● 第10章描画処理
● 第11章ゲーム処理
● 第12章終了処理
■ 詳細目次
● 第1章説明と全体像
・今回作るゲームの説明
・ゲームのストーリー
・プロジェクトの全体像
● 第2章開発の準備
・TypeScriptについて
・Node.jsの導入
・TypeScriptの導入
・プロジェクトの構成
・設定ファイルの作成
・ビルドの方法
・実行の方法
● 第3章HTML・CSS・フォント・画像
・開始HTMLファイルindex.html
・CSSをまとめて読み込むmain.css
・アプリケーションのCSSapp.css
・ダイアログ用CSSdialog.css
・フォントについて
・画像について
● 第4章main.tsとゲームデータ
・プログラムのエントリーポイントmain.ts
・ゲームデータとユーザーデータ
・ゲームの固定データdata-gd.ts
・レイアウトのデータdata-gd-layout.ts
・変動するユーザーデータdata-ud.ts
● 第5章ゲーム用ライブラリを作る1
・キャンバスの生成game-canvas.ts
・アニメーションと時間の管理game-anim.ts
・入力イベントの管理game-user-event.ts
・画面サイズ自動フィットgame-view-resize.ts
● 第6章ゲーム用ライブラリを作る2
・イメージ管理と描画resouce-image.ts
・フォント読み込み管理resouce-font.ts
・ユーティリティutl.ts
・乱数xors.ts
・ボタンgame-ui-btn.ts
・スクリーンショットgame-screenshot.ts
● 第7章タイトル画面
・タイトル画面scn-title.ts
● 第8章ディフェンス画面
・ディフェンス画面scn-defense.ts
・ボタン群の初期化scn-defense-init-btn.ts
・ディフェンス画面の補助scn-defense-sub.ts
● 第9章コア部分
・ゲーム コア部分defense-core.ts
・コスト地図生成defense-cost-map.ts
・ルート生成defense-route.ts
・盤面選択defense-sel-board.ts
● 第10章描画処理
・盤面描画draw-brd-bg.ts
・情報描画draw-info.ts
・塔描画draw-tower.ts
・敵描画draw-enemy.ts
・弾描画draw-bullet.ts
● 第11章ゲーム処理
・敵の生成enemy.ts
・敵の移動enemy-move.ts
・塔の処理tower.ts
・塔の攻撃tower-attack.ts
・弾の処理bullet.ts
● 第12章終了処理
・終了エフェクトdraw-ef.ts
・ダイアログ生成game-dialog.ts
・ゲーム終了処理defense-end.ts
・終了時スクリーンショットdefense-end-ss.ts
