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.