The ColorPicker UI

General
1

It just looks like the real one in Codea…
But it has a problem.If you slide out of the square of color, the circle will not follow your finger.( it is really hard to describe, you can try it by yourself)
function setup()
local successFunc=function(data)
saveProjectTab(“ColorPicker”,data)
print(“Compelet to download the code.”)
end
http.request(“https://raw.githubusercontent.com/Thecivilizations/Index-UI/master/ColorPicker”,successFunc)
end
You can use the code above to install. And the class need two image assets. I will upload them soon.

2

Here is the asserts.

3

Wow, great work mimicking the Codea colour picker!

4

Now I complete the work. Just need to run the code again! I will add hiding function the next version.

5

I have added a slider. It can change the Alpha.
– Install
function setup()
local successFunc=function(data)
saveProjectTab(“ColorPicker”,data)
print(“Compelet to download the code.”)
end
local successFunc2=function(data)
saveProjectTab(“EasySlider”,data)
end
http.request(“https://raw.githubusercontent.com/Thecivilizations/Index-UI/master/ColorPicker”,successFunc)
http.request(“https://raw.githubusercontent.com/Thecivilizations/Index-UI/master/EasySlider”,successFunc2)
end
Run the code above this time.

6

How to get the color picker to pop up?

7

@DayLightTimer

8

@EvanDavis I don’t think there is any possibility…

9

How do I use this?
my current attempt at testing shows the alpha slider and if I turn off the background in my draw I get a flickering red square also… I assume Im missing something.

function setup()
    col=ColorChooseBox(WIDTH/2, HEIGHT/2)
end
function draw()
    background(176, 127, 127, 255)
    col:draw()
end
function touched(touch)
    col:touched(touch)
end
10

Ok I found the needed images, had missed that in the first message. Currently though seems like im missing the little white circle still

11

I think it might be better to use a shader for the color circle to generate it, should be really easy will send a revision in moment

12

@AxiomCrux to encompass code in the blue box, put ~~~ before and after the code chunk

13 
[CODE]
function setup()
col=ColorChooseBox(WIDTH/2, HEIGHT/2)
end
function draw()
background(176, 127, 127, 255)
col:draw()
end
function touched(touch)
col:touched(touch)
end
14

still missing the little white circle image.

15

http://glslsandbox.com/e#30493