my take on a color (colour?) swatch

[Argitoth]

too many inclusions being used so I'll have to reserve code for when it's more closer to being finished. (yes im prototyping in jsfx!)

basically I wanted something to replace my color toolbar. the other color swatches Airon and spk77 seemed to be creating were not doing it for me. I like to use a select set of colors and never change them, so I need per-swatch editability. Also, coding this was a good lesson in creating objects and controls.

WIP.

I want:
-import/export settings
-"apply random color to item" button
-more easily adjust swatch color settings

-edit mode on/off
-copy/paste buttons in edit mode
-reset colors button in edit mode
-randomize colors button in edit mode

[X-Raym]

OMG. So much options haha Impressive !

[airon]

Haha! This is great!

Keep going man. I'll do the generated colour stuff , though you've got a great take on it I have to say.

[Argitoth]

progress.

anything that doesn't look right? potential problems? suggestions? let me know.

still to do:
-button for randomize color or selected swatch
-apply random color button
-show/hide random color button
-option to wrap based on window bounds OR wrap based on user-defined bounds.

[X-Raym]

You thought about so much thing already!
How many lines of codes is this baby ? ^^

[Argitoth]

not counting inclusions, 261 lines. I'm using Ixix mouse stuff, my own slider function library, and another include for misc stuff.

[Shan]

This is pretty badass.

Shane

[Seventh]

Nice work!

I think it would be useful if you could enter HSL values in the standard 0-255 scale, with numeric input by keyboard. Then I could go steal palettes from other DAWs with screenshot+color picker.

[Argitoth]

you'll be able to do that easily with import/export of text files.


edit: just noticed a bug in the gif, the power mode does not reflect global saturation/luminance until after mouse is let go, FIXED.

multiple swatch types:
-normal
-random "rnd" = random color from a defined gradient of hues
-power "pow" = you can select a hue within the gradient by hand
-select "sel" = selects a random normal swatch.
-remove "rem" = will remove color from selected item

you can turn on/off swatches to create groups

edit: maybe we need a hotkey for selecting items in a project that has the selected color.
Edit: also we need some controls based on number of items, such as doing a gradient when you have multiple items or tracks selected.

[Argitoth]

i think i should change "sel" to "alt" and then maybe some parameters like "alternate from swatches a to b" also "rlt" for random alt

also i think we need individual x y values for all swatches so when you import a text file with a list of colors, you can position them where you want...? but then how would wrapping work? it would be better just to have multiple palletes with individual controls.

[Argitoth]

preparing my code for multi-palette support:


can't stop adding features

I'd like to add some palette generating controls as well, maybe a new edit page where you see one palette at a time and you have various controls for that stuff.

[Argitoth]

a good friend of mine just gave me an idea, no only have hotkeys to "select media items of selected color" but "select range of color of media items" for example you could color things in different shades of blue, and then have the ability to select all items of all shades of blue or all items of a single shade of blue.

[X-Raym]

You color will be even more flexible than the Photoshop one!

[Argitoth]

HMM... just got another idea. I could have the reascript version automatically update an ExtState and then I can provide actions based on that so you can have hotkeys to do stuff like "apply random color from palette X" or "select all items who have color of palette X"

OMG!!!!!!!!!!!!!!! SO MUCH POTENTIAL!!!

[X-Raym]

ExtState!! This is definitely under-used for the moment!
Bring it to life!

[Argitoth]

need to remember some ideas:

-within a palette you have swatches
-within a swatch you have gradients or solid colors


WHEN 0 ITEM SELECTED
-Click            = Select items of selected color or gradient
-Shift+Click      = Like click except get color from gradient at mouse position

WHEN 1 ITEM SELECTED:
-Click                = Set item to selected color or color of gradient a mouse position.
-Shift+Click          = Like click except get color from gradient at mouse position
-Ctrl+Alt+Shift+Click = Apply random color of gradient.

WHEN >1 ITEM SELECTED:
-Click            = Set items to selected color or gradient.
-Shift+Click      = Like click except get color from gradient at mouse position
-Ctrl+Click       = Add items of selected color or gradient to selection
-Shift+Ctrl+Click = Like ctrl+click except get color from gradient at mouse position
-Alt+Click        = Remove items of selected color or gradient from selection
-Shift+Alt+Click  = Like alt+click except get color from gradient at mouse position

DONE VIA ADDITIONAL SCRIPTS OR ACTIONS:
-Select items of color of selected item
-Remove color of selected items
-Apply random color of palette x to items/takes/tracks (multiple scripts)
-Apply random color of selected palette to items/takes/tracks (multiple scripts)
-Apply color x of palette x to items/takes/tracks (multiple scripts)
-All of the above mouse modifiers turned into hotkeys (multiple scripts)

POSSIBLE FUNCTION BUTTONS:
-Change selected color to random swatch and apply color based on above mouse modifiers "sel"
-Remove color of selected items "rem"
-Based on above mouse modifiers, select a random color of gradient "rnd"
-Import/Export settings

[Argitoth]

mostly been working on improving my slider class and the user controls. I need to improve on the "power" swatch so you can do things like set a swatch to be a gradient of one color but with multiple saturations or luminances, smooth gradient or quantized gradient so you get a select few variations of one color on a single swatch. The coding of this interface using my slider class is somewhat similar to coding a Kontakt interface, except it's easier to do complex interactions of GUI elements.




Next is to turn the palette into an object. You will be able to add up to 10 or however many palettes and easily edit them to create any organization of colors.

[Claudiohbsantos]

I can't really comment helpfully on anything since most of whats going on is going way over my head, but this seems like an awesome tool! Curious to see how it turns out