Skip to content

Instantly share code, notes, and snippets.

@SteveOscar
Created March 28, 2016 17:16
Show Gist options
  • Save SteveOscar/33fab7055f5a90f82cf7 to your computer and use it in GitHub Desktop.
Save SteveOscar/33fab7055f5a90f82cf7 to your computer and use it in GitHub Desktop.
SteveO's blog topic

Creating Animations on HTML canvas

Background

  • Mod 4 is starting gametime, so this week I'm learning about this topic, and figure that writing a blog on it will help me/others in the processs.

Setting Up the canvas

  • How to setup HTML/JS/CSS
  • Create a blank canvas

Animating the canvas

  • drawing on the canvas
  • clearing the canvas
  • combining those steps to create animation
  • adding behavior/rules to animation
  • responding to user input in animation

Refactoring

  • Refactor JS using OO ideas
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment