HTML5とJavaScriptで作る タワーディフェンス 全コード d_471378 raw pdf 無料 hitomi

HTML5とJavaScriptで作る タワーディフェンス 全コード 画像1
HTML5とJavaScriptで作る タワーディフェンス 全コード 画像1
HTML5とJavaScriptで作る タワーディフェンス 全コード 画像2
HTML5とJavaScriptで作る タワーディフェンス 全コード 画像2
HTML5とJavaScriptで作る タワーディフェンス 全コード 画像3
HTML5とJavaScriptで作る タワーディフェンス 全コード 画像3
HTML5とJavaScriptで作る タワーディフェンス 全コード 画像4
HTML5とJavaScriptで作る タワーディフェンス 全コード 画像4
HTML5とJavaScriptで作る タワーディフェンス 全コード 画像5
HTML5とJavaScriptで作る タワーディフェンス 全コード 画像5
HTML5とJavaScriptで作る タワーディフェンス 全コード 画像6
HTML5とJavaScriptで作る タワーディフェンス 全コード 画像6
HTML5とJavaScriptで作る タワーディフェンス 全コード 画像7
HTML5とJavaScriptで作る タワーディフェンス 全コード 画像7
HTML5とJavaScriptで作る タワーディフェンス 全コード 画像8
HTML5とJavaScriptで作る タワーディフェンス 全コード 画像8
続きを読む▶ 

HTML5とJavaScriptで作る タワーディフェンス 全コード 作品詳細

続きを読む▶ 

「タワーディフェンス」ゲームの全コードを掲載して解説した本です。HTML5+JavaScriptで、ライブラリを使わずに開発しています。

サンプルとして『Defense++』と『アマビエディフェンス』という、2本のタワーディフェンス ゲームが付属します。

実際に遊べるタワーディフェンス ゲームを試しながら、その中身を確認できる技術書です。シンプルなコードなので理解しやすいです。

本書を通して、ゲーム開発の勘所をつかんでいただければと思います。

● 簡略化した目次

第1章 全体像
第2章 HTML、CSS、main.js他
第3章 タイトル シーン
第4章 ディフェンス シーン
第5章 ゲーム処理
第6章 描画処理
第7章 ゲーム基本関数
第8章 リソース管理関数

● 詳細な目次

第1章 全体像
・1-1 作る「タワーディフェンス」の仕様
・1-2 大まかな分類
・1-3 js-game/utl.js

第2章 HTML、CSS、main.js他
・2-1 index.html
・2-2 CSS
・2-3 js-main/main.js
・2-4 js-main/globalData-GD.js
・2-5 js-main/globalData-UD.js
・2-6 シーンの構造

第3章 タイトル シーン
・3-1 js-main/scn.titile.js

第4章 ディフェンス シーン
・4-1 js-main/scn.defense.js
・4-2 js-main/scn.defense-initBtn.js

第5章 ゲーム処理
・5-1 Defense
・5-2 Enemy
・5-3 Tower
・5-4 Bullet

第6章 描画処理
・6-1 基本
・6-2 Enemy, Tower, Bullet

第7章 ゲーム基本関数
・7-1 js-game/game.core.js
・7-2 js-game/game.anim.js
・7-3 js-game/game.canvas.js
・7-4 js-game/game.view.js
・7-5 js-game/game.ui.js
・7-6 js-game/game.screenshot.js

第8章 リソース管理関数
・8-1 js-game/resouce.image.js
・8-2 js-game/resouce.font.js

FANZA
続きを読む▶ 

WEB SERVICE BY FANZA