new UI to accommodate different shapes

[rupl]

I would love to implement fluid touch gestures

1. touch a shape
2. drag out for the size
3. drag side-to-side for hue

swipe up/down on existing shapes to change opacity

[rupl]

or maybe you just drag the shape out then a triple-tap allows you to use all four directions to pick brightness and hue

[rupl]

offer a random shape option, just use a question mark icon

[rupl]

another idea: a small panel of modifier keys. much like [Shift] or [Ctrl], there could be one corner dedicated to modifier keys.

The user activates the single button in the corner which fans out into the available options. One might be hue, the other brightness, the other is opacity. Whichever button(s?) they hold down affect the XY dragging they do on the shape with their other finger.

[afragon]

When it comes to changing colors of shapes I would strongly recommend a solution that allows the user to see the shape when changing color. This way it becomes easier to see if the color matches the surrounding. Another alternative would be to set a fixed colorpanel (like only pastell colors) for each art piece.

[rupl]

I agree absolutely, they should be able to change all the colors in context. I am actually very proud of the idea in my head, I will try and write a first pass at it in the next day or two!

If this works out, I want to completely ditch the bottom bar. it was ok to get things going but it's ugly and distracting. The screen should be a blank canvas and the modifier keys will get us as close as possible I think.

[afragon]

Great! I think that idea will also solve the current limitation of only some browsers accessing the color panel.

[rupl]

yup that's correct, this will make it behave the same everywhere.

<input type="color"> is all I did to create the current picker.. it's up to the individual browsers to implement how the color picker appears.

[afragon]

An idea would be to add a set color palette with 10 colors for color-coding workshops.

• yellow, green, blue, red, orange, light blue, brown, pink, purple, light green.

[rupl]

What about a color wheel like this? http://codepen.io/g12n/pen/YXEMyQ?editors=110

[rupl]

whew so I kind of went off into the woods trying to lay the work for this. The sign-on will be cleaned up and in general the UI will get a complete overhaul :confetti_ball:

[rupl]

ok this sat long enough I need to :shipit: and finish the rest later

[rupl]

@afragon you have circles now \o/