Today’s goal:

• Your choice:
  Follow a canvas tutorial that will help you create a JavaScript-based game or app
  Learn how to create gradients with canvas
  Practice other methods with canvas

 Today’s featured site:

• 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. 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 
5. Create a gradient: Create a gradient with canvas (add code to the page we worked on yesterday or make a new page). Create both a linear and radial gradient (so you will need to create two more canvas areas). Model and steps to follow: https://www.w3schools.com/graphics/canvas_gradients.asp  Last step: create multi-colored text with a gradient (create new canvas area or add to one you already create); model and steps to follow: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_canvas_strokestyle3 .
6. Try some canvas methods: Create a new canvas area and/or change what we worked on yesterday by adding different canvas methods from this reference page: https://www.w3schools.com/tags/ref_canvas.asp