eveninglily / drawingapp

Drawing Webapp. This code is an older version of the software at amidraw.com
GNU General Public License v2.0
0 stars 0 forks source link

Overhaul the color window #25

Closed eveninglily closed 8 years ago

eveninglily commented 9 years ago

Possibly roll with a custom color wheel. RGB, Hex, HSL and HSV could also be displayed If a custom color wheel is added, a custom 'Custom Colors' feature will be added

eveninglily commented 9 years ago

Plan is to be something like http://i.imgur.com/r0xmuhR.png (with hex values also)

After rendering the outer one, listen for clicks in it, and then get the angle of the mouse as it moves and update the location and inner thing appropriately. The inner one could do something similar, although with it adjusted to be a square

Rendering them could either be done with a canvas or an image, a canvas would probably lead to less issues. The outer one could be done as a circle, with the values somehow being calculated by the position in the circle, and the inner one could take the outer value and then render a map with it going from white to black as it goes down, and it going from full color to less color as it moves right to left

Also, implement color picker code and a small area to save colors

eveninglily commented 9 years ago

https://github.com/McIntireEvan/colorwheel

eveninglily commented 9 years ago

Implemented as of https://github.com/McIntireEvan/drawingapp/commit/610ff7bee2359d2acf35173ca6e9b748616060fb, but some improvements still need to be made.

-Show RGB, convert to/from hex -Sliders -Input boxes for RGB/hex -Make color wheel respond to above changes

All of those except the last one should be easy. With the last one, a possible solution could be determine which value is highest (R, G, or B) and then set the outer color to that based on HSL, and then find in the inner box where the colors are equal

eveninglily commented 8 years ago

Mostly implemented so far in AmiDraw, closing this