# ColorTransform onRollOut error

**URL:** <https://forum.kirupa.com/t/colortransform-onrollout-error/272403>\
**Category:** flash\
**Created:** [October 4, 2008, 11:18pm UTC](https://forum.kirupa.com/t/colortransform-onrollout-error/272403 "2008-10-04T23:18:34Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Brent\_Summers](https://avatars.discourse-cdn.com/v4/letter/b/b19c9b/32.png) [@Brent\_Summers](https://forum.kirupa.com/u/Brent_Summers)\
**Post date:** [October 4, 2008, 11:18pm UTC](https://forum.kirupa.com/t/colortransform-onrollout-error/272403/1 "2008-10-04T23:18:34Z")

</div>

I just started playing around with drawing things using action script, specifically with “ColorTransform”.

I am able to set one transform just fine, but when I attempt to use a second transform to reset the movie clip to it’s original values I get an error. Can movie clips only have one ColorTransform, or is it because the movie clip is being generated through code?

Here is the code:

```auto
var targetX:Number
var targetY:Number

stage.addEventListener(MouseEvent.CLICK, onClick);

function onClick(event:MouseEvent):void
{
targetX = event.target.mouseX;
targetY = event.target.mouseY;

	if ((targetX + targetY) > 500)
	{
		makeRectangle();

	}
	
	else
	{
		makeCircle();
	}

}

function makeCircle():void
{
	var shape1:MovieClip = new MovieClip();

	shape1.graphics.lineStyle(5, 0x00ff00);
	shape1.graphics.beginFill(0x000000);
	shape1.graphics.drawCircle(targetX, targetY, 50);
	shape1.graphics.endFill();

	addEventListener(MouseEvent.ROLL_OVER, colorT);
	addEventListener(MouseEvent.ROLL_OUT, colorReset);

	addChild(shape1);
}

function makeRectangle():void
{

	var shape2:MovieClip = new MovieClip();

	shape2.graphics.lineStyle(5, 0x33ff00);
	shape2.graphics.beginFill(0x0000ff);
	shape2.graphics.drawRect(targetX, targetY, 50, 50);

	addEventListener(MouseEvent.ROLL_OVER, colorT);
	addEventListener(MouseEvent.ROLL_OUT, colorReset);

	addChild(shape2);
}

function colorT(event:MouseEvent):void
{
	trace("rollover!");

	var colorT:ColorTransform = new ColorTransform();

	colorT.blueOffset = -100;
	colorT.redOffset = 100;

	event.target.transform.colorTransform = colorT;
}

function colorReset(event:MouseEvent):void
{
	trace("rollout!");
	
	var colorReset:ColorTransform = new ColorTransform();
	
	colorReset.blueOffset = 100;
	colorReset.redOffset = -100;
	
	event.target.transform.ColorTransform = colorReset;
}

```