Featured Flash FLA 11303 Flash Movies | 7 New Flash Movies Added What's New | Top 100 Featured FLA » Author: Nitin Tikhe » Title: Cart » Description: This Animation Tut is a fun and useful for kids below 15 years. Watch the Flag, Doors, Stick and Horse movements. » More by Nitin Tikhe Random FLAs | Add Flash Movie Featured Flash Site 6008 Flash Sites | 0 New Flash Links What's New | Top 100 Flash Site Featured Site » Posted in the Flash Kit Links section » Title: Banana Swimwear » Description: This is a banana swim wear interactive catalog we designed and animated in Flash Random Links | Add your own Flash Related Links

1255 Tutorials 7 New Tutorials Added! What's New | Top100 » Make flash video player for broadcasting live streaming video / TV on website » How to convert the project file of Flash Demo Builder 2.0 into FLV file » FLV to PSP for Mac - How to convert YouTube video to PSP on mac » How to Convert FLV to MP4 for Playback on iPod » how to download and convert youtube video to AVI with Leawo Free FLV converter » Flash Multi-player Game Tutorial - TicTacToe » How to make Flash elearning tutorials with screen recorder? » Fader API:Slideshow with MovieClips on stage » How to convert MS PPT file into an FLV File » Unknown Tag: Title10 Random Tutorial | Add Site

Network Design Manager The Computer Merchant, Ltd US-VA-Hampton Post A Job | Post A Resume

Tutorials Home What's New Top Rated Submit myTutes Random!

Tutorials » Actionscripting

How to Create a Flash MX Component
Author: Jonathan Kaye | Website: http://www.amethyst-research.com |

Overview

A Component starts with a movie clip. We are first going to define the visuals for the triangle within a movie clip, and then write the ActionScript within the movie clip for the triangle class, properties, and methods. We then link the movie clip with the class definition. When the Component is placed in a movie, the class constructor is invoked. The triangle is very simple, so we do not need complex visuals or animation. The triangle has a base, a height, and a tint color property, a boolean flag (property) indicating whether or not to apply the tint, as well as a set of methods for reading and setting those values. The methods access the properties and manipulate the visuals.

Step 1. Create the triangle movie clip

The first step is to create the prototype triangle that we will scale and stretch according to the set base and height. Start by creating a new movie clip, naming it "Triangle Component". Inside that clip, draw an isosceles triangle any way you know how. Next, set the width and height of the triangle using the Property panel to be 10 pixels by 10 pixels.

Select the triangle, open the Align panel, select "To Stage", and align the triangle to the center (horizontally) and bottom (vertically). We align it to the bottom center so that when we place the component on the stage, we know that the base will remain in position when we scale the base and height. Your screen should look as follows:

» Forums
	More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.

10 9 8 7 6 5 4 3 2 1