HTML5 Canvas [262]
Geo Blaster Extended (example), Geo Blaster Tile Sheet, Loading in sounds and tile sheet assets
loading, Loading in sounds and tile sheet assets
Micro Tank Maze game tile sheet, The Tile Sheet for Our Game
using in advanced cell-based animation, Advanced Cell-Based Animation, Moving the Image Across the Canvas, Choosing the Tile to Display, Looping Through the Tiles, Drawing the Tile
choosing tile to display, Choosing the Tile to Display
drawing tile on each iteration, Drawing the Tile
looping through tiles, Looping Through the Tiles
using in simple cell-based animation, Simple Cell-Based Sprite Animation, Changing the Tile to Display, Changing the Tile to Display
changing tile to display, Changing the Tile to Display
Tile Stamper application (example), Application Tile Stamper, The highlightTile() function, How ImageData.data is organized, Adding mouse events to the canvas, The highlightTile() function, The highlightTile() function
adding mouse events to canvas, Adding mouse events to the canvas
complete code, The highlightTile() function
highlightTile( ) function, The highlightTile() function
organization of ImageData.data, How ImageData.data is organized
tile-based games, A Simple Tile-Based Game, Micro Tank Maze Description, The Tile Sheet for Our Game, The Playfield, The Player, The Enemy, The Goal, The Explosions, Turn-Based Game Flow and the State Machine, GAME_STATE_PLAYER_LOSE, Simple Tile Movement Logic Overview, Simple Tile Movement Logic Overview, Rendering Logic Overview, Simple Homegrown AI Overview, Simple Homegrown AI Overview, What’s Next
Micro Tank Maze game (example), Micro Tank Maze Description, The Tile Sheet for Our Game, The Playfield, The Player, The Enemy, The Goal, The Explosions, Turn-Based Game Flow and the State Machine, GAME_STATE_PLAYER_LOSE, Simple Tile Movement Logic Overview, Simple Tile Movement Logic Overview, Rendering Logic Overview, Simple Homegrown AI Overview, Simple Homegrown AI Overview, What’s Next
complete code, Simple Homegrown AI Overview, What’s Next
description of game, Micro Tank Maze Description
enemy, The Enemy
explosions, The Explosions
goal tile, The Goal
player, The Player
playfield, The Playfield
rendering logic overview, Rendering Logic Overview
simple AI overview, Simple Homegrown AI Overview
tile movement logic overview, Simple Tile Movement Logic Overview, Simple Tile Movement Logic Overview
tile sheet, The Tile Sheet for Our Game
turn-based game flow and state machine, Turn-Based Game Flow and the State Machine, GAME_STATE_PLAYER_LOSE
Tiled, Creating a Tile Map with Tiled
timer tick, Creating a Timer Loop
timers, Creating a Timer Loop, Creating a Timer Loop, Game Timer Loop, Adding in a Step Timer, How the step timer works
adding step timer to Geo Blaster Extended (example), Adding in a Step Timer, How the step timer works
creating timer loop for cell-based animation, Creating a Timer Loop
creating timer loop for cell-based sprite animation, Creating a Timer Loop
game/animation timer loop, Game Timer Loop
title screen state (game example), The Game State Machine, The Game State Machine
toDataURL( ) method, Canvas objects, The HTML5 Canvas Object, Exporting Canvas to an Image, The toDataURL() Method of the Canvas Object
toString( ) method, Array objects, The drawScreen() Function
transformation matrix, The 2D Context and the Current State
transformations, Simple Canvas Transformations, Filling Objects with Colors and Gradients, 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 Transformations, Combining Scale and Rotation Transformations, Applying Rotation Transformations to an Image, Animating a Transformed Image, Canvas Transformation Basics, Step 4: Draw the image, Animating a Transformed Image, Animating a Transformed Image, Animating a Transformed Image, Displaying the map on the canvas, Canvas Video Transformations: Rotation, Canvas Video