HTML5 Canvas [263]
alpha fading player ship (game example), Alpha Fading the Player Ship
animating transformed image, Animating a Transformed Image, Animating a Transformed Image
applying to game graphics, Applying Transformations to Game Graphics, The Canvas Stack
Canvas transformation basics, Canvas Transformation Basics, Step 4: Draw the image
combining rotation, animation, and movement, Animating a Transformed Image, Displaying the map on the canvas
combining scale and rotation transformations, Combining Scale and Rotation Transformations
prerendering as bitmaps for Geo Blaster Extended, Geo Blaster Tile Sheet
rotating game player ship from center (example), Game Graphic Transformations, Alpha Fading the Player Ship
rotation and translation, Rotation and Translation Transformations, Lesson 2: We must “translate” the point of origin to the center of our shape to rotate it around its own center
scale, Scale Transformations
video, rotation transformation, Canvas Video Transformations: Rotation, Canvas Video Puzzle
translate( ) function, Lesson 2: We must “translate” the point of origin to the center of our shape to rotate it around its own center
translations, Lesson 2: We must “translate” the point of origin to the center of our shape to rotate it around its own center, Scale Transformations
performing before scale transforms, Scale Transformations
in rotation transformations, Lesson 2: We must “translate” the point of origin to the center of our shape to rotate it around its own center
transparency, Compositing on the Canvas, Global Alpha and Text
controlling with globalAlpha property, Compositing on the Canvas
globalAlpha property and text, Global Alpha and Text
turn-based game flow, state machine and, Turn-Based Game Flow and the State Machine, GAME_STATE_PLAYER_LOSE
U
Unique ID, finding for physical mobile device, Step 2: Find the device’s Unique ID
update-collide-render cycle, Separating the code in drawScreen()
update/render (repeat) cycle, The Update/Render (Repeat) Cycle, The Update/Render (Repeat) Cycle
useCapture option, HTML5 Canvas “Hello World!”
UTF-8 character encoding,
V
variables, Encapsulating Your JavaScript Code for Canvas, The “Guess The Letter” Game Variables
encapsulating for Canvas applications, Encapsulating Your JavaScript Code for Canvas
Guess The Letter game (example), The “Guess The Letter” Game Variables
vectors, Moving on a Vector, Bouncing Off Walls, Simple Gravity
moving object on, Moving on a Vector, Bouncing Off Walls
object moving on, simple gravity with, Simple Gravity
velocity (maximum), giving to player ship (example), Giving the Player Ship a Maximum Velocity
Vertex Color buffer, WebGL application, Initialization in canvasApp()
Vertex Index buffer, WebGL application, Initialization in canvasApp()
vertex shaders, Shaders
vertical alignment of text, Vertical alignment
vertical linear gradients, Vertical gradients
video, Image Patterns and Text, Mixing HTML5 Video and Canvas, What’s Next?, HTML5 Video Support, Converting Video Formats, Basic HTML5 Video Implementation, Preloading Video in JavaScript, Plain-Vanilla Video Embed, Video with Controls, Loop, and Autoplay, Altering the Width and Height of the Video, Preloading Video in JavaScript, Preloading Video in JavaScript, A Problem with Events and Embedded Video in HTML5, A Problem with Events and Embedded Video in HTML5, Displaying a Video on HTML5 Canvas, HTML5 Video Properties, HTML5 Video Properties, Video on the Canvas Examples, Using the currentTime Property to Create Video Events, Canvas Video Transformations: Rotation, Canvas Video Transformations: Rotation, Canvas Video Puzzle, Canvas Video Puzzle, Creating Video Controls on the Canvas, Creating Video Controls on the Canvas, Animation Revisited: Moving Videos, Animation Revisited: Moving Videos, Animation Revisited: Moving Videos
animation, Animation Revisited: