HTML5 Canvas [251]
diagonal, Diagonal gradients
horizontal, Linear horizontal gradients, Applying a horizontal gradient to a complex shape, Linear horizontal gradients, Applying a horizontal gradient to a stroke, Applying a horizontal gradient to a complex shape
applying to a stroke, Applying a horizontal gradient to a stroke
applying to complex shape, Applying a horizontal gradient to a complex shape
on multiple objects, Linear horizontal gradients
text with, Linear Gradients and Text
vertical, Vertical gradients
lineCap property, context objects, The 2D Context and the Current State, The Actual Drawing, Examples of More Advanced Line Drawing
defining attributes, The Actual Drawing
using in more advanced line drawing, Examples of More Advanced Line Drawing
lineJoin property, context objects, context.lineCap, Examples of More Advanced Line Drawing
defining attributes, context.lineCap
using in more advanced line drawing, Examples of More Advanced Line Drawing
lines, Using Paths to Create Lines, Examples of More Advanced Line Drawing, Examples of More Advanced Line Drawing, Examples of More Advanced Line Drawing, Moving in a Straight Line, Moving on a Vector, Moving Between Two Points: The Distance of a Line
creating using paths, Using Paths to Create Lines, Examples of More Advanced Line Drawing, Examples of More Advanced Line Drawing, Examples of More Advanced Line Drawing
more advanced examples, Examples of More Advanced Line Drawing, Examples of More Advanced Line Drawing
finding length of, Moving Between Two Points: The Distance of a Line
moving in straight line, Moving in a Straight Line, Moving on a Vector
lineTo( ) method, context objects, The Actual Drawing
lineWidth property, context objects, The 2D Context and the Current State, lineWidth
setting, lineWidth
listeners for events, HTML5 Canvas “Hello World!”
(see also event handlers; events)
load event, window objects, HTML5 Canvas “Hello World!”
load( ) function, audio objects, Audio Functions
loading audio, Loading and Playing the Audio
Logg, Ed, Our Game’s Design
logging text messages to JavaScript console, Debugging with Console.log
logical display objects, arrays of, Arrays of Logical Display Objects
look and feel for iPhone-like application, Beyond the Canvas
loop property, Basic HTML5 Video Implementation, Video with Controls, Loop, and Autoplay, Important Audio Properties
audio objects, Important Audio Properties
video objects, Basic HTML5 Video Implementation, Video with Controls, Loop, and Autoplay
loop toggle button, Creating Custom User Controls on the Canvas, Setting Up the Audio Player Values, Loop/No Loop Toggle Button
implementing for canvas audio player, Loop/No Loop Toggle Button
values for placement of, Setting Up the Audio Player Values
M
magnitude (speed) of movement, Moving on a Vector
Makar, Jobe, Ball interactions in physics
math-based movement, Math, Physics, and Animation, Moving in a Straight Line, Moving on a Vector, Moving Between Two Points: The Distance of a Line
moving in straight line, Moving in a Straight Line, Moving on a Vector, Moving Between Two Points: The Distance of a Line
length of a line, Moving Between Two Points: The Distance of a Line
Math.atan2( ) function, Ball collisions in depth
Math.cos( ) function, Moving on a Vector, Ball collisions in depth
Math.PI, Moving on a Vector
Math.PI/180, context.arc()
Math.sin( ) function, Moving on a Vector, Ball collisions in depth
Math.sqrt( ) function, Moving Between Two Points: The Distance of a Line, Ball collisions in depth
measureText( ) method, context objects, Using measureText, Handling text baseline and alignment
tags,
Micro Tank Maze game (example), A Simple Tile-Based Game, What’s Next, Micro Tank Maze Description, The Tile Sheet for Our Game, The Playfield, The Player,