Distribution Permission
- Supporting website
Disclosures
Disclaimer
About this Workbook
- Links and References
- Workbook Content
- How to Read & Use this workbook:
- Viewing this eBook:
- Who should use this workbook?
Your newly obtained skills …
Game Design Resources
- Game Studio - Book Series
- Game Studio - Online Courses
- “Making Browser Games” - Books Series
- “Making Browser Games” Series - online Courses
- Programming Courses
- “Walk-Thru Tutorial” Series - Online Courses
- IMaking an HTML5 Games
1Introduction to Game Design
- Approaching Game Development
- Focusing Your Game
- 1.1Game Genre Defined
- GG Interactive — Game Design Course
- 1.2Game Tools & Generators
- 1.3References From
2Standard Project Setup
- 2.1Barebones Set-up
- 2.2Standardized File Structure
- 2.3Web Server Required - Batteries not included!
3Starting a Game Project
- 3.1Step 0: Review your competition and their games
- Game Examples
- 3.2Step 1: Create your “front-door”
- 3.3Step 2. Create your “Game Shell” & Phases
- Critical Rendering Path
- Network Impact
- Gamer’s Local Activity
- D.R.Y. Speed Limit - 5 GPH (Games Per Hour)!
- 3.4Select a JS Format
- ES5 Format
- ES6+ Format as “FAT Arrow” Function
- ES6+ Format as “Phaser.Class”
- Introducing the “Stamp Specification”
- ES6+ Format as “Phaser.Scene”
- IIPart II: Making “Adventure” Online Games
4Adventure — Core Game Construction
- 4.1Game Project Overview
- 4.2Our Goal
- 4.3Adventure Genre Description
- Historical background
- 4.4Game Mechanics (GM) - Logic & Rules
- “13 Rogue likeness Factors”
- 4.5Game Mechanics (GM) - Data Structure
- 4.6Game Recipe™ Featured Ingredients
5Design Considerations
- 5.1Story Plot Generation
- 5.2Story Generation Tools
- 5.3Tile-Maps are Dead! Long live … Say what?
- The Answer comes from Web Design Engineers:
- 5.4Separation of Concerns (SoC)
- Why should I care? … put a “SoC” in it!
6Labyrinth Generation Methods
- 6.1Fixed Generation (2D Frutti)
- To infinity and beyond …
- Arrayed pros and cons
- Linked pros and cons
- 6.2Fixed-Grid & Dynamic Rooms (2D Frutti with sprinkles)
- 6.3Pure Linear Labyrinths
- Eller’s Algorithm
- Rules for Creating the Perfect Maze
- Depth-First Search (DFS)
- 6.4Open-path Worlds
7Adventures & Mazes Core Functions
- 7.1Step 3: Create “Play.js”
- 7.2Step 4: Create Supporting functions.
- 7.3Conclusion
8Phaser v3.16+ Code Review
- 8.1MainJS - p3_2DRooms-mainJS.pdf
- 8.2DemoJS - p3_2DRoomsDemoJS.pdf
- Lines 61 to 292
- Lines 293 to 298
- Lines 301 to 315
- Lines 318 to 376
- Lines 379 to 431
9Phaser v2.x.x Code Review
- 9.1MainJS - v2_phaser2DRoomsJS.pdf
- 9.2DemoJS - v2_phaser2DRoomsDemoJS.pdf
- Lines 212 to 294
- Lines 294 to 306
- Lines 305 to 350
10The CMS Game Shell!
- 10.1Generic
- 10.2Generic Boot.js
- 10.3Generic Preload.js
- 10.4Generic Splash.js or Language.js
- 10.5Generic Menu.js
- Sample CMS page — Credits.js
- Deeper Dive: Using JAMStack as an SSG …
- Visit JAMStack http://jamstack.org
- Deeper Dive: Static Site Generators (SSG)
- 10.6Inside each Game Phase
11Plug-in Enhancements
12Conclusion
13Bonus Development Content
- 13.1Selling Adventure Comics
- 13.2Procedural Content Generation (PCG)
- Chapter Source Code Summary
- PCG Wiki
- IIIWhat’s next?
- 13.3Game Distribution & Marketing
- “How to publish a game on the web??”
- Introduction: 8-Step Deployment Method.
- Shareably (SBLY) looking to rent your Phaser games
- 13.4Book Review Protocol
- 13.5Tell the world about your game!
- Appendix
More Resources
- JavaScript Garden
- Additional Appendices
- Other resources:
- Selling your Game Assets
Appendix: Online Game Development
Appendix: Making WebXR Games!
Appendix: Phaser III Plugins
Appendix: “How to Start a WebSocket”
- Testing Your Browser
- Test sites:
- WebSocket Protocol Handshake
- Deeper Dive: WebSocket API
- Sample Source Code: Client-side WebSocket
- Step #1: Game
indexpage - Step #2: Generate Event handlers
Appendix: Ruins of Able-Wyvern™:
- Source Code is here (online)
- Online Live Demonstrations:
- Appendix: OLOO - Safe JavaScript
- JS Objects: “TL;DR”
- 15.2.2 Inside the body of a class definition
- Deeper Dive: JS Delegation (aka “Inheritance”?)
- The old way
- “Object-Oriented JavaScript Pattern Comparison”
- ECMA-262 7th Edition / June 2016
- Objects Linking to Other Objects (OLOO)
- Compare your code
- Object.create
- Exercise Lesson 9:
- Exercise 1
- Game Singletons
- Deeper Dive: Object Manipulation objects in ES5/6
- Lesson Summary
- Resource References: