Smooth scripted colour changes?

[jpe2001]

Does anyone know how to animate a colour change with script? Rather than creating a tweening animation. Having script gradually change a background graphic from a black to a grey for example.

I know there is an example in the Actionscript Reference which just changes the colour one jump. I want a nice smooth graduation between 2 colours.

Links to any tutorials on this subject would be very helpful to get the ball rolling.


Many Thanks
Jon-Paul

[Jesse]

I did this for a commercial product. Without showing you the source I can say it involved splitting a HEX color code into its R, G and B components, then dividing the difference between the initial R and target R by how many steps you want to make (the more, the smoother the tween), then changing the color to the current R plus the step factor. Then doing the same for G and B. It sounds harder than it is. (Note I did this in Flash 5.. in Flash MX there may be a better way which I aint seen yet). In fact... look into setTransform because I think that can handle such things. My application was slightly different and could not use that method.

[jpe2001]

Any suggestions?

I have been given some script (see below) which looks right but isn't working.

Can i briefly explain what i've done with scrpt which contains the r g b Hex components you mentioned:

In the first frame of my timeline I've put the first piece of script with a movieclip i've created with the instance name 'prototype', inside the movieclip i've placed the second piece of script with a coloured shape and a button with the third piece of script which triggers the colour change cycle.

1. TIMELINE SCRIPT

movieclip.prototype.fademe=function(){
with(myvals){
ra+=(_parent.targvals.ra-ra)/speed
ga+=(_parent.targvals.ga-ga)/speed
ba+=(_parent.targvals.ba-ba)/speed
rb+=(_parent.targvals.rb-rb)/speed
gb+=(_parent.targvals.gb-gb)/speed
bb+=(_parent.targvals.bb-bb)/speed
}
col.setTransform(myvals);


2. MOVIE CLIP SCRIPT

onClipEvent (load) {
col = new Color(this);
_parent.targvals = myvals=col.getTransform();
speed = 15;
}
onClipEvent (enterFrame) {
fademe();
}

3. BUTTON SCRIPT

on (release) {
_root.targvals = {ra:100, ga:100, ba:76, rb:55, gb:41, bb:23};
}



I'm not absolutely sure whether i'm placing the script in right places.

Thanks
Jon-Paul

[jpe2001]

Good example, in Chapter 5 of Actionscript Studio. (color_setTransform.fla)
*
http://www.friendsofed.com/books/stu...ript/code.html

which answers the original question.

[Jesse]

Yeah that's a cool example.

[jpe2001]

Check this one out as well, same thing, different concept.

http://www.FlashFugitive.com/color_text1.swf

http://www.FlashFugitive.com/color_text1.fla

courtsey of urami
http://webforums.macromedia.com/flas...401508#1430280

Jon-Paul