├── 9781430232919.jpg ├── Chapter 1 └── Basic HTML5 Page.html ├── Chapter 2 ├── Adding JavaScript.html └── The DOM.html ├── Chapter 3 ├── 2D Rendering Context.html ├── Adding text.html ├── Changing Colour and Style.html ├── Drawing Basic Shapes.html ├── Erasing the canvas.html ├── Making canvas fill the browser window.html └── canvas.css ├── Chapter 4 ├── Complex paths.html ├── Compositing.html ├── Exporting the canvas.html ├── Gradients.html ├── Saving and restoring state.html ├── Shadows.html └── Transformations.html ├── Chapter 5 ├── Accessing pixel values.html ├── Applying basic effects to an image.html ├── Creating an image from scratch.html ├── Loading an image.html ├── Manipulating video.html ├── Resizing and cropping images.html ├── Saving an image.html ├── Transforming images.html ├── example.jpg ├── example.mp4 └── example.ogg ├── Chapter 6 ├── Bouncing objects off a boundary.html ├── Building an animation loop.html ├── Making things move.html └── Remembering shapes to be drawn.html ├── Chapter 7 ├── Animating with physics.html ├── asteroids.js └── canvas.css ├── Chapter 8 ├── game.css ├── game.js └── index.html ├── Chapter 9 ├── game.css ├── game.js ├── index.html └── sounds │ ├── background.mp3 │ ├── background.ogg │ ├── death.mp3 │ ├── death.ogg │ ├── thrust.mp3 │ └── thrust.ogg ├── LICENSE.txt ├── README.md └── contributing.md /9781430232919.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/9781430232919.jpg -------------------------------------------------------------------------------- /Chapter 1/Basic HTML5 Page.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 1/Basic HTML5 Page.html -------------------------------------------------------------------------------- /Chapter 2/Adding JavaScript.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 2/Adding JavaScript.html -------------------------------------------------------------------------------- /Chapter 2/The DOM.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 2/The DOM.html -------------------------------------------------------------------------------- /Chapter 3/2D Rendering Context.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 3/2D Rendering Context.html -------------------------------------------------------------------------------- /Chapter 3/Adding text.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 3/Adding text.html -------------------------------------------------------------------------------- /Chapter 3/Changing Colour and Style.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 3/Changing Colour and Style.html -------------------------------------------------------------------------------- /Chapter 3/Drawing Basic Shapes.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 3/Drawing Basic Shapes.html -------------------------------------------------------------------------------- /Chapter 3/Erasing the canvas.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 3/Erasing the canvas.html -------------------------------------------------------------------------------- /Chapter 3/Making canvas fill the browser window.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 3/Making canvas fill the browser window.html -------------------------------------------------------------------------------- /Chapter 3/canvas.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 3/canvas.css -------------------------------------------------------------------------------- /Chapter 4/Complex paths.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 4/Complex paths.html -------------------------------------------------------------------------------- /Chapter 4/Compositing.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 4/Compositing.html -------------------------------------------------------------------------------- /Chapter 4/Exporting the canvas.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 4/Exporting the canvas.html -------------------------------------------------------------------------------- /Chapter 4/Gradients.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 4/Gradients.html -------------------------------------------------------------------------------- /Chapter 4/Saving and restoring state.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 4/Saving and restoring state.html -------------------------------------------------------------------------------- /Chapter 4/Shadows.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 4/Shadows.html -------------------------------------------------------------------------------- /Chapter 4/Transformations.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 4/Transformations.html -------------------------------------------------------------------------------- /Chapter 5/Accessing pixel values.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 5/Accessing pixel values.html -------------------------------------------------------------------------------- /Chapter 5/Applying basic effects to an image.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 5/Applying basic effects to an image.html -------------------------------------------------------------------------------- /Chapter 5/Creating an image from scratch.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 5/Creating an image from scratch.html -------------------------------------------------------------------------------- /Chapter 5/Loading an image.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 5/Loading an image.html -------------------------------------------------------------------------------- /Chapter 5/Manipulating video.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 5/Manipulating video.html -------------------------------------------------------------------------------- /Chapter 5/Resizing and cropping images.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 5/Resizing and cropping images.html -------------------------------------------------------------------------------- /Chapter 5/Saving an image.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 5/Saving an image.html -------------------------------------------------------------------------------- /Chapter 5/Transforming images.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 5/Transforming images.html -------------------------------------------------------------------------------- /Chapter 5/example.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 5/example.jpg -------------------------------------------------------------------------------- /Chapter 5/example.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 5/example.mp4 -------------------------------------------------------------------------------- /Chapter 5/example.ogg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 5/example.ogg -------------------------------------------------------------------------------- /Chapter 6/Bouncing objects off a boundary.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 6/Bouncing objects off a boundary.html -------------------------------------------------------------------------------- /Chapter 6/Building an animation loop.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 6/Building an animation loop.html -------------------------------------------------------------------------------- /Chapter 6/Making things move.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 6/Making things move.html -------------------------------------------------------------------------------- /Chapter 6/Remembering shapes to be drawn.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 6/Remembering shapes to be drawn.html -------------------------------------------------------------------------------- /Chapter 7/Animating with physics.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 7/Animating with physics.html -------------------------------------------------------------------------------- /Chapter 7/asteroids.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 7/asteroids.js -------------------------------------------------------------------------------- /Chapter 7/canvas.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 7/canvas.css -------------------------------------------------------------------------------- /Chapter 8/game.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 8/game.css -------------------------------------------------------------------------------- /Chapter 8/game.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 8/game.js -------------------------------------------------------------------------------- /Chapter 8/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 8/index.html -------------------------------------------------------------------------------- /Chapter 9/game.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 9/game.css -------------------------------------------------------------------------------- /Chapter 9/game.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 9/game.js -------------------------------------------------------------------------------- /Chapter 9/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 9/index.html -------------------------------------------------------------------------------- /Chapter 9/sounds/background.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 9/sounds/background.mp3 -------------------------------------------------------------------------------- /Chapter 9/sounds/background.ogg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 9/sounds/background.ogg -------------------------------------------------------------------------------- /Chapter 9/sounds/death.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 9/sounds/death.mp3 -------------------------------------------------------------------------------- /Chapter 9/sounds/death.ogg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 9/sounds/death.ogg -------------------------------------------------------------------------------- /Chapter 9/sounds/thrust.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 9/sounds/thrust.mp3 -------------------------------------------------------------------------------- /Chapter 9/sounds/thrust.ogg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/Chapter 9/sounds/thrust.ogg -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/LICENSE.txt -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/README.md -------------------------------------------------------------------------------- /contributing.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/foundation-html5-canvas/HEAD/contributing.md --------------------------------------------------------------------------------