A lovely paint chat application like a PaintChatApp built with Node.

Currently in development. see DEMO (below)

DEMO

• reichat on Azure Websites (JP)
• reichat on Heroku (US)

Note: They are synchronized using Redis!

Screenshot

Features

• Pen Input Support
• Layers
• Binary Pen / Pencil / Brush
• Pen / Pencil / Brush
• Watercolor Brush
• Pixel Copy / Move
• Zoom in / out / fullscreen
• Chat
• Stabilizer

Designed for

• Pen Device (pressure/eraser supported)
• Wacom Cintiq
• Wacom Intuos
• Wacom feel IT
• Microsoft Surface Pen (Surface Pro 3 / Surface 3)
• Microsoft Pro Pen (Surface Pro / Surface Pro 2)
• Windows 8.1
• Internet Explorer 11
• Windows 10
• Microsoft Edge
• Mac OS X Yosemite (10.10)
• Google Chrome 44
• Mozilla Firefox 40

Powered by

• Node.js
• Pointer Events (for Internet Explorer 11) see here
• PEP (Pointer Events Polyfill) see here
• HTML Canvas 2D Context
• Flagrate

Installing

$ npm install --global reichat

Case: Azure Websites

for Experts

1. open your Websites Dashboard on Portal.
2. click
3. select External repository and next.
4. repository url is https://github.com/kanreisa/reichat.git.
5. done.

Case: Heroku

Updating

$ npm update --global reichat

Case: Azure Websites

1. open your Websites Dashboard on Portal.
2. go to the DEPLOYMENTS.
3. click to sync latest version.

Server

$ reichat # start simply with default configurations
$ reichat --port 10133 --title "Example PaintChat Room"
$ reichat --version
$ reichat --help

Case: Azure Websites / Heroku

commands don't needed. it works automatically.

Server Configuration

reichat loads option values in the order of argument, config.json and ENV for each options.

option name | Argument | ENV (app settings) | config.json | default value --------------------|-----------------------|---------------------|------------------|-------------- Path to config.json | --config | - | - | - Host | --host | HOST | host | 0.0.0.0 Port | --port | PORT | port | 10133 Title | --title | TITLE | title | PaintChat Canvas Width | --canvas-width | CANVAS_WIDTH | canvasWidth | 1920 Canvas Height | --canvas-height | CANVAS_HEIGHT | canvasHeight | 1080 Data Directory | --data-dir | DATA_DIR | dataDir | (tmpdir) Data File Prefix | --data-file-prefix | DATA_FILE_PREFIX | dataFilePrefix | reichat_ Redis Host | --redis-host | REDIS_HOST | redisHost | - Redis Port | --redis-port | REDIS_PORT | redisPort | 6379 Redis Password | --redis-password | REDIS_PASSWORD | redisPassword | - Redis Key Prefix | --redis-key-prefix | REDIS_KEY_PREFIX | redisKeyPrefix | - Max Paint Log Count | --max-paint-log-count | MAX_PAINT_LOG_COUNT | maxPaintLogCount | 2000 Max Chat Log Count | --max-chat-log-count | MAX_CHAT_LOG_COUNT | maxChatLogCount | 100 Forwarded Header | --forwarded-header | FORWARDED_HEADER | forwardedHeader | -

Forwarded Header

if in trusted proxy you can use this option for logging.

• XFF

Shortcuts

• Eyedropper
• Ctrl + Alt
• (Right Click)
• Eyedropper (Current Layer)
• Ctrl + Shift + Alt
• (Shift + Right Click)
• Hand Tool (Panning)
• Space
• Switch to Last Tool
• Tab
• Focus to Chat
• Enter

API

• /config
• /canvas
• /layers/0
• /layers/1
• /layers/2

Frequency Asked Questions

Pen Pressure ?

• Currently, Pen Pressure supported on Windows.
• Please use Microsoft Edge or Internet Explorer 11.

License

MIT