Making Isometric Social Real-Time Games with HTML5, CSS3, and Javascript (repost)
Andres Pagella, "Making Isometric Social Real-Time Games with HTML5, CSS3, and Javascript"
English | 2011 | ISBN: 1449304753 | 154 pages | PDF, epub | 8,6 +2 MB
English | 2011 | ISBN: 1449304753 | 154 pages | PDF, epub | 8,6 +2 MB
Walk through the process of designing and implementing from scratch an isometric real time game such as some of the most succesful Facebook Games. Applying HTML5, CSS3, and JavaScript, this piece shows how to build games using isometric map making, sprite animations, networking, social network integration, high performance rendering and game design.
Table of Contents
Chapter 1 Graphics Foundations: Canvas and Sprites
Working with the canvas Object
Creating Smooth Animations
Working with Sprites
What’s at that Pixel?
Choosing a Rendering Method for Our Graphics
Chapter 2 Making It Isometric
Chapter 3 Interface Considerations
GUI Design and Interaction in Web Games
Implementing the GUI
Chapter 4 HTML5 Sound and Processing Optimization
Adding Sound with the Audio Element
Managing Computationally Expensive Work with the Web Workers API
Local Storage and Session Storage
Chapter 5 Connecting the Game to People
Cheat Prevention and Server-Side Operations
The Path to the Final Game
Polishing the Game
Adding a Social Networking Layer Using Facebook