Getting Started with Paths and Text
Unlocking the power of fractals: Drawing a haunted tree
Working with custom shapes and fill styles
Fun with Bezier curves: drawing a cloud
Working with the context state stack to save and restore styles
Working with composite operations
Creating patterns with loops: drawing a gear
Randomizing shape properties: drawing a field of flowers
Creating custom shape functions: playing card suits
Putting it all together: drawing a jet
Working with Images and Videos
Copying and pasting sections of the canvas
Introduction to pixel manipulation: inverting image colors
Converting image colors to grayscale
Converting a canvas drawing into a data URL
Saving a canvas drawing as an image
Loading the canvas with a data URL
Creating a pixelated image focus
Translating the canvas context
Handling multiple transforms with the state stack
Transforming a circle into an oval
Drawing a simple logo and randomizing its position, rotation, and scale
Bringing the Canvas to Life with Animation
Creating microscopic life forms
Stressing the canvas and displaying the FPS
Interacting with the Canvas: Attaching Event Listeners to Shapes and Regions
Working with canvas mouse coordinates
Attaching mouse event listeners to regions
Attaching touch event listeners to regions on a mobile device
Attaching event listeners to images
Creating a drawing application
Plotting data points with a line chart
Saving the World with Game Development
Creating sprite sheets for the heroes and enemies
Creating level images and boundary maps
Creating an Actor class for the hero and enemies
Setting up the HTML document and starting the game
Creating a WebGL wrapper to simplify the WebGL API
Rotating a triangular plane in 3D space