How to use Radio Buttons to make an object change colours?

Question

I need to make a bouncing ball animation for a uni assignment, and then have 3 radio buttons that you can click to make the ball change to either blue, red or green.

I have put three Radio Button components on the stage with the instance names of "red" "blue" and "green", and the instance name of the object I want to change is "ball".

I know to transform an object's colour you use this code:

var myColorTransform = new ColorTransform ();

myColorTransform.color = 0xFF0000;

ball.transform.colorTransform = myColorTransform;

but how do I "attach" this to the radio button?

kglad · Accepted Answer

Yeah that makes the red one work perfectly fine, but I need two more buttons that changes that ball to green and blue aswell, and when I use that code it says duplicate function.

or you could use:

red.addEventListener(MouseEvent.CLICK,ColorTransformF);

green.addEventListener(MouseEvent.CLICK,ColorTransformF);

blue.addEventListener(MouseEvent.CLICK,ColorTransformF);

function ColorTransformF(e:MouseEvent): void{

var myColorTransform = ball.transform.colorTransform;

if(e.currentTarget.name=='red'){

myColorTransform.color = 0xFF0000;

} else if(e.currentTarget.name=='green'){

myColorTransform.color=0x00ff00;

} else {

myColorTransform.color=0x0000ff;

}

ball.transform.colorTransform = myColorTransform;

}

kglad · Answer

create radio button listens and add your transforms to the listener functions.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded