CSCI 107 — JavaScript IV

Working with a canvas

Start by downloading a ZIP file that sets up, for the HTML5 canvas, a web page that corresponds to the Mozilla Developer Network Canvas tutorial, but in a format that should be acceptable to both brackets and the notoriously picky jslint.

When you load this application, it should be similar to the example described at the end of the Basic usage section of the tutorial, but split up into separate HTML and JavaScript files.

What to do next?

Don’t go overboard here and do experiment.

My suggestion is that you go to the Drawing shapes section and modify some of the figures there. For example, make the smiley face frown.

If you want a real challenge, you can try out some Basic animations, Be aware the jslint may scream after every cut-and-paste.