canvas tag

Class Monday, April 9, 2018

 Today’s Goals:

  • Receive your 3rd quarter grade
  • Follow a canvas tutorial that will help you create a JavaScript-based game or animation. See what you can do in one class period.

 Today’s featured website:

  • http://codepen.io/tholman/pen/qCnfB– The canvas tag is used with JavaScript to create an interactive area where the user can draw with text by clicking and dragging the mouse

 Canvas tutorials- choose 1

  1. Create a basic game #1: in this tutorial you will create a new webpage in Notepad++ and add code by reading and following the steps
  2. Create a basic game #2: in this tutorial you will create a new webpage in Notepad++ and add code by reading and following the steps
  3. Create an animated bouncing ball: in this tutorial you will create a new webpage in Notepad++ and add code by reading and following the steps. See if you can change the shape from a ball to something or change the color and/or size of the ball.
  4. Practice writing code: in this tutorial you will follow the steps and practice writing the code you modified on Wednesday; do this if you want to get more comfortable writing JavaScript.
  5. Create a basic drawing app: You can try to create any level you want here, either the full drawing app, the simple demo, the color demo, etc. Tutorial link