Page 27 of 29
Re: Show me your Custom VCP's!
Posted: Tue Jan 16, 2024 10:04 am
by suntravel
Ok this is not so easy to measure because this one is shaded, but readout of the colors is not the same in both examples.
Will it appear darker when the LED is off?
Uwe
Re: Show me your Custom VCP's!
Posted: Tue Jan 16, 2024 10:49 am
by l3viathan
The presence or absence of the LED doesn't seem to affect the color appearance. After trying Illustrator, Inkscape, as well as a hand coded SVG in notepad, it seems to be VCPs handling of gradient fills that is misrepresenting the colors. I've seen a few examples with gradients in this thread, i'm curious how they managed color accuracy? Hopefully they are able to chime in!
Re: Show me your Custom VCP's!
Posted: Tue Jan 16, 2024 10:57 am
by suntravel
Now I remember, I had a problem with a logo and gradient too. Keith told me gradient handling in the VCP is not build in.
Uwe
Re: Show me your Custom VCP's!
Posted: Tue Jan 16, 2024 12:44 pm
by ShawnM
I also had no luck with gradients using illustrator. Went with solid colors.
Re: Show me your Custom VCP's!
Posted: Tue Jan 16, 2024 6:28 pm
by l3viathan
It took some time, but I was able to offset my gradient colors to look correct in VCP!
This image is using my original colors of #26C180 and #009873 for the SINGLE BLOCK button
I was able to achieve the intended visual look by switching to #058837 and #00502c to get the same RGB values
I'll need to do this for all my colors unless/until Centroid corrects how gradients are implemented in VCP. I came to this by using Powertoys Color Picker to sample the RGB values as VCP displayed the color, and then adjusting my hex value in the SVG to achieve the intended RGB values.
Re: Show me your Custom VCP's!
Posted: Tue Jan 16, 2024 7:08 pm
by Sword
Gradients will work using Inkscape with the gradient tool. Any effect that is created using filters, drop shadows being one of them, will not work because it's a bitmap kind of effect.
Re: Show me your Custom VCP's!
Posted: Tue Jan 16, 2024 7:09 pm
by l3viathan
The top image in my post immediately above was made using Inkscape. I even tried hand coding an SVG, and it had the same effect of not being color accurate.
Code: Select all
<svg width="64" height="64" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="gradient_1" x1="0" x2="0" y1="0" y2="1">
<stop offset="0%" stop-color="#26C180" />
<stop offset="100%" stop-color="#009873" />
</linearGradient>
</defs>
<rect
x="0"
y="0"
rx="4"
ry="4"
width="64"
height="64"
fill="url(#gradient_1)" />
</svg>
Re: Show me your Custom VCP's!
Posted: Wed Jan 17, 2024 1:49 pm
by l3viathan
Here is a mostly complete preview of the VCP screen I'm working on.
Re: Show me your Custom VCP's!
Posted: Wed Jan 17, 2024 2:05 pm
by suntravel
Looks very good, but rapid override is missing...
Uwe
Re: Show me your Custom VCP's!
Posted: Wed Jan 17, 2024 3:37 pm
by l3viathan
suntravel wrote: ↑Wed Jan 17, 2024 2:05 pm
Looks very good, but rapid override is missing...
Uwe
Right next to JOG x100. It's labeled "RAPID OVER"