Using a HTML5 Canvas & JavaScript, draw some cartoon on the screen using moveTo, lineTo, fill, stroke, and other JavaScript canvas functions.

• Add a link from your portfolio page to the cartoon.
• Cartoon page must have a title. Include a link under the canvas to return to your main page.
• You should use an external JS file for your JavaScript code.
• Comment the different sections of your cartoon using JS comments, so that someone can easily understand what is being drawn.

Your cartoon should include

• Some caption text (must be written on the canvas!)
• Background color
• Sun or moon as a background object
• Ground color
• House with windows and a door
• Use a for loop with translate to draw some other item in the cartoon. Such as grass, fence, rock etc.

Helpful sites:

http://www.w3schools.com/tags/ref_canvas.asp

http://www.w3schools.com/graphics/canvas_intro.asp

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes