Making Isometric Social Real-Time Games with HTML5, CSS3, and JavaScript

نویسنده :mario andres pagella

1. Graphics Foundations: Canvas and Sprites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Working with the canvas Object 1
Creating Smooth Animations 9
Working with Sprites 13
What’s at that Pixel? 17
Dealing with Transparency 21
Choosing a Rendering Method for Our Graphics 29
2. Making It Isometric . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
3. Interface Considerations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63
GUI Design and Interaction in Web Games 63
Implementing the GUI 65
4. HTML5 Sound and Processing Optimization . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
Adding Sound with the Audio Element 81
Managing Computationally Expensive Work with the Web Workers API 91
Local Storage and Session Storage 99
5. Connecting the Game to People . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105
Cheat Prevention and Server-Side Operations 105
The Path to the Final Game 111
Polishing the Game 124
Adding a Social Networking Layer Using Facebook 130