# Recolor Sprite with solid color and tiling background

**URL:** https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194
**Category:** flash
**Created:** [July 5, 2008, 6:53pm UTC](https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194 "2008-07-05T18:53:24Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![Sage\_of\_Fire](https://avatars.discourse-cdn.com/v4/letter/s/e95f7d/32.png) [@Sage\_of\_Fire](https://forum.kirupa.com/u/Sage_of_Fire)
#### Post date: [July 5, 2008, 6:53pm UTC](https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194/1 "2008-07-05T18:53:24Z")

</div>

I’d like to know how I could recolor an existing display object (like a movieclip or sprite) dynamically. I want to let the user pick colors or patterns for the sprite from a color picker I’ve already programmed. I need to know first how to apply a new color to an existing sprite, and second how to apply a tiling pattern to it. Thanks in advance.

---

<div class="post-metadata">

### Author: ![gigaboost](https://avatars.discourse-cdn.com/v4/letter/g/58956e/32.png) [@gigaboost](https://forum.kirupa.com/u/gigaboost)
#### Post date: [July 5, 2008, 7:00pm UTC](https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194/2 "2008-07-05T19:00:02Z")

</div>

myColor = 0xFFFFFF  
myColoredObject = new Color(object\_name);  
myColoredObject.setRGB(myColor);

---

<div class="post-metadata">

### Author: ![sekasi](https://avatars.discourse-cdn.com/v4/letter/s/5f8ce5/32.png) [@sekasi](https://forum.kirupa.com/u/sekasi)
#### Post date: [July 5, 2008, 7:03pm UTC](https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194/3 "2008-07-05T19:03:05Z")

</div>

The Color class is deprecated all the way back since Flash Player 8…

use flash.geom.ColorTransform

---

<div class="post-metadata">

### Author: ![Sage\_of\_Fire](https://avatars.discourse-cdn.com/v4/letter/s/e95f7d/32.png) [@Sage\_of\_Fire](https://forum.kirupa.com/u/Sage_of_Fire)
#### Post date: [July 5, 2008, 8:30pm UTC](https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194/4 "2008-07-05T20:30:31Z")

</div>

As usual, Adobe’s language reference is less than helpful on the topic. What’s the exact command I could use to reset a display object’s color, without any of the garbage about channels and RGB. I just want to know how to set the object’s color to a standard Flash-syntax RGB code, not how to set it’s R, G, and B values separately. Can anybody give me an example?

---

<div class="post-metadata">

### Author: ![sekasi](https://avatars.discourse-cdn.com/v4/letter/s/5f8ce5/32.png) [@sekasi](https://forum.kirupa.com/u/sekasi)
#### Post date: [July 5, 2008, 8:59pm UTC](https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194/5 "2008-07-05T20:59:02Z")

</div>

it’s right there in the docs… Colortransform.color(c:uint);

---

<div class="post-metadata">

### Author: ![Sage\_of\_Fire](https://avatars.discourse-cdn.com/v4/letter/s/e95f7d/32.png) [@Sage\_of\_Fire](https://forum.kirupa.com/u/Sage_of_Fire)
#### Post date: [July 5, 2008, 9:37pm UTC](https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194/6 "2008-07-05T21:37:47Z")

</div>

Well, I guess I must be incredibly dense, but I still don’t get it. I see lots of documentation, but I don’t understand how to apply it unless I can see an example. Their example doesn’t use the color() method. Here’s my code; it receives the new color from a custom event then sets the current movieClip’s color with it. This function is within the code for the MovieClip. It doesn’t work.

```auto

        
        private function onColorChanged(evt:ColorPickerEvent):void {
            this.ColorTransform(evt.newColor); 
            trace (evt.newColor);
        }

```

I’d really appreciate an example…

---

<div class="post-metadata">

### Author: ![sekasi](https://avatars.discourse-cdn.com/v4/letter/s/5f8ce5/32.png) [@sekasi](https://forum.kirupa.com/u/sekasi)
#### Post date: [July 5, 2008, 9:42pm UTC](https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194/7 "2008-07-05T21:42:15Z")

</div>

```auto

var m:ColorTransform = new ColorTransform();
m.color = 0xFF00FF;
box.transform.colorTransform = m;

```

😛

---

<div class="post-metadata">

### Author: ![TheCanadian](https://avatars.discourse-cdn.com/v4/letter/t/67e7ee/32.png) [@TheCanadian](https://forum.kirupa.com/u/TheCanadian)
#### Post date: [July 5, 2008, 9:43pm UTC](https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194/8 "2008-07-05T21:43:10Z")

</div>

```auto
var c:ColorTransform = new ColorTransform();
c.color = 0xFF0000;

mc.transform.colorTransform = c;

```

That makes mc red.

Pfft, I used cooler variable names

---

<div class="post-metadata">

### Author: ![sekasi](https://avatars.discourse-cdn.com/v4/letter/s/5f8ce5/32.png) [@sekasi](https://forum.kirupa.com/u/sekasi)
#### Post date: [July 5, 2008, 10:13pm UTC](https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194/9 "2008-07-05T22:13:06Z")

</div>

^^ m is obviously cooler than c.

m = manly, macho, moose, muscle, manhood, moolah

c = chickflick, chique, carnival, chihuahua.

---

<div class="post-metadata">

### Author: ![Sage\_of\_Fire](https://avatars.discourse-cdn.com/v4/letter/s/e95f7d/32.png) [@Sage\_of\_Fire](https://forum.kirupa.com/u/Sage_of_Fire)
#### Post date: [July 6, 2008, 5:32pm UTC](https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194/10 "2008-07-06T17:32:26Z")

</div>

Thanks for the examples guys; if I ever finish the project, I’ll post it somewhere.

---

<div class="post-metadata">

### Author: ![Sage\_of\_Fire](https://avatars.discourse-cdn.com/v4/letter/s/e95f7d/32.png) [@Sage\_of\_Fire](https://forum.kirupa.com/u/Sage_of_Fire)
#### Post date: [July 6, 2008, 5:39pm UTC](https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194/11 "2008-07-06T17:39:39Z")

</div>

I guess I should’ve tested it before thanking you; it doesn’t work. I have a class linked to an on-stage moveclip; this class listens for a custom event and that event triggers a function. Here’s the class

```auto
package classes {
	
	import flash.display.MovieClip;
	import flash.geom.*;
	import flash.events.*;
	
	public class MiniTruckSim extends MovieClip {
		public function MiniTruckSim():void {
			var cPicker:ColorPicker = new ColorPicker(stage);
			cPicker.addEventListener(ColorPickerEvent.COLOR_CHANGED, onColorChanged, false, 0, true);
		}
		
		private function onColorChanged(evt:ColorPickerEvent):void {
			var c:ColorTransform = new ColorTransform();
			c.color = evt.newColor;
			this.transform.ColorTransform = c;
		}
	}
}

```

… and here’s the error I get:  
[pre]ReferenceError: Error #1056: Cannot create property ColorTransform on flash.geom.Transform.  
at classes::MiniTruckSim/::onColorChanged()  
at flash.events::EventDispatcher/flash.events:EventDispatcher::dispatchEventFunction()  
at flash.events::EventDispatcher/dispatchEvent()  
at ColorPicker/::setTruckColor()  
at ColorPicker/::onClick()[/pre]  
I’ll see if my new AS3 book has anything to say on the subject.

---

<div class="post-metadata">

### Author: ![spiderbox](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@spiderbox](https://forum.kirupa.com/u/spiderbox)
#### Post date: [July 6, 2008, 6:10pm UTC](https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194/12 "2008-07-06T18:10:04Z")

</div>

Sage\_of\_Fire I have class that work in same way like in AS2.0 plus new features  
check my [[U] **blog** [/U]](http://www.creativearmenia.com) RichColor class. P.S. u can ser R,G,B values separately :).

---

<div class="post-metadata">

### Author: ![sekasi](https://avatars.discourse-cdn.com/v4/letter/s/5f8ce5/32.png) [@sekasi](https://forum.kirupa.com/u/sekasi)
#### Post date: [July 6, 2008, 6:15pm UTC](https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194/13 "2008-07-06T18:15:03Z")

</div>

this.transform.ColorTransform = c;

should be

this.transform.colorTransform = c;

Read the examples before you try something.

---

<div class="post-metadata">

### Author: ![Sage\_of\_Fire](https://avatars.discourse-cdn.com/v4/letter/s/e95f7d/32.png) [@Sage\_of\_Fire](https://forum.kirupa.com/u/Sage_of_Fire)
#### Post date: [July 6, 2008, 7:20pm UTC](https://forum.kirupa.com/t/recolor-sprite-with-solid-color-and-tiling-background/265194/14 "2008-07-06T19:20:56Z")

</div>

Sorry, rookie mistake. The typos alllllways get me…
