How to make a sprite color custom

Question

I want the user to be able to select colors for the character's sprite, like for skin, clothes color, etc. Preferably with the color picker, but if that's not possible I guess I could show a bunch of pre-picked colors. How would I be able to do this? Right now I'm using self_modulate but that only works for the entire sprite, not separate parts of it.

Comments

https://www.reddit.com/r/gamedev/comments/igffg5/a_graphics_breakdown_of_the_environments_in/

https://www.reddit.com/r/proceduralgeneration/comments/ibybmg/uvmapping_pixel_art_for_effortless_content/

---

Thanks for the response, but I'm not really sure how I would do any of that in Godot. I don't really see any mapping properties for a TextureRect. Or should I be using a Sprite instead?

---

ya i do it by splitting a sprite into different parts now but recently found this possible alternative...

from what i can tell if you just color your original sprite with specific shades of gray (or even colors) you can replace those specific colors with any color you chose using a shader. eg light gray = red, dark gray = blue, gray = orange

these related videos might help

https://www.youtube.com/watch?v=CLqMcgDi--Y

https://www.youtube.com/watch?v=i7VljTl4I3w

---

Thanks, I'll probably write a shader to replace different colors in the sprite.

Answer 1

You might have to work with sprite masks. You need then separate masks for those individual parts of the sprite which you want to color. You then colorize the masks. This requires to "cut" your sprite into pieces. Thats how i did it for coloring shirts of soccer players.

Comments

How do I make a sprite mask? I don't see any property for that in the Inspector for the Sprite node.

---

Your sprite mask is just a sprite itself. The way i did it was (for soccer players), i had a sprite sheet with the soccer play as one sprite and another sprite just for the shirt in grayscale. At runtime i drew the main sprite and then the colorized shirt sprite (with the right offset) on top of the main sprite.

---

Okay, thanks for the reply.