A canvas line drawing experiment
JavaScript PHP CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
api
karma
src
.bowerrc
.gitignore
CHANGELOG.md
Gruntfile.js
LICENSE
README.md
bower.json
build.config.js
build.htaccess
changelog.tpl
karma.conf.js
module.prefix
module.suffix
package.json

README.md

Draw A Cat

The world's #1 online digital cat-drawing community

www.drawacat.net

This is a side-project I built to learn more about the Canvas API, and to get more familiar with the AngularJS framework.

I've open-sourced the code in case anyone is interested to see how parts of it work. Disclaimer: I was learning a lot about Angular (and JavaScript in general) as I built this, so don't be surprised to see some inconsistencies in conventions and idioms in different parts of the code base, and patchy unit tests.

Credits

I had a lot of help in building this application in the form of open-source tools, online resources, and inspiration. Here are some noteworthy sources:

  • Hammer.js Makes integration with touch devices simple.
  • AngularUI Project A bunch of indispensable tools for working with Angular.
  • ng-Boilerplate I based the structure of my code on this pattern.
  • Sketch Toy I was inspired by the sketchy line-art style of this amazing app.
  • Freesound.org I used some sounds from here.
  • Twisted WaveAn amazing HTML5-based audio editor I used to snip the audio clips.

License

Creative Commons Attribution NonCommercial (CC-NC) (see LICENSE file)