Question by wokawaka · Nov 18, 2015 at 10:00 PM · graphics development

Add tint to a partially transparent sprite

For the sake of simplicity I have this (ugly) png texture. alt text

During runtime I want to add a red tint or shade to this image so that it becomes:

alt text

Googling and searching these forums I found that I should be using SpriteRenderer.Color to achieve this so i tried this:

 sprGameObj.AddComponent<SpriteRenderer>();
 SpriteRenderer sprRenderer = sprGameObj.GetComponent<SpriteRenderer>();
 sprRenderer.sprite = newSprite;
 sprRenderer.color = new Color32(200, 3, 3, 255);

That however only resulted in this: http://i.imgur.com/R58KwgS.png (not allowed to post any more images in question).

So how do I achieve this?

friendly128-copy.png (5.5 kB)

friendly128.png (6.4 kB)

Add comment · Show 2

Firedan1176 · Nov 19, 2015 at 02:08 AM 0

Well if your image is a UI element (sprite), then you could duplicate that image, and then change the color value to (200, 3, 3, 100). Keep in mind your alpha channel in the example you provided is 255, which is no transparency. You may want it to be lower like 100. Is that the problem?

wokawaka · Nov 19, 2015 at 08:36 PM 0

This is what it looks like with (200, 3, 3, 100). It makes the entire thing black, and then adds transparency. Could you possibly post a complete sample, maybe it's something Im not understanding correctly. alt text