Best method to decrease/Increase bitmap rgb values over time/space

[piotr]

Hi,

 

I'd like to change color values of bitmap gradients over time or based on player's position (e.g. a torch is becoming redder over time or brighter the deeper we go).

 

The code below of course doesn't work, but I'ma at loss in which direction looking for.

 

var fade = Math.round(this.player.y / 10, 0);maskGradient.addColorStop(0, 'rgb( 255 - fade, 255 - fade, 255 - fade)'); maskGradient.addColorStop(1, 'rgb(50 - fade, 50 - fade, 50 - fade)');

 

What would be the best approach?

Thanks

p.

[icp]

http://phaser.io/docs/2.4.3/Phaser.Color.html#.interpolateRGB

I think this will work for you. I used interpolateColor to change a sprite color based on its velocity and it worked well.

[piotr]

Thanks!