search

rupl / bustashape

Collaborative, real-time artboards
https://bustashape.art
MIT License
5 stars 3 forks source link

Bottom drawer (like iOS) for shape options #68

Closed rupl closed 7 years ago

rupl commented 8 years ago

Just like the global iOS settings, dragging on a shape reveals options. simple taps still create the shape

rupl commented 8 years ago

Should be combined with #69 to make the UI as smooth and obvious as possible.

rupl commented 8 years ago

I have vanilla event listeners on the presets right now. I think I need Hammer listeners on the controls to make this work best.

afragon commented 8 years ago

Opens up huge possibilities to change properties of the shapes but also community features.

rupl commented 8 years ago

I think I'll add a gear icon to the menu then it can be toggled just like the settings for shapes. It's a predictable, unobtrusive way to expose any global settings or actions (e.g. zoom button #67, bad-connection mode #11, etc.)

rupl commented 8 years ago

Pressing H key on projector screen should toggle the drawer's visibility completely. Probably just slide it down offscreen instead of fading.

rupl commented 8 years ago

@afragon this could really use a test before going out. I'm sure there will be kinks so please try it out and if something is weird just post here and let me know.

https://bustashape-pr-68.herokuapp.com/

rupl commented 8 years ago

After testing a bit, it will take another pass to improve color picking on iOS before I'm comfortable shipping this.

rupl commented 7 years ago

man what a drag. Still trying to find a color picker that doesn't completely suck for iOS. In the interest of making this thing tip-top, I might write my own.

rupl commented 7 years ago

I found a picker with decent UX (the "My Favorite color" example specifically), but I don't really want to add MD as a dep just for one widget.

rupl commented 7 years ago

This one is also very close to what I had in mind, but it's not touch friendly. A good place to start if it has a license we can work with: http://color.aurlien.net/

rupl commented 7 years ago

ok a color picker is almost a distraction to me at this point. it's a hard problem and I really want this drawer there so we can use the parts that work.

I think I will assemble a list of color palettes and start populating one randomly on page load instead of the hardcoded palette we have at the moment. Then at least we get some variety while I sort out the color picker.

afragon commented 7 years ago

Use colorhunt for findung different palettes.

tisdag 11 oktober 2016 skrev Chris Ruppel notifications@github.com:

ok a color picker is almost a distraction to me at this point. it's a hard problem and I really want this drawer there so we can use the parts that work.

I think I will assemble a list of color palettes and start populating one randomly on page load instead of the hardcoded palette we have at the moment. Then at least we get some variety while I sort out the color picker.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/rupl/bustashape/pull/68#issuecomment-252850764, or mute the thread https://github.com/notifications/unsubscribe-auth/AGTBve2flvW0I0bfn4pt2AjAjDX1Eum-ks5qy03SgaJpZM4IJSCD .

rupl commented 7 years ago

yup I grabbed 10 random ones. gonna swap a few out because some contain colors which are too light for a white background. I'll just avoid them for now.

rupl commented 7 years ago

@afragon if you can, give this a test https://bustashape-pr-68.herokuapp.com/

I have tested it to the best of my ability but I've got some developer blindness at the moment, just try and break it if you can!

rupl commented 7 years ago

oh also when I added random palettes I realized two users joining one room would most likely have different colors, so I added the ability to sync those too!

rupl commented 7 years ago

welp. :shipit:

rupl commented 7 years ago

man, super glad to put that one (mostly) to rest. I started work on this one during Vetfest!