• Choose a category
• All
• Classic-Fiction

setTransform( ) method, Lesson 1: Transformations are applied to shapes and paths drawn after the setTransform() or other transformation function is called

shadow properties, Creating Shadows on Canvas Shapes, Global Shadows and Text, Text with Gradients and Patterns

strokeColor property, fillText and strokeText

strokeRect( ) method, The drawScreen() Function

strokeText( ) method, fillText and strokeText

textAlign property, Horizontal alignment

textBaseline property, Vertical alignment

translate( ) method, Lesson 2: We must “translate” the point of origin to the center of our shape to rotate it around its own center

controls, Video with Controls, Loop, and Autoplay, HTML5 Video Properties, Creating Video Controls on the Canvas, Animation Revisited: Moving Videos, Preloading the buttons, Placing the buttons, Listening for the button presses, Listening for the button presses, Animation Revisited: Moving Videos, The Basic

controls property, audio objects, The Basic

setting, Example: Using All Three Formats

controls property, videos, HTML5 Video Properties

creating custom user controls for audio player, Creating Custom User Controls on the Canvas, Loading the Button Assets, Setting Up the Audio Player Values, Mouse Events, Sliding Play Indicator, Play/Pause Push Button: Hit Test Point Revisited, Loop/No Loop Toggle Button, Click-and-Drag Volume Slider, Volume slider functionality, Volume slider functionality, Case Study in Audio: Space Raiders Game

hit/pause push button, Play/Pause Push Button: Hit Test Point Revisited

loading button assets, Loading the Button Assets

loop toggle button, Loop/No Loop Toggle Button

mouse event handlers, Mouse Events

setting values for placement of, Setting Up the Audio Player Values

sliding play indicator, Sliding Play Indicator

source code for custom player, Volume slider functionality, Case Study in Audio: Space Raiders Game

volume slider, Click-and-Drag Volume Slider, Volume slider functionality

creating video controls on Canvas, Creating Video Controls on the Canvas, Animation Revisited: Moving Videos, Preloading the buttons, Placing the buttons, Listening for the button presses, Listening for the button presses, Animation Revisited: Moving Videos

listening for button presses, Listening for the button presses

placing the buttons, Placing the buttons

preloading buttons, Preloading the buttons

source code, Listening for the button presses, Animation Revisited: Moving Videos

video, Video with Controls, Loop, and Autoplay

converters for video formats, Converting Video Formats

CopperLicht library, CopperLicht

copying image data from one canvas to another, Copying from One Canvas to Another, Copying from One Canvas to Another

copying part of image to Canvas, Copying Part of an Image to the Canvas

cosine, Moving on a Vector

counters, Creating an Animation Frame Counter, Creating an Animation Array, The FrameRateCounter Object Prototype, Putting It All Together

creating animation frame counter, Creating an Animation Frame Counter

FrameRateCounter object prototype, The FrameRateCounter Object Prototype, Putting It All Together

tracking current index of animation array, Creating an Animation Array

CraftyMind.com, Animation Revisited: Moving Videos

createElement( ) method, document objects, Video must still be embedded in HTML, Dynamically Creating an Audio Element in JavaScript

createImageData( ) function, The Canvas Pixel Manipulation API

createLinearGradient( ) method, context objects, Linear horizontal gradients, Radial gradients, Linear Gradients and Text

createPattern(