How to Create Grid in Adobe Flash

In this tutorial, you will learn how to create a grid in flash. ActionScript 3.0 is utilized here to add the grids dynamically in flash. This is helpful when creating heavy animations and movies.


Step 1: Create a new Flash Project

Open Flash and create a new Flash project. Make sure ActionScript 3.0 is the type of the file.

Open new flash project

Step 2: Adjust settings for the movie clip

Draw a perfect square outside the stage. We are going to duplicate this square to produce grids but this square will not be utilized. Convert the square to a movie clip, by choosing “Convert to Symbol’ from the context menu. Open the advanced tab to link the movie clip to the ActionScript. Enable on “Export for ActionScript” and type in a class name. Here we will mention “Grid’ as the class name. Name the instance of the movie clip as ‘grid’. The movie clip is now ready to duplicate.

Advanced Tab for Movie clip

Step 3: Produce Horizontal girds

Create another layer in the timeline to include the action script. Open the Action Window with Layer 2 and Frame 1 in selection. Since the grid is a multiple representation of square, loop is used. Here we use the “for” loop. The number of grids here is limited to 4 along the horizontal axis. A single for loop is used as the duplication happens along a single axis. addchild() is the function used to duplicate the grip.

Code to produce horizontal grids

Step 4: Code for complete grid

To add another axis to the grid, simple addition of code is done. Two for loops are used to reproduce the grid along x and y axis. In the first set of codes, only the width of the grid is considered. Here both the height and width are considered.

Code for complete grid

Step 5: Output

Since the limitation of the grid for flash is set to 4, the grid produces a 4×4 grid. Thus grids are produced dynamically in flash. ActionScript2.0 uses the dupilcateMovieClip() function which is not available with ActionScript 3.0. Instead here we use the addChild() function. In this manner, you can work with grids for flash.

Output – complete grid