How do I make a hue changer for sprites?

0 favourites
  • 8 posts
From the Asset Store
A set of 10 pixel art animated magic effects with icons. 2 Fire, 2 Earth, 2 Wind, 2 Water, Portal, Explosion.
  • Hallo!

    I have a sprite with many animations, with platformer behavior

    I want to make a customization menu but there's a problem:

    It would be a bit long to make every animation with different colors so i'm searching for a way that Player chooses a hue color and "Construct" automatically applies the hue to all of the animations.

    If it is possible, I want to make a slider for that too, something like Ctrl+U in Photoshop.

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • Try the "Adjust HSL" effect.

  • Change the animation of the animation is possible, and yes you can create a slider for that. I found a tutorial for this here in the forum once, if I happen to find it I'll post the link here for you.

    However, keep in mind 2 things.

    1st, note that changing the HUE of the animation will change the color of the whole sprite, so it's not going to be a good idea if there are parts of the sprite that should remain the same. For instance if you want to change the color only of the shirt of a character, adjusting the HUE won't work. In this cases you will have to go through creating lots of sprites in different colors.

    2nd, try and check if the device for which you are developing the game can handle the Fx effect for WebGL, it would be really bad if after all that work the colors couldn't change because of software limitations.

  • Here:

    This might help

  • Thank for reply

    RayKi I want to apply the effect to the whole sprite and there isn't a part that i want to keep. I want to publish it for web (PC).

    And an important question! How can i work with effects? I mean where should i apply them? Should i install them? and ...

    Please help me using effects

  • Well in that case is quite simple. Working with effects works the same way as working with behaviors, you just use the properties menu on the left of the screen to add the effects that you want on your sprite, in your game it would be the "Adjust HSL". And then in the event sheet you create the conditions and events that will change the effect.

    add action > select the object you have applied the effect > Under appearance select "Set effect parameter"

    The "Index" is 0 for Hue, 1 for saturation, and 2 for luminosity.

  • Here:

    This might help

    Thank you so much

    I used that effect but there are 2 problems:

    1-Numbers next to the sliders don't change,

    2-I want to know if there's a way to save changes made, because i've made a customization layout and after i change the color and i go to the main game layout, Construct loads the first sprite and the effects won't be applied

  • Just save the values on a global variable and apply them on the start of every layout

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)