HTML5 Canvas [259]
creating sound pool, Iteration #3: Creating a Sound Pool
creating unlimited dynamic sounds, Iteration #2: Creating Unlimited Dynamic Sound Objects
final code, The final code for Space Raiders, What’s Next
game structure, Space Raiders Game Structure, Playing the game, State machine, Initializing the game: no global variables, Preloading all assets without global variables, Resetting the game, Mouse control, Bounding box collision detection, Playing the game
bounding box collision detection, Bounding box collision detection
initializing game, Initializing the game: no global variables
mouse control, Mouse control
playing the game, Playing the game
preloading assets, Preloading all assets without global variables
resetting the game, Resetting the game
state machine, State machine
other possible improvements, Other stuff you could do to improve the game
playing sounds using single object, Iteration #1: Playing Sounds Using a Single Object
reusing preloaded sounds, Iteration #4: Reusing Preloaded Sounds, Iteration #4: Reusing Preloaded Sounds
sounds and games, Why Sounds in Apps Are Different: Event Sounds
speed, Moving on a Vector, Multiple Balls Bouncing Off Walls
magnitude of movement, Moving on a Vector
multiple balls bouncing, Multiple Balls Bouncing Off Walls
SpiderGL library, SpiderGL
spiral, moving in, Moving in a Simple Spiral, Cubic Bezier Curve Movement
sprite sheet, Copying Part of an Image to the Canvas
SpriteLib, Displaying an Image on the Canvas with drawImage()
sqrt( ) function, Math object, Moving Between Two Points: The Distance of a Line
src property, The drawScreen() Function, Image Basics, Basic HTML5 Video Implementation, Dynamically Creating an Audio Element in JavaScript
Image objects, The drawScreen() Function, Image Basics
setting for audio element, Dynamically Creating an Audio Element in JavaScript
videos, Basic HTML5 Video Implementation
stack, saving and retrieving current canvas, The Canvas Stack
state, The Canvas State, What’s Not Part of the State?, How Do We Save and Restore the Canvas State?, Lesson 1: Transformations are applied to shapes and paths drawn after the setTransform() or other transformation function is called
current path and current bitmap, not included in, What’s Not Part of the State?
drawing states, The Canvas State
rotation and Canvas state, Lesson 1: Transformations are applied to shapes and paths drawn after the setTransform() or other transformation function is called
saving and restoring, How Do We Save and Restore the Canvas State?
state functions, The Game State Machine, Game application state functions, Adding pooling variables to our game, The Enemy, Simple Homegrown AI Overview
animateEnemy( ) game state function, The Enemy
gameStateEnemyMove( ) function, Simple Homegrown AI Overview
overview, Simple Homegrown AI Overview
gameStateInit( ) function, Adding pooling variables to our game
Geo Blaster Basic game (example), Game application state functions
state machine, State machine, Initializing the game: no global variables, Preloading all assets without global variables, Resetting the game, Playing the game, The Game State Machine, The Game State Machine, Turn-Based Game Flow and the State Machine, GAME_STATE_PLAYER_LOSE
application states, Space Raiders game, State machine, Initializing the game: no global variables, Preloading all assets without global variables, Resetting the game, Playing the game
STATE_INIT, Initializing the game: no global variables
STATE_LOADING, Preloading all assets without global variables
STATE_PLAYING, Playing the game
STATE_RESET, Resetting the game
for games, The Game State Machine, The Game State Machine
Micro Maze Tank game, turn-based game