📱 Paint with your phone! Gyroscope + WebSockets + Canvas.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
bin
config
db
lib
log
public
storage
test
tmp
vendor
.babelrc
.eslintrc.yml
.gitignore
.postcssrc.yml
.rubocop.yml
.ruby-version
.solargraph.yml
Gemfile
Gemfile.lock
README.md
Rakefile
config.ru
header.png
package.json
screenshot.png
yarn.lock

README.md

Brushstroke

Paint your screen with your phone! Check it out here

Open Brushstroke on your desktop or laptop, and your phone. Point your phone at the center of the screen, and enter the room code from your desktop. Now you are connected and ready to paint!

Protip: Use the tune button to better calibrate Brushstroke to your devices.

Features

  • Live connection between screen and phone using WebSockets with Action Cable
  • Calibrate to your phone, display size, and distance with only four taps
  • Smooth lines using quadratic curves
  • Save the images you create

Development & Deployment

Prerequisite: set up Postgres.

  1. Clone this repository:

     $ git clone
    
  2. Install dependencies:

     $ cd castaway
    
     $ bundle install
    
     $ yarn install
    
  3. Set up database:

     $ rails db:setup
    

    Or when deploying to Heroku:

     $ rails db:migrate
    
     $ rails db:seed
    
  4. Run server:

     $ rails server
    

Todo

  • Periodically remove old rooms (Heroku Scheduler)
  • Add support for multiple painters in one room