Gradient or fading colours...

Is there a way to create natural gradients in Construct.

Or is there a way to have one colour fade into another colour. For example if the background layer started off red but as the game progresses it fades into a blue or yellow etc?

Thanks all :)

Maybe just adding a 'Set Color' effect to the sprite and then changing the parameters of it every 0.1s and then stopping that process when it reaches for example 255, 0, 255?

Maybe just adding a 'Set Color' effect to the sprite and then changing the parameters of it every 0.1s and then stopping that process when it reaches for example 255, 0, 255?

I'm not sure how I'd go about this - can anyone expand on how I'd do this?

I've created a white tiled background sprite and I've given it an Effect of Set Colour.

Now what?

Hmm, that seems a bit advanced for my current level. Are there tutorials or basic projects that I can look at that will help clarify the process?

Tis not advanced very basic stuff

you really need lerp for a lot of things in games so good to understand

here I did background RED only on one slider to keep it simple so you can see how it works

the slider just moves value from 0 to 1 so result is it is setting red from 0 to 255

green and blue I left at 0 but if you clone 2 more sliders and put the same lerp then you can control all the colours

drive.google.com/open

pilpgam - thanks for the plugin suggestions but I might look into the code/event sheet suggestion by NetOne. The AdjustHSB plugin looked promising but it altered all the colours in the game as opposed to just colours on a specific level.

Tis not advanced very basic stuff

you really need lerp for a lot of things in games so good to understand

here I did background RED only on one slider to keep it simple so you can see how it works

the slider just moves value from 0 to 1 so result is it is setting red from 0 to 255

green and blue I left at 0 but if you clone 2 more sliders and put the same lerp then you can control all the colours

https://drive.google.com/open?id=1Rx7ysE4UydFQnvB0EmC2MWwFYY9G2FQb

NetOne - thanks for this.

I cloned the slider bar and called them SliderBarR, SliderBarG, and SliderBarB - then did:

System > Every Tick > System > Set layer 0 background color to rgb(lerp(0,255,SliderBarR.Value), 0, 0)

---------------------> System > Set layer 0 background color to rgb(0, lerp(0,255,SliderBarG.Value), 0)

---------------------> System > Set layer 0 background color to rgb(0, 0, lerp(0,255,SliderBarB.Value))

However, when I do this only the last slider bar in the event sheet works - in this case, SliderBarB. If I disable that then SliderBarG only works. Does this make sense?

Also, once I do get all 3 slider bars working together, I'm not sure how I'll automate it so it runs through a set selection of colour points.

Nope - completely lost.

When I put all Lerps in the one event:

rgb(lerp(0,255,SliderBar.Value), lerp(0,255,SliderBar.Value), lerp(0,255,SliderBar.Value))

...the slider just turns the background from black to white.

I've tried adding instance variables (TestSpriteR, TestSpriteG, TestSpriteB) to a yellow TestSprite:

system > every tick > Test Sprite > Set TestSpriteR to (lerp(255,0,0))

---------------------------------- Set TestSpriteG to (lerp(0,255,0))

---------------------------------- Set TestSpriteB to (lerp(0,0,255))

But that didn't do anything. Yep, I've no idea what I'm doing.

I found this new plugin interesting, and remind me about this gradient post..

the new AdvancedRandom plugin could make the colour gradient ?

construct.net/en/tutorials/getting-started-with-the-advanced-random-plugin-30

How to implement this cool stuff into game..