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)

0 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

dontwork.png (2.8 kB)

Update about the future of Unity Answers

Unity Answers content will be migrated to a new Community platform and we are aiming to launch a public beta later in June. Please note, we are aiming to set Unity Answers to read-only mode on the 31st of May in order to prepare for the final data migration.

For more information, please read our full announcement.

Add tint to a partially transparent sprite

0 Replies

Your answer

Update about the future of Unity Answers

Follow this Question

Related Questions