How do I customise my hero/avatar?

My game has a hero whose animation, at present, is a plain figure. I have assets prepared for hair, faces, clothing, etc.

My goal is to allow the user to choose which option to have and then have the relevant pieces overlayed on the avatar. An additional complication arises when you consider the relevant animations for the avatar for running and combat, etc.

Finally, I'd wish for the user to be able to customise the colour of these components.

Is there any way that anyone can think of that I could make this possible?

Thanks!

Since you overlay the pieces, you could make use of hierarchies

construct.net/en/make-games/manuals/construct-3/interface/layout-view

In that case you could e.g. put a hat (sprite) on the character. Different hats would be different animations.

If you use sprite animations where the characters head position is different between frames, you might instead have to use a solution with every tick -> set position to imagepoint and define a "hat" image point on all the animation frames.

Customizing color can use different approaches. The simpler solution would be that you can pick a selection of colors, rather than giving a custom color picker. So you would just create different animations for the different colors. The other option would be using effects like tint, set color or adjust HSL. Just keep in mind that effects do have a notable performance impact especially on mobile.