Is it possible to use fade in frames?

I would like to change frames but I need to do this with fade, gradually. Is it possible? If yes, could anyone explain how to do this? Thanks.

you could create a tiled sprite with opacity 0

then gradually increase it's opacity

and when it reaches 100 change to another layout

Hi Ghost

Thanks for the answer.

My idea is to create a sprite with a gray image which when clicked changes the frame making the color image. The issue is that I wish it to happen gradually, so I thought to use fade. is it not possible then?

There are two ways to do it (or maybe more, but I can only give hints to two):

1) Use a WebGL effect, like "Grayscale", on the colored image and start to fade the intensity to 0 using a variable and dt

2) Use two sprites, one having the colored frame, in front of it the one with the grey frame. Apply the fade behavior to the sprite in front, so that its opacity gradually changes to invisible.

Thanks Tulamide. I'll try both.

Could anyone give me an example of how to use dt to control the intensity of the grayscale effect? Thanks.

<img src="https://dl.dropboxusercontent.com/u/11182740/C2/images/fading_color.jpg" border="0" />

This fades within 5 seconds from grey to color.

20 * dt subtracts 20 per second and 20 * 5 = 100

Thanks a lot, tulamide.