This is a book that lists and explains all the codes for a retro game style RPG. Developed from scratch using HTML5 + JavaScript without using any libraries. An automatic map generation type RPG called “OheyaQuest” is included as a sample.
This is a technical book that allows you to check out the contents of an RPG that you can actually play while trying it out. The code is simple and easy to understand.
We will also introduce the sample game “OheyaQuest”. Travel freely across a large map and collect items and spells as you travel around the city. At the end, go to the castle and defeat the Dark King to clear the game. You can play it in about 10 minutes.
I hope that you will be able to grasp the key points of game development through this book.
● Simplified table of contents
Chapter 1 Overall picture
Chapter 2 HTML, CSS, main.js, etc.
Chapter 3 Game basic functions
Chapter 4. Resource management functions
Chapter 5 Title Scene
Chapter 6 Map Scene
Chapter 7 Event Scene
Chapter 8 Battle Scene
● Detailed table of contents
Chapter 1 Overall picture
・1-1 Specifications of the RPG to be created
・1-2 File structure
・1-3 Rough classification
・1-4 js-game/nest.js
・1-5 Scene file structure
Chapter 2 HTML, CSS, main.js, etc.
・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
Chapter 3 Game basic functions
・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
Chapter 4. Resource management functions
・4-1 js-game/resource.image.js
・4-2 js-game/resource.sound.js
Chapter 5 Title Scene
・5-1 js-main/scn.titile.js
・5-2 js-main/utl.genMap.js
Chapter 6 Map Scene
・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
Chapter 7 Event Scene
・7-1 js-main/scn.event.js
Chapter 8 Battle Scene
・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
