ダンジョンを探検するアクションゲームの全コードを掲載して解説した本です。HTML5+JavaScriptで、ライブラリを使わずに開発しています。 サンプルのコードが付いており、実際に遊ぶことができます。遊んだり、改造したりしながら、ゲームの中身を確認できる技術書です。 ● ゲームの特徴 ・画面をタップして、その方向にキャラクターが移動する。 ・迷路の要素を含んだダンジョンを自動的に生成する。 ・鍵を取って、ゴールの扉まで移動するとクリアという、イベント要素が入っている。 ・イベントが起きると、ドット絵のダイアログを表示する。 ・移動速度やアルゴリズムの違う敵が、ダンジョン内を徘徊している。 ・敵に当たると死亡する。 ・レトロゲーム風に、ドットのみで構成された画面を表示する。 ・外部ライブラリを使わない。 ● 目次 第1部:枠組み ・第1章:ゲームの構造と素材 ・第2章:HTML、CSS、main.js他 ・第3章:ゲームの基本処理 第2部:ゲーム本体 ・第4章:タイトル シーン ・第5章:ゲームのデータ ・第6章:ダンジョン生成1 アルゴリズム ・第7章:ダンジョン生成2 コード ・第8章:敵 ・第9章:移動処理 ・第10章:マップ シーン1 初期化 ・第11章:マップ シーン2 移動とイベント ・第12章:マップ シーン3 描画 第3部:基本処理 ・第13章:基本処理 ・第14章:リソース ・第15章:ユーティリティ ・第16章:UI部品
FANZA









