Show me your Custom VCP's!

[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

[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!

[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

[ShawnM]

I also had no luck with gradients using illustrator. Went with solid colors.

[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.

[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.

[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>

[l3viathan]

Here is a mostly complete preview of the VCP screen I'm working on.

[suntravel]

Looks very good, but rapid override is missing...

Uwe

[l3viathan]

Looks very good, but rapid override is missing...

Uwe

Right next to JOG x100. It's labeled "RAPID OVER"