Draw 16 x 16 animated pictures. Draw! is a social flavored online pixel art editor.
Clone or download
Latest commit 06e9007 Dec 16, 2017


Draw! Draw! (drawbang)

Draw 16 x 16 animated pictures. Draw! is a social flavored online pixel art editor.

Draw! it's also an experiment app about:

  • html5 canvas element.
  • redis

Follow @drawbang and read the blog at http://blog.drawbang.com.

Required gems

bundler and heroku gems are needed, than just run

$ bundle

to install other required gems.

See also Gemfile

How to run the app locally

Copy Facebook config file example

$ cp config/facebook.example.yml config/facebook.yml

Copy Twitter config file example

$ cp config/twitter.example.yml config/twitter.yml

Start Redis server

$ redis-server config/redis.conf


$ ruby server.rb

or run rake task server, alias s

$ rake s

Start the app console

Run rake task console, alias c

$ rake c

How to use Heroku

Create Heroku app


$ heroku create

Push app to Heroku (deploy process)

Before pushing any new version to Heroku be sure to recompile minified javascripts running

$ rake compile

To push master branch to Heroku run

$ git push heroku master

Configuration variables

To see current configuration variables run

$ heroku config

To add configuration variables run

$ heroku config:add S3_KEY=xxx S3_SECRET=xxx

Minimal configuration variables:

  • S3_KEY

Get Heroku logs

To see Heroku logs run

$ heroku logs

Run Heroku console


$ heroku console

Get application users and drawings stats


$ rake stats

Run specs

$ bundle exec rake spec


Draw! (drawbang) is released under the MIT license.

How to contribute

If you find what looks like a bug:

  1. Check the GitHub issue tracker to see if anyone else has reported issue.
  2. If you don’t see anything, create an issue with information on how to reproduce it.

If you want to contribute an enhancement or a fix:

  1. Fork the project on github.
  2. Make your changes with tests.
  3. Commit the changes without making changes to the Rakefile or any other files that aren’t related to your enhancement or fix
  4. Send a pull request.