HTML5 Canvas: Native Interactivity and Animation for the Web

Preface; Running the Examples in the Book; What You Need to Know; How This Book Is Organized; Conventions Used in This Book; Using Code Examples; Wed Like to Hear from You; Safari® Books Online; Acknowledgments; Chapter 1: Introduction to HTML5 Canvas; 1.1 The Basic HTML Page; 1.2 Basic HTML We Will Use in This Book; 1.3 The Document Object Model (DOM) and Canvas; 1.4 JavaScript and Canvas; 1.5 HTML5 Canvas “Hello World!”; 1.6 Debugging with Console.log; 1.7 The 2D Context and the Current State; 1.8 The HTML5 Canvas Object; 1.9 Another Example: Guess The Letter; 1.10 Whats Next; Chapter 2: Drawing on the Canvas; 2.1 The Basic File Setup for This Chapter; 2.2 The Basic Rectangle Shape; 2.3 The Canvas State; 2.4 Using Paths to Create Lines; 2.5 Advanced Path Methods; 2.6 Compositing on the Canvas; 2.7 Simple Canvas Transformations; 2.8 Filling Objects with Colors and Gradients; 2.9 Filling Shapes with Patterns; 2.10 Creating Shadows on Canvas Shapes; 2.11 Whats Next; Chapter 3: The HTML5 Canvas Text API; 3.1 Displaying Basic Text; 3.2 Setting the Text Font; 3.3 Text and the Canvas Context; 3.4 Text with Gradients and Patterns; 3.5 Width, Height, Scale, and toDataURL() Revisited; 3.6 Final Version of Text Arranger; 3.7 Whats Next; Chapter 4: Images on the Canvas; 4.1 The Basic File Setup for This Chapter; 4.2 Image Basics; 4.3 Simple Cell-Based Sprite Animation; 4.4 Advanced Cell-Based Animation; 4.5 Applying Rotation Transformations to an Image; 4.6 Creating a Grid of Tiles; 4.7 Zooming and Panning an Image; 4.8 Pixel Manipulation; 4.9 Copying from One Canvas to Another; 4.10 Whats Next; Chapter 5: Math, Physics, and Animation; 5.1 Moving in a Straight Line; 5.2 Bouncing Off Walls; 5.3 Curve and Circular Movement; 5.4 Simple Gravity, Elasticity, and Friction; 5.5 Easing; 5.6 Whats Next?; Chapter 6: Mixing HTML5 Video and Canvas; 6.1 HTML5 Video Support; 6.2 Converting Video Formats; 6.3 Basic HTML5 Video Implementation; 6.4 Preloading Video in JavaScript; 6.5 Video and the Canvas; 6.6 Video on the Canvas Examples; 6.7 Animation Revisited: Moving Videos; 6.8 Whats Next?; Chapter 7: Working with Audio; 7.1 The Basic <audio> Tag; 7.2 Audio Formats; 7.3 Audio Tag Properties, Functions, and Events; 7.4 Playing a Sound with No Audio Tag; 7.5 Creating a Canvas Audio Player; 7.6 Case Study in Audio: Space Raiders Game; 7.7 Whats Next; Chapter 8: Canvas Game Essentials; 8.1 Why Games in HTML5?; 8.2 Our Basic Game HTML5 File; 8.3 Our Games Design; 8.4 Game Graphics: Drawing with Paths; 8.5 Animating on the Canvas; 8.6 Applying Transformations to Game Graphics; 8.7 Game Graphic Transformations; 8.8 Game Object Physics and Animation; 8.9 A Basic Game Framework; 8.10 Putting It All Together; 8.11 The player Object; 8.12 Geo Blaster Game Algorithms; 8.13 The Geo Blaster Basic Full Source; 8.14 Rock Object Prototype; 8.15 Whats Next; Chapter 9: Combining Bitmaps and Sound; 9.1 Geo Blaster Extended; 9.2 Creating a Dynamic Tile Sheet at Runtime; 9.3 A Simple Tile-Based Game; 9.4 Whats Next; Chapter 10: Mobilizing Games with PhoneGap; 10.1 Going Mobile!; 10.2 Creating the iOS Application with PhoneGap; 10.3 Beyond the Canvas; 10.4 Whats Next; Chapter 11: Further Explorations; 11.1 3D with WebGL; 11.2 Multiplayer Applications with ElectroServer 5; 11.3 Conclusion; Colophon;