Simple, web-based sketching app using swappable Kuler themes/palettes/swatches.
This was made to test an idea about restricting a drawing to a limited set of colors.
It was built with HTML5 Canvas, SVG, and JavaScript (via CoffeeScript). Tested only with Chrome (v30).
- Open http://senocular.github.io/skuler/skuler.html
- Select a color
- Draw something
- Select another color
- Draw some more
- Visit Adobe Kuler
- Download a new Kuler theme (.ASE)
- Drag the .ASE file into the Skuler window
- ...
- Profit!!!
- CTRL + M: New document
- CTRL + Z: Undo
- CTRL + Y: Redo
- Page Up: Select previous swatch
- Page Down: Select next swatch
- UP Arrow: Increase lightness
- DOWN Arrow: Decrease lightness
- LEFT Arrow: Increase saturation
- RIGHT Arrow: Decrease saturation
- ,: Decrease brush size
- .: Increase brush size
- ❔ Brush size UI
- ❔ Load .ASE button vs just drag and drop
- ❔ Required browser features detection
- With keyboard shortcuts, lightness depends on saturation. To get full lightness (white/black) you need to fully desaturate first. In other words, the arrow keys are a direct coorelation of the location of the selection within the triangle color picker.
- Color triangle doesn't register when interaction moves off the visible area of the triangle. Probably won't fix.
- Undo will undo strokes as well as saturation and lightness settings, but not selected swatch or pen size.