Sketchy

Yan Cui theburningmonk@gmail.com

2011-03-01

INTRO:

This is a web app based on HTML5's canvas element that lets you draw on a canvas area with a number of different tools.

LIVE DEMO:

You can try the live demo at http://sketchy.theburningmonk.com or http://bit.ly/Y5IpST.

THIRD-PARTY LIBRARIES:

• jQuery (in js/jquery)
• Modernizr (in js/modernizr)
• MooTools (in js/mootools)
• ColorPicker (in js/colorpicker)

JAVASCRIPTS:

• js/brushes.js: Defines all the brushes you can use in the app, including pencil, paint brush, etc.

• js/canvas.js: Defines all the interations with the canvas, e.g. changing the current brush, or colour

• js/layout.js: Sets up the accordion and the event handler for the buttons, etc.

CSS:

• main.css: This file contains all the CSS settings for the game

HTML:

• sketchy.html: This file contains all the HTML markup for the application