Welcome To MyFreeWebTemplates.info Flash Tutorials Area - Change shape color with a button

Follow the steps below:

1. Launch Flash Designer and create a blank document.
2. Set the frame delay to "Stop" ("Frame" > "Frame Delay").
3. Size the frame at about 300x300 ("Frame" > "Frame Size").
4. Draw 2 circles with the "Ellipse Tool".
5. Select both shapes (Ctrl+A). Choose "Item" > "Line and Fill" > "Line Width" > "None".
6. choose "Edit" > "Convert to Sprite". The object should appear as "Sprite3"
7. Right-click it and click "Placement Properties".
8. Check the "Action-Script Target" checkbox and click OK.

1. Choose "Rectangle" tool and draw a small rectangle (about 18 x 18 pixels, hold CTRL to draw both edges equal)
2. Change fill color to purple
3. Choose "Item" > "Actions" > "OnClick" and enter the following ActionScript code:

   myColor = new Color(Sprite3);
   myColor.setRGB(0xff00ff);

4. Duplicate the rectangle with "Edit" > "Duplicate"
5. Change fill color to green
6. Choose "Item" > "Actions" > "OnClick" and modify the following ActionScript code:

   myColor = new Color(Sprite3);
   myColor.setRGB(0x00ff00);

7. Hit F9 to play the file.

Download source project t1036.zip