レトロゲーム風RPGの全コードを掲載して解説した本です。HTML5＋JavaScriptで、ライブラリを使わずにゼロから開発しています。サンプルとして『OheyaQuest』という、マップ自動生成タイプのRPGが付属します。 実際に遊べるRPGを試しながら、その中身を確認できる技術書です。シンプルなコードなので理解しやすいです。 サンプルゲーム『OheyaQuest』の紹介もします。広いマップを自由に旅して、街を回ってアイテムや呪文を集めます。最後は城に行き、闇の王を倒すとクリアです。10分ほどで遊べます。 本書を通して、ゲーム開発の勘所をつかんでいただければと思います。 ● 簡略化した目次 第1章 全体像 第2章 HTML、CSS、main.js他 第3章 ゲーム基本関数 第4章 リソース管理関数 第5章 タイトル シーン 第6章 マップ シーン 第7章 イベント シーン 第8章 バトル シーン ● 詳細な目次 第1章 全体像 ・1-1 作るRPGの仕様 ・1-2 ファイル構造 ・1-3 大まかな分類 ・1-4 js-game/nest.js ・1-5 シーンのファイルの構造 第2章 HTML、CSS、main.js他 ・2-1 index.html ・2-2 css/main.css ・2-3 js-main/main.js ・2-4 js-main/utl.dat.js ・2-5 js-main/utl.lvl.js 第3章 ゲーム基本関数 ・3-1 js-game/game.core.js ・3-2 js-game/game.anim.js ・3-3 js-game/game.canvas.js ・3-4 js-game/game.view.js 第4章 リソース管理関数 ・4-1 js-game/resouce.image.js ・4-2 js-game/resouce.sound.js 第5章 タイトル シーン ・5-1 js-main/scn.titile.js ・5-2 js-main/utl.genMap.js 第6章 マップ シーン ・6-1 js-main/scn.map..js ・6-2 js-main/scn.map.move.js ・6-3 js-main/scn.map.drawMap.js ・6-4 js-main/scn.map.checkEvnt.js ・6-5 js-main/scn.map.drawFullMap.js ・6-6 js-main/utl.ui.js ・6-7 js-main/utl.ui2.js 第7章 イベント シーン ・7-1 js-main/scn.event.js 第8章 バトル シーン ・8-1 js-main/scn.battle..js ・8-2 js-main/scn.battle.calc.js ・8-3 js-main/scn.battle.menu.js ・8-4 js-main/scn.battle.drwBtl.js ・8-5 js-main/scn.battle.drwEf.js ・8-6 js-main/scn.battle.proc.js
FANZA
同人作品レトロ風RPG フルスクラッチ開発 全コード詳細
【PR】