Stage Four

In the fourth stage of the application we want to add some buttons that allow the user to move the circles, as a group, as they bounce around. Also, we’ll let the user scale and rotate the circles as a group. Here are the steps to follow to complete stage four:

  1. Open stage3.fla and save it as stage4.fla.

  2. Create a new movie clip symbol named RectangleButton.

  3. Open the linkage properties for RectangleButton.

  4. Check the Export for ActionScript and Export in First Frame options and add a linkage identifier of RectangleButtonSymbol.

  5. Click OK to close the linkage properties.

  6. Edit RectangleButtonSymbol.

  7. Add the following code to the first frame of the default layer:

    #initclip
    
    function RectangleButtonClass (  ) {}
    
    RectangleButtonClass.prototype = new MovieClip(  );
    
    RectangleButtonClass.prototype.init = function (label, col, w, h) {
    
      // If w (width) is undefined, default to 100; if h (height) is undefined,
      // default to 30; if col (for color) is undefined, default to 0xDFDFDF (light
      // gray); and if label is undefined default to "submit".
      w = (w == undefined) ? 100 : w;
      h = (h == undefined) ? 30 : h;
      col = (col == undefined) ? 0xDFDFDF : col;
      label = (label == undefined) ? "submit" : label;
    
      // Create a movie clip into which to draw the rectangle button.
      this.createEmptyMovieClip("btn", 1);
    
      // Create a label text field. Use createAutoTextField(  ) to make the text field
      // autosize. (You will include TextField.as from Chapter 8 on the main // timeline.) this.createAutoTextField("label", 2); ...

Get Actionscript Cookbook now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.