Monkey 2Ted21 Color requester concept – Monkey 2

AdamStrange — Mon, 18 Jul 2016 13:30:31 +0000

Something I’m working on. Currently about 70-80% finished, just need to complete the UI interactions now

Attachments:

Screen-Shot-2016-07-18-at-14.28.12.png

]]>

AdamStrange — Tue, 19 Jul 2016 11:35:16 +0000

That was the concept.

This is it half running with Red as the color. all buttons functional and correctly select the color and do the correct light and dark. The number on the swatches are the float RGB values.

The panel will appear on the right side of Ted21 and remain until dismissed (closed). It can be keyboard opened and closed as well.

Next up is the actual color list itself. shouldn’t take too long now?

After that would be a new document view:

PaletteView

A Palette will be a collection of colors. A Palette can have one color or many colors.

My aim with this will be to unify the underlying color systems. So editing the Ted21 color scheme would be a simple task of loading and editing the UI Palette. But I have feeling that Palettes could become very much more powerful with them being fed into shaders, etc. All from the comfort of the editor.

Attachments:

Screen-Shot-2016-07-19-at-12.32.23.png

]]>

AdamStrange — Wed, 20 Jul 2016 07:45:26 +0000

After a lot of talk about color included into mojo.canvas. I have thought about this and included color families directly into the UI. Just working on the color definitions now:

Attachments:

Screen-Shot-2016-07-20-at-08.40.13-1.png

]]>

Matthew Smith — Wed, 20 Jul 2016 10:00:42 +0000

Great job! Looks very useful!

]]>

AdamStrange — Wed, 20 Jul 2016 11:42:34 +0000

ok. It works!!!

Basically your have some libraries of colors (I will post the code to support them later)

Open a library and select a color.

Each color is named and has a float value. at the top is the selected color, and below is a ramped version of the color showing 8 variations (plus the original in the centre)

In the shown image you can see we’re looking at the base colors and “sky” which is 0,.5,1 in floats

The final two buttons Use Color (with the chosen color) will add this to the code, or other stuff. the close button being close the panel. You don’t need to close it. it is very happy being open all the time or whatever.

Attachments:

Screen-Shot-2016-07-20-at-12.40.45.png

]]>

AdamStrange — Wed, 20 Jul 2016 14:25:17 +0000

Quick update.

I’m going to include 6 hardwired color libraries:

base – slightly extended base rgb colors

UI – Sort of bright and muted colors good for UI’s

Pico – Base pico-8 colors

Vic – extended commodore colors

Extended – the original colors I was working on

mono – mono colors

Given that every color has 8 variants, there should be enough here to fit virtually any color

]]>

cocon — Wed, 20 Jul 2016 17:58:46 +0000

Provided these palettes are stored in XML or JSON files there could be thousand of them that will be easily shared among users.

]]>

AdamStrange — Thu, 21 Jul 2016 05:04:42 +0000

Thats sort of the idea but not at this step. This is the color selector with a set of predefined colors.

What you are talking about is palettes. That is the next step.

I perceive a palette as a collection of colors. Hence why the color picker gives much more than just single colors 😉

]]>

AdamStrange — Thu, 21 Jul 2016 10:03:33 +0000

Here’s the final color picker. I removed the base entry and displayed these as the defaults – which they are.

Everything else is found in the libraries below them. I’ve also narrowed the gradient slightly so the ‘other’ colors are a bit closer to the original.

My other post gives the canvas code to allow the new colors

Attachments:

Screen-Shot-2016-07-21-at-08.58.07.png

]]>