tag:blogger.com,1999:blog-64008968166284813452024-02-07T16:03:17.159-08:00Flash MX TutorialsUnknownnoreply@blogger.comBlogger31125tag:blogger.com,1999:blog-6400896816628481345.post-25696045527828588372009-03-14T01:10:00.000-07:002009-03-14T01:14:34.113-07:00Contents<strong>CHAPTER 1</strong><br /><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a gradient background</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">Tween bitmap effects within a movie clip</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">Add animation and navigation to buttons</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">Test download performance and publish the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">The next steps</a><br /><br /><br /><strong>CHAPTER 2<br /></strong><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">Display information in a dynamic text box</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">The next steps</a><br /><br /><br /><strong>CHAPTER 3</strong><br /><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">The next steps</a><br /><br /><br /><br /><span style="color:#ffffff;">.</span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-60374665954959250212009-03-13T01:30:00.005-07:002009-03-14T01:18:34.527-07:00CHAPTER 3 - The next steps<div align="justify">This tutorial has presented the basic steps for creating a simple group of components and then displaying the results. For more information, see Using Flash and the ActionScript Dictionary, both found in the Help menu.<br /></div><div align="justify"><span style="color:#ffffff;">.</span></div><div align="justify"><span style="color:#ffffff;"></span> </div><div align="justify"><span style="color:#ffffff;">.</span></div><div align="justify"><span style="color:#ffffff;">.</span></div><div align="justify"><span style="color:#ffffff;"></span> </div><div align="justify"><span style="color:#ffffff;">.</span></div><div align="justify"> </div><div align="justify"></div><div align="justify"></div><div align="justify"></div><div align="justify"></div><div align="justify">=========================================</div><div align="justify"></div><div align="justify"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /></div><div align="justify"></div><div align="justify"></div><div align="justify"><br /><br /><span style="color:#ffffff;">..</span></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-69491652654811300942009-03-13T01:30:00.003-07:002009-03-14T01:25:26.215-07:00CHAPTER 3 - Create a form<div align="justify">In this tutorial, you will use components to create a simple two-page form to enter a sweepstakes to win a free Stiletto electric car. The first page is used to gather the information, and the second page is used to display the results. You will follow these three steps to complete the form:<br /><br />• Add components to the form<br />• Configure the components<br />• Add ActionScript to the document to make the components work<br /><br />To get you started, we have included the background, text fields, and graphics for the form. You will add and configure components and ActionScript to make it an interactive form.<br /><br /><br /><strong>Add components</strong><br /><br />The first step is to add the components to the Stage and place them on the form. You will add a check box, a combo box, and a push button to the first page of the form. You will also add a push button to the second page.<br /><br />To add components to a document, you can either drag elements from the Components panel to the Stage, or double-click them in the Components panel to place them in the center of the Stage. After you add a component to a document, it appears in the document’s Library panel.<br /><br />It is a good idea to create a new layer for the components.<br /><br />1 Choose <strong>File</strong> > <strong>Open</strong> and navigate to the Flash MX program directory. Open Tutorials/ Components/my_sweepstakes/mysweepstakes.fla.<br /><br />2 Choose <strong>File</strong> > <strong>Save As</strong> and save the file with a new name, such as newsweepstakes.<br /><br />3 Create a new layer and name it UI. You will place the components on this layer.<br /><br />4 Click Frame 6 in the UI layer of the Timeline. Choose <strong>Insert</strong> > <strong>Blank keyframe</strong> to add a blank keyframe. This will be used for components on the second page.<br /><br />5 Make sure the following panels are open:<br /><br />• (<strong>Window</strong> > <strong>Library</strong>)<br />• Components panel (<strong>Window</strong> > <strong>Components</strong>)<br />• Property inspector (<strong>Window</strong> > <strong>Properties</strong>)<br /><br /><br /><strong>Add a check box</strong><br /><br />Use the CheckBox component to create a box with a value of either true or false.<br /><br />1 Select Frame 1 in the UI layer.<br /><br />2 Drag the CheckBox component from the Components panel to the Stage. Place it under the paragraph that asks if the user wants to enter the sweepstakes.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjTtFSkt17e12FYKGWSsa880hGBOO6yl8GLsshQ_1ZVyw00VxCyqEVsbQWUSvYaFE6sediPrLSPkWOCCBv4e5YvUYIJhEvBddVPxAQpZsd9ApTbX1oZqvizfDmDsiqdIas8tP6LiXiqR8/s1600-h/image195.jpg"><img id="BLOGGER_PHOTO_ID_5312936517884636594" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 129px; CURSOR: hand; HEIGHT: 51px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjTtFSkt17e12FYKGWSsa880hGBOO6yl8GLsshQ_1ZVyw00VxCyqEVsbQWUSvYaFE6sediPrLSPkWOCCBv4e5YvUYIJhEvBddVPxAQpZsd9ApTbX1oZqvizfDmDsiqdIas8tP6LiXiqR8/s320/image195.jpg" border="0" /></a><br /><br /><br /><br /><br />The component appears in the Flash UI Components folder in the Library panel.<br /><br /><br /><strong>Add a combo box<br /><br /></strong>Use the ComboBox component to create a simple drop-down menu of items that can be selected by users. You can also use a ComboBox to build a more complex drop-down menu that automatically scrolls to a menu item starting with the letter or letters entered into the text field by the user.<br /><br />• Drag the ComboBox component from the Components panel to the Stage. Place it under “Select your favorite color:”.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDZww1nCutvzc4KAfg9344lmiPoMbFSu4OskU6qqOpyEwMytEhlKo-e0cQ7d9rtgGNI4-OK0myJBlboe9Ydh2GK7s9gS_DdqYs5C4MBiHvXlmAQOH31cgOLd3r5tIDHe8Qjh9mIXi6igw/s1600-h/image197.jpg"><img id="BLOGGER_PHOTO_ID_5312936459004606674" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 129px; CURSOR: hand; HEIGHT: 53px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDZww1nCutvzc4KAfg9344lmiPoMbFSu4OskU6qqOpyEwMytEhlKo-e0cQ7d9rtgGNI4-OK0myJBlboe9Ydh2GK7s9gS_DdqYs5C4MBiHvXlmAQOH31cgOLd3r5tIDHe8Qjh9mIXi6igw/s320/image197.jpg" border="0" /></a><br /><br /><br /><br /><br />The component appears in the Flash UI Components folder in the Library panel.<br /><br /><br /><strong>Add push buttons</strong><br /><br />Use the PushButton component to create two push buttons. One button will be on the first page and will be used to submit the information on the form. The next button will be on the second page and will be used to return to the first page and repopulate it with the values that were previously submitted.<br /><br />1 Drag the PushButton component from the Components panel to the Stage. Place it in the lower right corner of the form so it lines up horizontally with the name and e-mail text fields.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE0DuB_wARazg5xeueL6jf7gtH4e0vb51SSZbWMOEpafHDU1uhpxbT3Tn02RwC_kXnnKYaZ-DpccVOcvR20MNHwkfQ0YcsRNwc_MnRV1H2QT8E65WNI1QD7SjmBLZWtf4tQw10ON5hZ20/s1600-h/image199.jpg"><img id="BLOGGER_PHOTO_ID_5312936399806544178" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 264px; CURSOR: hand; HEIGHT: 37px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE0DuB_wARazg5xeueL6jf7gtH4e0vb51SSZbWMOEpafHDU1uhpxbT3Tn02RwC_kXnnKYaZ-DpccVOcvR20MNHwkfQ0YcsRNwc_MnRV1H2QT8E65WNI1QD7SjmBLZWtf4tQw10ON5hZ20/s320/image199.jpg" border="0" /></a><br /><br /><br /><br />The component appears in the Flash UI Components folder in the Library panel.<br /><br />After you have dragged a component from the Components panel to the Stage, you select additional instances of it from the Library panel. </div><div align="justify"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY9WBIZAde4GoWECSwK5PQx-TeVeqPkpqwdZmg91U15apObphzXcjqTEYNsK3ByrnVsF1K7Xgce8fNNyYlVlGTZU7DzKPUUOtSpub-o2YNAhYs2gkUClhENv19lO47TYmIt_jiLOcCkHg/s1600-h/image201.jpg"><img id="BLOGGER_PHOTO_ID_5312936338598055618" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 199px; CURSOR: hand; HEIGHT: 249px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY9WBIZAde4GoWECSwK5PQx-TeVeqPkpqwdZmg91U15apObphzXcjqTEYNsK3ByrnVsF1K7Xgce8fNNyYlVlGTZU7DzKPUUOtSpub-o2YNAhYs2gkUClhENv19lO47TYmIt_jiLOcCkHg/s320/image201.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />2 Go to the blank keyframe at Frame 6. In the Library panel, open the Flash UI Components folder and drag the PushButton component from the Library panel to the Stage. Place it in the lower right corner.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCuQh1S6MmsppNbWvlyKfGe4OJuaFbLmM0Dhc43cS1sBkIZwewAl654ZjeU5v5wU8J_ptzTJEvkOi0B-tn-tklHvtl3vf322Uojty_ADH7-4ZU_g56E5_AfbUVq9olpBXtFJwf9y_XIrI/s1600-h/image203.jpg"><img id="BLOGGER_PHOTO_ID_5312936277399879394" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 260px; CURSOR: hand; HEIGHT: 43px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCuQh1S6MmsppNbWvlyKfGe4OJuaFbLmM0Dhc43cS1sBkIZwewAl654ZjeU5v5wU8J_ptzTJEvkOi0B-tn-tklHvtl3vf322Uojty_ADH7-4ZU_g56E5_AfbUVq9olpBXtFJwf9y_XIrI/s320/image203.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><strong>Configure the components</strong></div><br /><div align="justify">The next step is to configure the components so they are set up with the correct information for a user to select.<br /><br />You set the parameters for a component using the Parameters tab of the Property inspector or the Components Parameters panel.<br /><br />Advanced users can use API methods and properties for each component to set the parameters, size, appearance, and other properties of the component. The methods and properties available for each component element are listed in the ActionScript Dictionary under the name of the component.<br /><br /><br /><strong>Configure the check box</strong><br /><br />Select Frame 1 on the UI layer, then select the CheckBox component on the Stage. Its parameters are displayed in the Property inspector.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR6L9OBC9HbdyzyNF25pyrnVBqa8t0z4pRNcNdNL39KFPCn5ZmJ2i43W14uqeHnCmLgERNgmg5k8ml6FdtJCiI5xGXp2YRP6-rbFf9GNirg3O_v1gJQOwdN5gMIIwdKLs7011lBhwsHCU/s1600-h/image205.jpg"><img id="BLOGGER_PHOTO_ID_5312936213361426002" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 71px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR6L9OBC9HbdyzyNF25pyrnVBqa8t0z4pRNcNdNL39KFPCn5ZmJ2i43W14uqeHnCmLgERNgmg5k8ml6FdtJCiI5xGXp2YRP6-rbFf9GNirg3O_v1gJQOwdN5gMIIwdKLs7011lBhwsHCU/s320/image205.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br />2 Type sweepstakes_box in the Instance Name text box.<br /><br />3 Type Absolutely! in the Label text box.<br /><br />4 In the Initial Value parameter pop-up menu, select True. This specifies whether the initial state of the CheckBox component is selected (True) or unselected (False).<br /><br />5 In the Label Placement parameter pop-up menu, leave the default value set to right alignment. The label will be displayed to the right of the check box.<br /><br />6 Do not alter the Change Handler parameter.<br /><br />The Change Handler parameter is the function that you want to execute when the user selects an item. This function must be defined in the same Timeline as the component instance. This parameter is optional and needs to be specified only if you want an action to take place as soon as the user accesses a component.<br /><br />When you finish, the Property inspector should look like the following:<br /><br /><br /></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQDMpSWGit6IsqsM7OuDIBg4JJ_oFIeb0CZju3SRe7DVCntwY74VfzdXpTagI2x_wIY1ji-hrfIgceYexXeS67jvPuO4gmZx62wQrAKQ1EF9aqnF1TawGP4FjQlcEEd5KaS-HFJhT6kZw/s1600-h/image207.jpg"><img id="BLOGGER_PHOTO_ID_5312936163866970322" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 74px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQDMpSWGit6IsqsM7OuDIBg4JJ_oFIeb0CZju3SRe7DVCntwY74VfzdXpTagI2x_wIY1ji-hrfIgceYexXeS67jvPuO4gmZx62wQrAKQ1EF9aqnF1TawGP4FjQlcEEd5KaS-HFJhT6kZw/s320/image207.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><div align="justify">For more information about using the API methods of the FCheckBox component to set additional options for the component, see the FCheckBox (component) entry in the online ActionScript Dictionary in Flash Help. </div><br /><div align="justify"><br /><br /><strong>Configure the combo box<br /><br /></strong>Select the ComboBox component on the Stage. Its parameters are displayed in the Property inspector.<br /><br /></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsR6rpl7IHTjp8ycKpMT24WNnq_fVYs3Z7QHLFYvwHVtKBcep53bHGyddc0KNhrOOCY2uqVkPueZ9zhnmroDlgwA8GUgSLhKZrnMp83QxLPr2aNEnrOVoA8Sl2gvzgbDa2B1E-ISsB-4c/s1600-h/image209.jpg"><img id="BLOGGER_PHOTO_ID_5312936112878503538" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 71px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsR6rpl7IHTjp8ycKpMT24WNnq_fVYs3Z7QHLFYvwHVtKBcep53bHGyddc0KNhrOOCY2uqVkPueZ9zhnmroDlgwA8GUgSLhKZrnMp83QxLPr2aNEnrOVoA8Sl2gvzgbDa2B1E-ISsB-4c/s320/image209.jpg" border="0" /></a></div><div align="justify"><br /><br /><br /><br /><br /><br />2 Type color_box in the Instance Name text box.<br /><br />3 Make sure the Editable parameter is set to False. This prevents users from typing in their own text.<br /><br />4 The Labels parameter displays a list of values users can select. Click the Labels field, then click the magnifying glass to open the Values pop-up window. Click the Plus (+) button to enter a new value.<br /><br /><br /></div><div align="justify"></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEktAKrBqi2qr2lnCW2eW1aOftNmo4RTKnzuC95RU5dZDZwS5cZMhJmuOgny0e71eAFHMlL6T5dgqqA5ddPNgOFC8uuJfxpKynhPUHKEPIXueJAut6gQ9YBOqOrnDv8GJ32DUNDzDjG60/s1600-h/image211.jpg"><img id="BLOGGER_PHOTO_ID_5312936029003534930" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 160px; CURSOR: hand; HEIGHT: 191px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEktAKrBqi2qr2lnCW2eW1aOftNmo4RTKnzuC95RU5dZDZwS5cZMhJmuOgny0e71eAFHMlL6T5dgqqA5ddPNgOFC8uuJfxpKynhPUHKEPIXueJAut6gQ9YBOqOrnDv8GJ32DUNDzDjG60/s320/image211.jpg" border="0" /></a></div><div align="justify"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />5 Click in the default value field, then type Lightning for the first value.<br /><br />6 Click the Plus (+) button to enter the next value. Click in the default value field, then type Cobalt for the next value.<br /><br />7 In the same manner, add Emerald to the list. When you are finished, the Values pop-up window should look like the following:<br /><br /><br /></div><div align="justify"></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEqZ7hh9EBP3v5WNebzw4qygE95CRBvZulS46so-EiKaFhoIPwPXpggAse5hK8Ny_iEJZA4dA3U3zhWrlurcIcuXdEpHiHCt8bYzWCISiNj2fgJGFDMBT0OQpmI2pFzpjlxlwb4x5oGbY/s1600-h/image213.jpg"><img id="BLOGGER_PHOTO_ID_5312935795226089762" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 160px; CURSOR: hand; HEIGHT: 192px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEqZ7hh9EBP3v5WNebzw4qygE95CRBvZulS46so-EiKaFhoIPwPXpggAse5hK8Ny_iEJZA4dA3U3zhWrlurcIcuXdEpHiHCt8bYzWCISiNj2fgJGFDMBT0OQpmI2pFzpjlxlwb4x5oGbY/s320/image213.jpg" border="0" /></a></div><div align="justify"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />8 Click OK to close the Values pop-up window.<br /><br />The Data parameter is optional. It is used to specify the values associated with the items (labels) in the list box. There is no need to do that for this tutorial.<br /><br />9 The Row Count parameter specifies how many rows are displayed in the window. Since there are three options, change the value to 3. There is no need to enter a Change Handler parameter name. When you are finished, the Property inspector should look like the following:<br /><br /><br /></div><div align="justify"></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTdeRqt_wvLRfWsaO-b3ZsAvTYjdIf1Iv0BqZ_kaB-v88-Kwyj28odHZreJLFSXecM87AwGPFPOaRKjCf0rKvrZdRRy0ouEUsR65xInxXuiNRsFDtcQhuOkEgr49UKYkzrW50ij0jBb9c/s1600-h/image215.jpg"><img id="BLOGGER_PHOTO_ID_5312935737652129442" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 72px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTdeRqt_wvLRfWsaO-b3ZsAvTYjdIf1Iv0BqZ_kaB-v88-Kwyj28odHZreJLFSXecM87AwGPFPOaRKjCf0rKvrZdRRy0ouEUsR65xInxXuiNRsFDtcQhuOkEgr49UKYkzrW50ij0jBb9c/s320/image215.jpg" border="0" /></a><br /><br /><br /><br /><br /><br />For more information about using API methods to change additional properties, see the FComboBox (component) entry in the online ActionScript Dictionary in Flash Help.<br /><br /><br /><strong>Configure the push buttons</strong><br /><br />Select the PushButton component in Frame 1.<br /><br />The component’s parameters are displayed in the Property inspector.<br /><br /></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgStK9jr_g285JikabOs2eOFAkXAVaYBxUvAQOlC88uwvJaEdRnfJ3H8EGzxAily-3egoGlspsjZqbw4TEDcDJaOyOsJKYNiR34vSCf6Qj4K6mxcC8yjvbg5jmjqRuy8c5jj9Cgfh2Vc4k/s1600-h/image217.jpg"><img id="BLOGGER_PHOTO_ID_5312935683461809586" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 72px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgStK9jr_g285JikabOs2eOFAkXAVaYBxUvAQOlC88uwvJaEdRnfJ3H8EGzxAily-3egoGlspsjZqbw4TEDcDJaOyOsJKYNiR34vSCf6Qj4K6mxcC8yjvbg5jmjqRuy8c5jj9Cgfh2Vc4k/s320/image217.jpg" border="0" /></a></div><div align="justify"></div><div align="justify"><br /><br /><br /><br /><br /></div><div align="justify"><br /><br />2 Type submit_btn in the Property inspector Instance Name text box.<br /><br />3 Type Submit in the Property inspector Label text box.<br /><br />This text is displayed in the body of the button.<br /><br />4 Type onClick for the Click Handler name. Later you will write ActionScript to define what the<br />Click Handler should do.<br /><br />When you are finished, the Property inspector should look like the following:<br /><br /><br /></div><div align="justify"></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizk8QdlFVA1kaQ_46EssYoNJeZLRJT-qTDaRUz3V6quWUC1q9yIYFeGE-jOJufAlBEQwazdbpWRvXe9Tkd2nsBDZlvRtmqD2ogZ53WhW48El4RuBCTQEma8Jq1kfkd7wJTnxaRLUKQ8vE/s1600-h/image219.jpg"><img id="BLOGGER_PHOTO_ID_5312935613943994978" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 73px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizk8QdlFVA1kaQ_46EssYoNJeZLRJT-qTDaRUz3V6quWUC1q9yIYFeGE-jOJufAlBEQwazdbpWRvXe9Tkd2nsBDZlvRtmqD2ogZ53WhW48El4RuBCTQEma8Jq1kfkd7wJTnxaRLUKQ8vE/s320/image219.jpg" border="0" /></a></div><div align="justify"><br /><br /><br /><br /><br /><br /><br />5 Select the PushButton component in Frame 6.<br /><br />6 Type return_btn in the Property inspector Instance Name text box.<br /><br />7 Type Return in the Property inspector Label text box. 8 Type onClick for the Click Handler name.<br /><br />For more information about using the API methods of the FPushButton component to change additional properties, see the FPushButton (component) entry in the online ActionScript Dictionary in Flash Help.<br /><br /><br /><strong>Write ActionScript to gather the data</strong><br /><br />Some of the ActionScript will be for the entire movie, while some will be related to a particular frame. The following table will help you keep track of instance names.<br /><br /><strong><span style="color:#993399;">Instance name - Description<br /></span><em>color_box</em></strong> - Color combo box on page 1<br /><em><strong>sweepstakes_box</strong></em> - sweepstakes check box on page 1<br /><em><strong>submit_btn</strong></em> - Submit push button on page 1<br /><em><strong>name</strong></em> - Input text box for name on page 1<br /><em><strong>email</strong></em> - Input text box for e-mail address on page 1<br /><em><strong>return_btn</strong></em> - Return push button on page 2<br /><strong><em>name_result</em></strong> - Dynamic text box on page 2 to display the user’s name<br /><strong><em>email_result</em></strong> - Dynamic text box on page 2 to display the user’s e-mail address.<br /><strong><em>color_result</em></strong> - Dynamic text box on page 2 to display the user’s color selection<br /><strong><em>sweepstakes_text</em></strong> - Dynamic text box on page 2 that displays different text if the user has chosen or not chosen to enter the sweepstakes<br /><br /><br /><strong>Write ActionScript for the entire movie</strong><br /><br />ActionScript for components is placed in keyframes. The Click Handler parameter specifies what happens when the PushButton component is activated. The default value is onClick, which means that when the user clicks one of the push buttons, it is activated. We will begin by creating a function for onClick. This will be a branching function that will first determine whether the button pushed was the Submit or the Return button, then carry out actions accordingly.<br /><br />1 Create a new layer and name it All Actions. This will be used for ActionScript that should run throughout the movie.<br /><br />2 If the Actions panel is not open, choose <strong>Window</strong> > <strong>Actions</strong>.<br /><br />3 Switch to expert mode by pressing Control+Shift+E (Windows) or Command+Shift+E (Macintosh), or by clicking the control in the upper right corner (a triangle with a check mark above it) and selecting Expert Mode from the pop-up menu.<br /><br />4 First, enter the callback function for the push buttons. This is a conditional statement that branches depending on which button is clicked. If the Submit button is clicked, it will branch to the getResultsfunction and go to page 2. If the Return button is clicked, it will go to page 1.<br /><br />Enter the following code in the Actions panel. </div><br /><div align="justify"><span style="font-family:courier new;color:#000000;">// push button callback<br />function onClick(btn) {<br />if (btn == submit_btn) {<br />getResults();<br />gotoAndStop("pg2");<br />} else if (btn == return_btn) {<br />gotoAndStop("pg1");<br />}<br />}</span> </div><br /><div align="justify"><span style="font-size:85%;"><strong><em>Note:</em></strong> Although it is not recommended, if you don’t want to write the ActionScript, you can copy the text from this tutorial and paste it into the Actions panel.</span><br /><br />5 Now, write the getResults function. This gets the results from the sweepstakes check box and the color combo box. It gets the results from the combo box as a label so it can show the results. </div><div align="left"><br /><span style="font-family:courier new;color:#000000;">// get results from pg 1<br />function getResults() {<br />sweepstakes_result = sweepstakes_box.getValue();<br />color_result = color_box.getSelectedItem().label;<br />selectedItem = color_box.getSelectedIndex();<br />}</span> </div><div align="justify"><br />6 Next, write the initValues function. This initializes the values on page 1 with the values the user has previously selected. It is run when the user clicks the Return button. </div><br /><div align="left"><span style="font-family:courier new;color:#000000;">// initialize the values on pg 1 with the values the user has previously selected<br />function initValues() {<br />sweepstakes_box.setValue(sweepstakes_result);<br />if (!started) {<br />color_box.setSelectedIndex(0);<br />started = true;<br />} else {<br />color_box.setSelectedIndex(selectedItem);<br />}<br />}</span> </div><br /><div align="left"><br />7 Finally, add a call to the initValues function to the beginning of the ActionScript. When you finish, the ActionScript should look like this: </div><br /><div align="left"><span style="font-family:courier new;color:#000000;">InitValues();<br />// push button callback<br />function onClick(btn) {<br />if (btn == submit_btn) {<br />getResults();<br />gotoAndStop("pg2");<br />} else if (btn == return_btn)<br />{ gotoAndStop("pg1");<br />}<br />}<br />// initialize the values on pg 1 with the values the user has previously selected<br />function initValues() {<br />sweepstakes_box.setValue(sweepstakes_result);<br />if (!started) {<br />color_box.setSelectedIndex(0);<br />started = true; }<br />else {<br />color_box.setSelectedIndex(selectedItem);<br />}<br />}<br />// get results from pg 1<br />function getResults() {<br />sweepstakes_result = sweepstakes_box.getValue();<br />color_result = color_box.getSelectedItem().label;<br />selectedItem = color_box.getSelectedIndex();<br />}</span><br /><br /></div><div align="left">You have completed the script that needs to run for the entire movie. However, you still need to add script for the frames in page 1 and page 2.<br /><br /><br /><strong>Add ActionScript to each keyframe</strong><br /><br />Some of the ActionScript needs to be executed only when a user selects a particular frame. In order to make the ActionScript work, you need to name each keyframe.<br /><br />1 Create a new layer and name it Frame Actions. Select Frame 1, then choose <strong>Insert</strong> > <strong>Blank</strong> Keyframe to insert a keyframe. Use the Property inspector to name the keyframe pg1. In the same manner, insert a keyframe at Frame 6 and name it pg2.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiixbL0q6NHP_gvPV0UZKIhgkoPX4aWojqmqB6w2mxZdKT8_Q6z74DWku1kJ5q4GSfmdl5SnepOZ3K5gORY5iYJT12ypLkPATFaAlIqPUEeY8APgzFzKPW2QE-XLpjkosScfBkknkMyUyc/s1600-h/image222.jpg"><img id="BLOGGER_PHOTO_ID_5312935545899852866" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 56px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiixbL0q6NHP_gvPV0UZKIhgkoPX4aWojqmqB6w2mxZdKT8_Q6z74DWku1kJ5q4GSfmdl5SnepOZ3K5gORY5iYJT12ypLkPATFaAlIqPUEeY8APgzFzKPW2QE-XLpjkosScfBkknkMyUyc/s320/image222.jpg" border="0" /></a><br /><br /><br /><br /><br />2 Select the keyframe in Frame 1 of the Frame Actions layer and write the following ActionScript to stop the movie at Frame 1 (pg1):<br />stop();<br /><br />3 (Optional) If you want to display certain text if the user has selected the sweepstakes check box and other text if the user has not, you can write a conditional statement with text that will go into the sweepstakes_text dynamic text field on page 2. Select the keyframe named pg2 in the Frame Actions layer and enter the following in the Actions panel: </div><div align="left"><br /><span style="font-family:courier new;color:#000000;">// sweepstakes text<br />if (sweepstakes_result==true) {<br />sweepstakes_text = "You have been entered in the Stiletto Fantasy sweepstakes. Winners are announced at the end of each month.";<br />} else {<br />sweepstakes_text = "You have not been entered in the Stiletto Fantasy sweepstakes.";<br />}</span> </div><div align="left"><br /><span style="font-size:85%;"><strong><em>Note</em></strong>: Do not cut and paste this ActionScript into the Actions panel. It will not work properly, because there are line breaks between the first and second lines of text. </span></div><div align="left"><br /><br /><strong>Test your movie<br /></strong><br />To see what the components look like, run your movie in the Flash Player 6.<br /><br />1 Select <strong>Control</strong> > <strong>Test Movie</strong>.<br /><br />The movie is run in the Flash Player.<br /><br />2 Select and deselect the check box to be sure it works.<br /><br />3 Select a color and make sure it appears on page 2.<br /><br />4 When you are finished, select File > Close to close the movie in the player.<br /><br />5 If you noticed any errors, use the Arrow tool to select the component, then make the corrections in the Property inspector. If necessary, retest the movie.<br /></div><div align="left"> </div><div align="left"><br /><br /> </div><div align="left"></div><div align="left"></div><div align="left">==============================================<br /><span style="color:#ffffff;">.</span><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>============================================== </div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-31482406770125496082009-03-13T01:30:00.001-07:002009-03-14T01:26:04.473-07:00CHAPTER 3 - View the completed form<div align="justify">You can navigate through components in a form by doing the following:<br /><br />• Click the component to select it.<br />• Press Tab to move forward; press Shift+Tab to move backward.<br />• Use the arrow keys to navigate through menu items.<br /><br />1 Choose <strong>File</strong> > <strong>Open</strong> and navigate to the Flash MX program directory. Open Tutorials/ Components/Finished/sweepstakes.swf. This is the completed movie.<br /><br />2 Use the navigation techniques described above to test each of the buttons and boxes on the form.<br /><br />3 Now open sweepstakes.fla. Choose <strong>File</strong> > <strong>Open</strong> and navigate to the Flash MX program directory. Open Tutorials/Components/Finished/sweepstakes.swf. This is the Flash document that generated the movie. Two keyframes are included in the Timeline.<br /><br />4 Examine page 1. It contains the check box, combo box, and push buttons that are used to gather information. It also has two input text fields for the user’s name and e-mail address.<br /><br />5 Examine page 2. It is the results page and contains several dynamic text boxes to show the results of the information gathered on page 1. To save time, we have already created them for you. </div><div align="justify"> </div><div align="justify"><br /><br /><span style="color:#ffffff;">.<br />.<br /></span>==============================================<br /><span style="color:#ffffff;">.</span><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /><br /></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-46276895475612804482009-03-13T01:29:00.005-07:002009-03-14T01:26:56.877-07:00CHAPTER 3 - Types of componentsFlash MX provides the following components:<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1qdfL_0xLAVmaylS0RTf91r2a0Y7ICyH0wHbSFpLfSDTq5vOu0IJtNgoBkZa_pjDK7E_i0td3RtaxMtz_9mQ6tIJv9yaFrGKaERGO5tJ1si1UL42SH3tu_sJEIrQptLjGJA1KsdseItY/s1600-h/image192.jpg"><img id="BLOGGER_PHOTO_ID_5312919093691164210" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 148px; CURSOR: hand; HEIGHT: 121px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1qdfL_0xLAVmaylS0RTf91r2a0Y7ICyH0wHbSFpLfSDTq5vOu0IJtNgoBkZa_pjDK7E_i0td3RtaxMtz_9mQ6tIJv9yaFrGKaERGO5tJ1si1UL42SH3tu_sJEIrQptLjGJA1KsdseItY/s320/image192.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><strong>Radio button</strong> - Represents a single choice in a group of mutually exclusive choices<br /><strong>Check box</strong> - Represents a single choice<br /><strong>Push button</strong> - Carries out a command when the user clicks it or presses Enter or Return<br /><strong>Combo box</strong> - Displays a list of choices<br /><strong>List box</strong> - Displays a list of choices<br /><strong>Scroll pane</strong> - Provides a scrollable window pane for viewing movie clips<br /><strong>Text scroll bar</strong> - Adds a scroll bar to a text field.<br /><div align="justify"><br /><strong><br /><br /><span style="color:#000000;">How you can use components</span></strong><br /><br />Here are some ways you can use components:<br /><br /><strong>Web form</strong> Design a form that asks for a user’s address, telephone, e-mail address, and other personal information, then validates the data before submitting it to a server.<br /><br /><strong>Build your car</strong> Create a Web form that allows users to order a car by selecting various graphic options instead of typing in the information. The fields are generated from the graphical interactions.<br /><br /><strong>Survey</strong> Build a multiple-question, multiple-part survey that instantly tallies the results and charts the resulting survey data.<br /><br /><strong>Photo album</strong> Create a personal photo album that takes a directory of images and thumbnails and wraps them with the Flash interface and navigation elements.<br /><br /><strong>Loan calculator</strong> Design an online amortization calculator that calculates loan payments.<br />Web-based presentation template Create a template for slide-based presentations with simple, prebuilt navigation elements and a layout for images and text.<br /><br /><br /><br /><span style="color:#ffffff;">.<br />.</span><br />==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /><span style="color:#ffffff;">.</span></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-47535144521495366782009-03-13T01:29:00.003-07:002009-03-14T01:27:39.720-07:00CHAPTER 3 - Introduction to Components Tutorial<div align="justify">You can use Macromedia Flash UI components to quickly and easily add simple user interface elements to your Flash document.<br /><br />This tutorial is designed to introduce components to beginner and intermediate Flash users and show how they can be used to easily create a simple application. Before taking this tutorial, you should complete the Introduction to Flash MX Tutorial and the Introduction to ActionScript Tutorial, which you can access by selecting <strong>Help</strong> > <strong>Tutorials</strong>.<br /><br />After completing this tutorial, you will know how to do the following tasks:<br /><br />• Add components to a Flash document<br />• Configure the components<br />• Add ActionScript to make the components work<br /><br /><br /><br /><span style="color:#ffffff;">.<br />.<br /></span>==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /><span style="color:#ffffff;">.<br /></span><br /><br /><br /><br /></div><div align="justify"></div><div align="justify"></div><div align="justify"></div><div align="justify"></div><div align="justify"></div><div align="justify"></div><div align="justify"></div><div align="justify"></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-29071636336327921162009-03-13T01:29:00.001-07:002009-03-14T01:29:11.312-07:00CHAPTER 2 - The next steps<div align="justify">By completing the tutorial, you’ve accomplished a great deal in a relatively short amount of time. You’ve learned how to use ActionScript to set up a Flash movie’s starting point, how to create commands and reuse code to make actions recur, and how to precisely control the flow of the movie. Using ActionScript variables and expressions, you know how to keep track of user activity in your movie and how to display changing content to your users. Finally, you’ve learned how to test your movie.<br /><br />To continue learning about ActionScript, see the online ActionScript Dictionary in the Help menu and articles in the Flash Support Center. From the Samples folder within your Flash MX application folder, you can also open an advanced version of the puzzle.fla movie and deconstruct the ActionScript that was used to create a timer and animated puzzle piece.<br /><br /></div><div align="justify"><span style="color:#ffffff;">.<br />.</span><br />==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.</span><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /><span style="color:#ffffff;">.</span></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-38062900826942692002009-03-13T01:28:00.007-07:002009-03-14T01:30:23.143-07:00CHAPTER 2 - Test the movie<div align="justify">“Test early and test often” is a mantra for Web developers. The sooner you test your movie, the easier it is to determine the cause of unexpected results. It’s a good idea to save multiple versions of your file using sequential names—for example, mypuzzle1.fla, mypuzzle2.fla, and so on, as you’ve been doing in this tutorial. This way, the highest numbered file is always the newest and it’s easy to revert to an earlier version.<br /><br />As you learned in the Introduction to Flash MX Tutorial, the Flash authoring tool includes a version of the Flash Player that lets you test your movie at any point during authoring by choosing <strong>Control </strong>> <strong>Test Movie</strong>. This version of the Flash Player has several commands and tools to help you troubleshoot your movie.<br /><br />The most common reason for unexpected results in a Flash movie is an incorrect path to a variable, function, object, or movie clip. This can cause a variable to contain the wrong value, prevent a function from being called, or prevent a movie clip from playing correctly.<br /><br />The trace action allows you to write notes and expressions in your scripts whose results are sent to a window called the Output window.<br /><br />Now you’ll add a trace action to test if a function was called successfully.<br /><br /><span style="font-size:85%;"><strong><em>Note</em>:</strong> Flash also includes a Debugger, which lets you examine the values of global and local variables, including when they change as the movie plays. Additionally, with the Debugger you can use breakpoints to stop the movie and test ActionScript line by line. For more information, see “Using the Debugger” under <strong>Help</strong> > <strong>Using Flash</strong></span>.<br /><br />1 Choose <strong>File</strong> > <strong>Open</strong> and choose the version of the mypuzzle.fla file that you last saved.<br /><br /><span style="font-size:85%;"><strong><em>Note:</em></strong> You can also browse to your Flash MX application folder and open Tutorials/ActionScript/Finished/ puzzle8.fla. If you do use the puzzle8.fla file, save the file with a new name in your My_Puzzle folder to maintain an unadulterated version of the original file</span>.<br /><br />When the user clicks the OK button in the SWF movie, the puzzle pieces should scramble. You can use a trace action to test if the Scramble function is being called.<br /><br />2 In the Actions layer in the Timeline, select Frame 1 and open the Actions panel.<br /><br />3 In the Script pane, scroll to and select line 18, the commented line that says <span style="font-family:courier new;">// enter trace action here</span>.<br /><br />4 In the Actions toolbox, double-click the trace action from the <strong>Actions</strong> > <strong>Miscellaneous Actions</strong> category.<br /><br />5 Type Scramble function has been called in the Message text box. You are placing this message within the Scramble function. 6 Save your document, then choose <strong>Control</strong> > <strong>Test Movie</strong>. </div><br /><div align="justify"><br />7 Click the OK button in the SWF movie.<br /><br />The Output window appears, which traces events in your movie. Enlarge the window, as necessary, to read the messages. The message Scramble function has been called appears in the Output window.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe5bsik80bsuh-w3hEcCVlu_q4g1JTvn8Epo3KqKzN_2ajBcXluaNAGU9OSLna85unuwLS2l5eXrufutZzoyPcgZ6d6VxhmckPJHbK31ks6KfQv7CCga_vEf6k8bGiqodTSWfRmuJxWlM/s1600-h/image190.jpg"><img id="BLOGGER_PHOTO_ID_5312916127521878514" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 270px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe5bsik80bsuh-w3hEcCVlu_q4g1JTvn8Epo3KqKzN_2ajBcXluaNAGU9OSLna85unuwLS2l5eXrufutZzoyPcgZ6d6VxhmckPJHbK31ks6KfQv7CCga_vEf6k8bGiqodTSWfRmuJxWlM/s320/image190.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />If the message did not appear, your next step would be to determine the reason why. The most likely reason is that you specified an incorrect path to the function.<br /><br />8 Close the Output window and SWF file and return to authoring mode.<br /><br />9 Choose <strong>File</strong> > <strong>Save As</strong> and enter a new filename. Use a consecutive naming scheme so you can revert to earlier versions of the file, if necessary.<br /><br />You’ve made great progress in learning ActionScript!<br /><br /></div><br /><div align="justify"></div><br /><div align="justify"></div><br /><div align="justify"></div><span style="color:#ffffff;">.<br />.<br /></span>==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /><div align="justify"></div><div align="justify"></div><br /><div align="justify"></div><br /><div align="justify"></div><br /><div align="justify"></div><br /><div align="justify"></div><br /><div align="justify"></div><br /><div align="justify"></div><br /><div align="justify"></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-58876387090754208082009-03-13T01:28:00.005-07:002009-03-14T01:33:07.885-07:00CHAPTER 2 - Use a built-in object<div align="justify">ActionScript has variables that let you store information; it has functions that let you create special commands and reuse code; it has actions that let you control the flow of a movie; and it has movie clips with properties that you can change.<br /><br />ActionScript also has another type of element called a built-in object. Objects provide a way of grouping information so that you can use it in a script. Objects can have properties, methods (which are like functions), and constants (for example, the numeric value of Pi).<br /><br />In the RotateDisplayOrDrag function that you created in “Create commands and reuse code” on page 68, you used the Key object to determine the last key a user pressed on the keyboard. The Key object is built into ActionScript to allow you to access information about the keyboard.<br /><br />Another ActionScript object is the MovieClip object. The MovieClip object is a collection of methods that you can use to manipulate movie clips, which are the most fundamental and powerful elements of Flash. To learn more about the special characteristics of the MovieClip object and using movie clips, see “Working with Movie Clips and Buttons” under <strong>Help</strong> > <strong>Using Flash</strong>.<br /><br />You will now use the onPress method of the MovieClip object to check whether the mouse pointer is touching a puzzle piece.<br /><br />1 If necessary, choose <strong>File</strong> > <strong>Open</strong> and choose the version of the mypuzzle.fla file that you last saved.<br /><br /><span style="font-size:85%;"><strong><em>Note</em></strong>: You can also browse to your Flash MX application folder and open Tutorials/ActionScript/Finished/ puzzle7.fla. If you do use the puzzle7.fla file, save the file with a new name in your My_Puzzle folder to maintain an unadulterated version of the original file</span>.<br /><br />2 Piece actions is a movie clip nested within each instance of a puzzle piece. To select the Piece actions movie clip from the Library panel hierarchy, click the Edit Symbols button in the lower right corner of the Timeline and choose Misc > Piece actions.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipuyb9_D_oAPmIYy8bqTApec1nm2GYvPcTbfrZRgRbfX_Uskm9Qg6q0YBI8ro5l_-waE3WrOK-07KM62dO4z-uBYd5hPO_xAK0UcW8e_V1A12C6CmMrJgf0soXGj5IPrXdSUr3cOFQpeY/s1600-h/image186.jpg"><img id="BLOGGER_PHOTO_ID_5312909448866808418" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 233px; CURSOR: hand; HEIGHT: 136px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipuyb9_D_oAPmIYy8bqTApec1nm2GYvPcTbfrZRgRbfX_Uskm9Qg6q0YBI8ro5l_-waE3WrOK-07KM62dO4z-uBYd5hPO_xAK0UcW8e_V1A12C6CmMrJgf0soXGj5IPrXdSUr3cOFQpeY/s320/image186.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />The Piece actions movie clip opens in symbol-editing mode. 3 In the Piece actions Timeline, select Frame 1 of the Actions layer.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjsZ18dHEhxk-kjSGfBvsNmvAPR7bg4OXKJPS855EdZpwHml9yzP9VtXkVGMToLFwPk36XvlRRaRPKjDxxQN7UI_PQwLJvFdxAa78SBUym0DMCSuSDJ6OPvIX3gzIMPvKoUcJuqDz2IXo/s1600-h/image188.jpg"><img id="BLOGGER_PHOTO_ID_5312909356075481762" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 269px; CURSOR: hand; HEIGHT: 265px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjsZ18dHEhxk-kjSGfBvsNmvAPR7bg4OXKJPS855EdZpwHml9yzP9VtXkVGMToLFwPk36XvlRRaRPKjDxxQN7UI_PQwLJvFdxAa78SBUym0DMCSuSDJ6OPvIX3gzIMPvKoUcJuqDz2IXo/s320/image188.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />4 If the Actions panel is not already open, choose <strong>Window</strong> > <strong>Actions</strong>. In the Script pane, select line 3 with the following line of code: </div><div align="justify"><br /><span style="font-family:courier new;color:#000000;">// ENTER code here</span> </div><div align="justify"><br />5 In the <strong>Objects</strong> > <strong>Movie</strong> > <strong>MovieClip</strong> > <strong>Events</strong> category of the Actions toolbox, double-click the onPress action.<br /><br />The onPress method is a special type of action called an event handler, or simply an event. An event allows you to write a function that runs when a certain event occurs. Types of events include when the mouse button is pressed, when the playhead enters a frame, and when a movie clip loads.<br /><br />In this procedure, the code within the curly brackets that follow onPress runs when a user presses the mouse button in the movie.<br /><br />6 Type _parent in the Object text box.<br /><br />Because Piece actions is nested within the movie clip, _parent specifies that onPress should<br />execute on code one level up, at the same level as the puzzle piece.<br /><br />7 In the <strong>Actions</strong> > <strong>Conditions/Loops</strong> category of the Actions toolbox, double-click the if action.<br /><br />8 Type !_root.dialog in the Condition text box. The code appears as follows: </div><div align="left"><br /><span style="font-family:courier new;color:#000000;">_parent.onPress = function(){<br />if (!_root.dialog) {<br />{<br />};</span> </div><br /><div align="justify">The code that you added in this step tests whether the value of the variable named dialog is true (visible) or false (not visible). If the value is true, then the next script to rotate and drag the puzzle piece will not run. If the value of the variable is false, then the following script will run. Users can’t rotate or drag a piece, or display its piece number, if the dialog box is showing.<br /><br />9 In the Actions toolbox, double-click the evaluate action in the Actions > Miscellaneous Actions category to add it inside the curly brackets of the if statement.<br /><br />10 Type <strong>_root.RotateDisplayOrDrag(_parent._name)</strong> in the Expression box.<br /><br />_name is the property for the name of the puzzle piece instance that the user clicks.<br /><br />The final code looks like this: </div><br /><div align="justify"><br /><span style="font-family:courier new;color:#000000;">_parent.onPress = function(){<br />if (!_root.dialog) {<br />_root.RotateDisplayOrDrag(_parent._name);<br />}<br />};</span> </div><br /><br /><div align="justify">11 Do one of the following to return to the main Timeline:<br /><br />• Edit Document.<br />• Click the Back button.<br />• Click Scene 1.<br /><br />12 Choose <strong>File</strong> > <strong>Save As</strong> and enter a new filename. Use a consecutive naming scheme so you can revert to earlier versions of the file, if necessary.<br /></div><div align="justify"> </div><div align="justify"><span style="color:#ffffff;">.<br />.</span><br />==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.</span><br />==============================================<br /></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-36345252528991281562009-03-13T01:28:00.003-07:002009-03-14T01:33:54.160-07:00CHAPTER 2 - Create commands and reuse code<div align="justify">ActionScript has actions that let you control a movie in specific ways. For example, the play action moves the playhead forward in the Timeline, and the loadMovie action loads another Flash movie into the Flash Player. Each of these actions instructs Flash to perform a certain task. You may want to create your own commands in your movies. For example, in puzzle.fla, you need a command to scramble the puzzle pieces. To figure out how to write such a command with ActionScript, you must determine each step required to scramble the puzzle pieces and determine which ActionScript elements can be used to achieve those goals.<br /><br />First, the pieces must be spread out within a certain area on the Stage; each movie clip has an _x and _y property that you can use to set its position and a _rotation property that you can use to set its rotation. To place and rotate each piece randomly, you need to generate a random number to use in an expression. ActionScript has a built-in Math object with a random method that you can use for this purpose.<br /><br />A command in ActionScript is called a function. A function is a script that you can use over and over again in a movie to perform a certain task. For example, in puzzle.fla, every time a user clicks a Scramble Pieces button, the function Scramble is run, or called. This function places the puzzle pieces in random positions on the Stage. Instead of rewriting that same script on each of the two Scramble Pieces buttons, the function is written, or declared, once and called from each button. To examine the Scramble function, select Frame 1 in the main Timeline and open the Actions panel. Scroll down the Script pane until you see the Scramble function.<br /><br />You can think of a function as a machine that does extra work for you. The machine can produce different results depending on what you put into it. For example, if you put bananas in a blender, you get mashed bananas, not mashed peaches. The elements you pass to a function to work on are called parameters or arguments. Parameters are passed inside the parentheses that follow the function. For example, the function RotateDisplayOrDrag(whichPiece) is passed the name of a puzzle piece, and it operates only on that piece. Parameters allow you to reuse functions in many different situations.<br /><br />Functions are usually declared in the first frame of a movie. In the puzzle.fla files, the functions are declared in Frame 1.<br /><br /><br /><strong>Write a function<br /><br /></strong>Now you’ll declare a function that will rotate, display, or drag each puzzle piece when the user clicks it.<br /><br />1 If necessary, choose <strong>File</strong> > <strong>Open</strong> and choose the version of the mypuzzle.fla file that you last saved.<br /><br /><span style="font-size:85%;"><strong><em>Note</em></strong>: You can also browse to your Flash MX application folder and open Tutorials/ActionScript/Finished/ puzzle6.fla. If you do use the puzzle6.fla file, save the file with a new name in your My_Puzzle folder to maintain an unadulterated version of the original file</span>.<br /><br />2 Select the first frame of the Actions layer and open the Actions panel if it’s not already open.<br /><br />3 Scroll down the Script pane and select line 31. The following commented line should be highlighted:<br /><br /><span style="font-family:courier new;color:#000000;">// ENTER RotateDisplayOrDrag() function here</span><br /><br />4 From the <strong>Actions</strong> > <strong>User Defined Functions</strong> category in the Actions toolbox, double-click the function action.<br /><br />Type RotateDisplayOrDrag in the Name text box. Type whichPiece in the Parameters text<br />box. The code for line 32 now looks like this: </div><div align="justify"><br /><span style="font-family:courier new;color:#000000;">function RotateDisplayOrDrag (whichPiece) {<br />}</span> </div><br /><div align="justify">The whichPiece parameter, which identifies the selected puzzle piece, will be called three times in the body of the function. When the function is called, the passed parameter is substituted for whichPiece in each statement.<br /><br />5 From the <strong>Actions</strong> > <strong>Conditions/Loop</strong> category in the Actions toolbox, double-click the if action, the else if action, and the else action.<br /><br /><span style="font-size:85%;"><strong><em>Note</em></strong>: You can also select the actions from the Plus (+) pop-up menu</span><br /><br />The code looks like this: </div><br /><div align="left"><br /><span style="font-family:courier new;color:#000000;">function RotateDisplayOrDrag (whichPiece) {<br />if (<not><not>) {<br />} else if (<not><not>) {<br />} else {<br />}<br />}</span> </div><br /><div align="justify"><br />This code creates the logical structure of the function. You will fill in the conditions to be checked in each if statement. You will also fill in the code within each set of curly brackets that is executed when the conditions are true.<br /><br />6 Select the if statement line of code. Enter Key.isDown(18) in the Condition text box.<br /><br />Key is a built-in ActionScript object, which you can also find in the <strong>Objects</strong> > <strong>Movie</strong> > <strong>Key</strong> > <strong>Methods category</strong>. Key lets you determine what key a user pressed on the keyboard. The number 18 is the numerical representation of the Alt (Windows) and Option (Macintosh) keys.<br /><br />This line of code checks whether a user pressed those keys.<br /><br />To learn more about built-in objects, see “<a href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html"><span style="color:#3333ff;"><strong>Use a built-in object</strong></span></a>” .<br /><br />7 From the <strong>Actions</strong> > <strong>Miscellaneous Actions</strong> category in the Actions toolbox, double-click the evaluate action to enter a new line of code. Type _root[whichPiece]._rotation += 90 in the Expression text box, with no space between the + and =.<br /><br />This line of code rotates the selected piece 90° if the user presses the Alt (Windows) or Option (Macintosh) key. The brackets let you dynamically retrieve the value of an instance name. For more information, see “Dot and array access operators” under <strong>Help</strong> > <strong>Using Flash</strong>.<br /><br />8 Select the else if line of code. Type Key.isDown(Key.SHIFT) in the Condition text box.<br />This line of code checks whether a user pressed the Shift key.<br /><br />9 In the <strong>Actions</strong> > <strong>Miscellaneous Actions</strong> category in the Actions toolbox, double-click the evaluate action to enter a new line of code. Type pieceNumber = whichPiece.slice(5) in the Expression text box.<br /><br />This line of code displays the piece number in the text box on the Stage when a user presses the Shift key. The slice method of the String object removes a specified number of characters (in this case, 5) from the piece number’s instance, so that just the number of the piece appears. In effect, the method “slices” off the first five characters, then assigns the resulting number to the pieceNumber variable, which is in turn assigned to the text field on the Stage.<br /><br />10 Select the else line of code. In the <strong>Actions</strong> > <strong>Movie Clip Control</strong> category in the Actions toolbox, double-click the startDrag action.<br /><br />11 Type _root[whichPiece] in the Target text box and click Expression.<br /><br />12 Select Constrain to rectangle. Type 20 in the L (left) and T (top) text boxes. In the R (right) and B (bottom) text boxes, type 780 and 580, respectively.<br /><br />The word false in the script indicates that lockCenter (which indicates that the puzzle piece will always snap to the center of the mouse pointer when clicked) is not specified. The numbers 20, 20, 780, and 580 specify the left, top, right, and bottom coordinates of the text box on the Stage.<br />When a user clicks a piece, the following function that you wrote is called. The function uses the Key object to determine if the Shift, Alt, or Option key is pressed when a piece is clicked. If the Shift key is pressed while a piece is clicked, a dynamic text box displays the puzzle piece number; if the key pressed is Alt (Windows) or Option (Mac), the puzzle piece rotates 90°. If Shift, Alt, or Option keys are not pressed, the user can drag the piece. Your code should look like this: </div><br /><div align="left"><br /><span style="font-family:courier new;color:#000000;">function RotateDisplayOrDrag (whichPiece) { if (Key.isDown(18)) { _root[whichPiece]._rotation += 90; } else if (Key.isDown(Key.SHIFT)) { pieceNumber = whichPiece.slice(5); } else { startDrag(_root[whichPiece],false, 20, 20, 780, 580); } }</span> </div><br /><div align="justify"><br /><span style="font-size:85%;"><em><strong>Note:</strong></em> As you complete the tutorial, remember to save your work frequently</span>.<br /><br /><br /><strong>Call a function</strong><br /><br />Functions can be called from any frame in a movie where you need a task completed. You must use a target path to call a function, just as you must use a path to access a variable or a movie clip. All functions in the puzzle.fla movie are declared in the first frame of the Actions layer, in the main Timeline, so the absolute path to each begins with _root.<br /><br />Now you’ll call the function that scrambles the puzzle pieces on the Stage.<br /><br />In the Timeline, hide the Scramble dialog and Start dialog layers, if they’re not already hidden. Select the Congrats dialog layer.<br /><br />2 On the Stage, double-click the Dialog—Congratulations symbol.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiYkI6Np5gD7-EcWj7Wo2x2buLPhAFmKV_K6OjfX6VY0Z0s5yNf3V7hm1BpOf5hQG5dKBU0fL_lMY7kd9b-kY5y2yogSH6jpJA3ZhrGBhbXQ7EaWXTOQoHQcY6icGbPrwvwy_g7DGsxsA/s1600-h/image184.jpg"><img id="BLOGGER_PHOTO_ID_5312894288032497426" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 253px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiYkI6Np5gD7-EcWj7Wo2x2buLPhAFmKV_K6OjfX6VY0Z0s5yNf3V7hm1BpOf5hQG5dKBU0fL_lMY7kd9b-kY5y2yogSH6jpJA3ZhrGBhbXQ7EaWXTOQoHQcY6icGbPrwvwy_g7DGsxsA/s320/image184.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />3 On the Stage, select the OK button. If the Actions panel isn’t open, choose Window > Actions.<br /><br />4 In the Actions > User-Defined Functions category of the Actions toolbox, double-click the call function action.<br /><br />5 With the insertion point in the Object text box of the Actions panel, click the Insert Target Path button. Verify Dots and Absolute are selected. Select _root and click OK.<br /><br />6 Type Scramble in the Method text box.<br /><br />The Scramble function doesn’t require any parameters; you can leave the Parameters text box empty. The code now looks like this: </div><div align="left"></div><div align="left"><span style="font-family:courier new;color:#000000;">on (release) { _root.Scramble(); }</span> </div><br /><div align="justify">This is the ActionScript that calls the function. You’ll also need to add a few additional lines of code that belong inside the on(release) handler. You’ll do that in the next steps.<br /><br />With the _root.Scramble... line of code selected in the Script pane, double-click evaluate from the <strong>Actions</strong> > <strong>Miscellaneous Actions</strong> category in the Actions toolbox. Type _root.scramblebutton._visible = true in the Expression text box.<br /><br />7 Double-click the evaluate action again, to add another blank line. Type _root.dialog = false in the Expression text box.<br /><br />8 From the <strong>Actions</strong> > <strong>Miscellaneous Actions</strong> category of the Actions toolbox, double-click the evaluate action.<br /><br />9 From the Properties category in the Actions toolbox, double-click _visible. With the insertion point after _visible, type = 0 in the Expression text box.<br /><br />This code specifies that the dialog box is not visible after the user clicks the OK button.<br />The final code appears as follows: </div><br /><div align="left"><br /><span style="font-family:courier new;color:#000000;">on (release) { _root.Scramble(); _root.scramblebutton._visible = true; _root.dialog = false; _visible = 0<br />} </span></div><br /><div align="left"><br />10 Do one of the following to return to the main Timeline: </div><br /><div align="left"><br />• Choose <strong>Edit</strong> > <strong>Edit Document</strong>.<br />• Click the Back button.<br />• Click Scene 1.<br /><br />11 Choose <strong>File</strong> > <strong>Save As</strong> and enter a new filename. Use a consecutive naming scheme so you can revert to earlier versions of the file, if necessary.<br /><br /><span style="font-size:85%;"><strong><em>Note</em></strong>: As you complete the tutorial, remember to save your work frequently.<br /></span></div><div align="left"><span style="font-size:85%;"></span> </div><div align="left"><span style="font-size:85%;"><span style="color:#ffffff;">.<br />.</span><br />==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /></div></span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-87414366507384540682009-03-13T01:28:00.001-07:002009-03-14T01:34:34.972-07:00CHAPTER 2 - Control the flow ofthe movie<div align="justify">Without ActionScript, a movie plays from Frame 1 to the last frame and either repeats from Frame 1 or stops. You can use ActionScript to control the progression of a movie more precisely; you can also use it to give the user control. For example, you could place an action in Frame 5 that stops the movie until a user presses a Play button. This is a simple example of controlling the flow of a movie.<br /><br />You can use the if, else, and else if actions (also called statements) to create a more complex movie flow called logic. These three actions perform the following tasks:<br /><br />• The if action lets Flash check a condition in the movie and run certain actions if that condition is true.<br />• The else statement tells Flash to run a different set of actions if the if condition is false.<br />• The else if statement lets Flash check for another condition before running yet a different set of actions.<br /></div><div align="justify"><br /><strong>Write a conditional statement</strong><br /><br />You’ve already used an operator to show and hide a movie clip. Now you’ll use an if statement to create logic that shows and hides the piece numbers movie clip. For the sake of learning, this example uses a different ActionScript element to achieve the same result.<br /><br />1 If necessary, choose <strong>File</strong> > <strong>Open</strong> and choose the version of the mypuzzle.fla file that you last saved.<br /><br /><span style="font-size:85%;"><strong><em>Note:</em></strong> You can also browse to your Flash MX application folder and open Tutorials/ActionScript/Finished/ puzzle5.fla. If you do use the puzzle5.fla file, save the file with a new name in your My_Puzzle folder to maintain an unadulterated version of the original file.</span><br /><br />2 On the Stage, click the Show/Hide Piece number matrix button. If the Actions panel isn’t open, choose <strong>Window</strong> > <strong>Actions</strong>. In the Actions toolbox, choose the <strong>Actions</strong> > <strong>Conditions/ Loops</strong> category.<br /><br />3 Double-click the if action. The following code appears in the Actions panel: </div><div align="left"><br /><span style="font-family:courier new;color:#000000;">on (release) { if (<not>) { }<br />}</span> </div><div align="left"><br />4 With the line of code that contains the if action selected, double-click the else action in the Actions toolbox.<br /><br />The code looks like the following: </div><div align="left"><br /><span style="font-family:courier new;color:#000000;">on (release) { if (<not>) { } else { }<br />}</span> </div><div align="left"><br />5 Select line 3, which begins with if, and with the insertion point in the Condition text box, click the Insert Target Path button. Select the piecenumbers movie clip, Dots, and Absolute, and click OK. The following code appears in the Condition text box:<br /><br />_root.piecenumbers<br /><br />6 With the insertion point in the Condition text box, enter ._visible after _root.piecenumbers.<br /><br />7 From the <strong>Actions</strong> > <strong>Miscellaneous Actions</strong> category in the Actions toolbox, double-click the evaluate action to add an empty line of code.<br /><br />8 Enter _root.piecenumbers._visible = false in the Expression text box.<br /><br />You can use the Insert Target Path button or type the code manually. The code now looks like the following: </div><div align="left"><br /><span style="font-family:courier new;color:#000000;">on (release) { if (_root.piecenumbers._visible) {<br />_root.piecenumbers._visible = false; } else { }<br />}</span> </div><div align="justify"><br />When the movie plays, Flash evaluates the expression inside the condition parentheses. The expression must equal one of the Boolean values: true or false. This example uses the condition of the if action to check if the piecenumbers movie clip is visible on the Stage. If the _visible property is true, ActionScript runs the code inside the curly brackets and sets the _visible property to false, which hides the movie clip on the Stage.<br /><br />9 In the Script pane, select the line of code with the else action and double-click the evaluate action.<br /><br />10 Enter _root.piecenumbers._visible = true in the Expression text box.<br />The final ActionScript code looks like this: </div><div align="left"><br /><span style="font-family:courier new;"><span style="color:#000000;">on (release) { if (_root.piecenumbers._visible) { _root.piecenumbers._visible = false; } else { _root.piecenumbers._visible = true; } }</span> </span></div><div align="justify"><br />11 Choose <strong>File</strong> > <strong>Save As</strong> and enter a new filename. Use a consecutive naming scheme so you can revert to earlier versions of the file if necessary. </div><div align="justify"> </div><div align="justify"> </div><div align="justify"><span style="color:#ffffff;">.<br />.</span><br />==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /><br /></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-1168306031151061452009-03-13T01:27:00.007-07:002009-03-14T01:35:21.059-07:00CHAPTER 2 - Write an expression<div align="justify">If you’ve added two numbers in a math equation, you’ve used an operator. An operator is a symbol that performs a task, or operation, on a piece, or pieces, of data, or operands. For example, in the expression 2 + 2, the plus sign (+) is the operator and each number is an operand.<br /><br />An expression is any ActionScript code that can be evaluated to produce a single value. For example, the code myAge + 17 is an expression because when the code runs, ActionScript looks up the value of the myAge variable, adds it to the number 17, and produces a new single value. If the value of myAge is 47, the new value would be 64.<br /><br />Operators allow you to take the information you collect and store in variables and manipulate it in expressions to create or determine other values. For example, you may know that a user has dropped a puzzle piece onto the solution area, but how do you determine if the piece is in the correct place? And if the piece is in the correct place, how do you determine if the puzzle has been solved? To examine expressions built with arithmetic operators in such a scenario, select Frame 1 of the main Timeline, open the Actions panel, and look at the IsItDone function on line 50.<br /><br />ActionScript has numeric, or arithmetic, operators, but it also has other types of operators that perform different types of operations. For example, a comparison operator compares values to determine if one operand is greater than, less than, or equal to the other, and a logical operator calculates a true or false value, also called a Boolean value, for an expression.<br /><br />Now you’ll use an operator called the logical NOT operator to write an expression that shows and hides the puzzle pattern. The logical NOT operator, which is represented by an exclamation mark (!), calculates the opposite Boolean value of its operand. For example, the expression !true yields the value false.<br /><br />1 If necessary, choose <strong>File</strong> > <strong>Open</strong> and choose the version of the mypuzzle.fla file that you last saved.<br /><br /><span style="font-size:85%;"><strong><em>Note</em></strong>: You can also browse to your Flash MX application folder and open Tutorials/ActionScript/Finished/ puzzle4.fla. If you do use the puzzle4.fla file, save the file with a new name in your My_Puzzle folder to maintain an unadulterated version of the original file</span>.<br /><br />2 Click the Show/Hide Pattern edges button on the Stage. If the Actions panel isn’t open, choose <strong>Window</strong> > <strong>Actions</strong>.<br /><br />The Actions panel shows actions associated with the button.<br /><br />3 Select the following line of code in the Script pane:<br /><br />// ENTER code here<br /><br />4 In the Actions toolbox, choose Actions > Miscellaneous Actions and drag the evaluate action to the Script pane.<br /><br />When you add the action, it is enclosed in code called an event handler. The code looks like this:<br /><br />on (release) { ; }<br /><br />5 In the Actions toolbox, double-click the evaluate action to add another empty line of code.<br />The code now looks like this:<br /><br />on (release) { ; ;<br />}<br /><br />6 Select the first empty line—the line with the first semicolon—and place the insertion point in the Expression text box.<br /><br />You’ll now enter code that hides the pattern movie clip; a user should see either the pattern movie clip or the edges movie clip, but not both.<br /><br />7 Enter _root.pattern._visible = false in the Expression text box.<br /><br />You can type the path directly in the Expression text box or use the Insert Target Path dialog box to select the pattern movie clip. If you use the Insert Target Path dialog box, select Dots and Absolute.<br /><br /><span style="font-size:85%;"><strong><em>Note:</em></strong> As you enter parameters and properties in normal mode, you might notice code hints—tooltips that appear suggesting the complete syntax for an action; you can click a code hint to enter the syntax. For more information about code hints, include enabling and disabling them, see “Using code hints” under <strong>Help</strong> > <strong>Using</strong> <strong>Flash</strong></span>.<br /><br />8 Select the second empty line and place the insertion point in the Expression text box.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7O19KJV9FD4dt65Hy6JQHNCT3eB_zerUuKCiaBf96At5h5jMYu9ilBRhjaNRnf48HxPZfOdeLoP7EbfnA73HstphQjSRIUa3H6ZuW8eML-gxGbESbapHe-RbuqATYmisZ1LYetRV2Jnc/s1600-h/image182.jpg"><img id="BLOGGER_PHOTO_ID_5312882862393467106" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 245px; CURSOR: hand; HEIGHT: 251px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7O19KJV9FD4dt65Hy6JQHNCT3eB_zerUuKCiaBf96At5h5jMYu9ilBRhjaNRnf48HxPZfOdeLoP7EbfnA73HstphQjSRIUa3H6ZuW8eML-gxGbESbapHe-RbuqATYmisZ1LYetRV2Jnc/s320/image182.jpg" border="0" /></a></div><div align="justify"><br /><br /></div><div align="justify"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />9 Type _root.edges._visible = ! in the Expression text box.<br /><br />Ignore the syntax error message that appears.<br /><br />The exclamation mark (!) is a logical NOT operator. In addition to simply typing it in the Expressions text box, you can add it to the text box from the Actions toolbox by choosing Operators > Logical Operators and double-clicking the exclamation mark.<br /><br />10 Enter _root.edges._visible again in the Expression text box after the operator.<br /><br />Your code should look like this:<br /><br />on (release){ _root.pattern._visible = false; _root.edges._visible = !_root.edges._visible;<br />}<br /><br />The first line of code inside the event handler sets the visibility of the pattern movie clip to false. The second line of code sets the visibility of the edges movie clip to the opposite of what it currently is. This creates a toggle that either shows or hides the movie clip.<br /><br />11 Choose <strong>File</strong> > <strong>Save As</strong> and enter a new filename. Use a consecutive naming scheme so you can revert to earlier versions of the file, if necessary. </div><div align="justify"> </div><div align="justify"> </div><div align="justify"><span style="color:#ffffff;">.<br />.</span><br />==============================================<br /><span style="color:#ffffff;">.</span><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-29374156089653234582009-03-13T01:27:00.005-07:002009-03-14T01:36:00.773-07:00CHAPTER 2 - Display information in a dynamic text box<div align="justify">Dynamic text boxes can display changing content in a Flash movie. You use the Property inspector to create a dynamic text box and assign it a variable name. The value of the variable is displayed in the text field.<br /><br />In the puzzle.fla file, a dynamic text box displays puzzle piece numbers when a user Shift-clicks a piece. Now you’ll assign a variable name for the dynamic text box.<br /><br />1 If necessary, choose <strong>File</strong> > <strong>Open </strong>and choose the version of the mypuzzle.fla file that you last saved.<br /><br /><span style="font-size:85%;"><strong><em>Note:</em></strong> You can also browse to your Flash MX application folder and open Tutorials/ActionScript/Finished/ puzzle3.fla. If you do use the puzzle3.fla file, save the file with a new name in your My_Puzzle folder to maintain an unadulterated version of the original file.</span><br /><br />2 In the Timeline, unlock the Piece numbers guide layer if it is locked.<br /><br />3 Double-click the Piece number circle movie clip on the Stage under the lower right corner of the puzzle solution area.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxOwFlqsFP_qOVwMEq4_48VE8n_h-TJSAc6BxI2L187etK1B5tetmMuP-weo6twXgU0ng5GMhVS0Ca4jqbNC4Ft1fNUJr4FHgRYIE1QX5duMw9RFFp-QHJ1CUolGX2kfMz6YczvDHZlAk/s1600-h/image176.jpg"><img id="BLOGGER_PHOTO_ID_5312881482222458130" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 269px; CURSOR: hand; HEIGHT: 320px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxOwFlqsFP_qOVwMEq4_48VE8n_h-TJSAc6BxI2L187etK1B5tetmMuP-weo6twXgU0ng5GMhVS0Ca4jqbNC4Ft1fNUJr4FHgRYIE1QX5duMw9RFFp-QHJ1CUolGX2kfMz6YczvDHZlAk/s320/image176.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><span style="font-size:85%;color:#ff0000;">Piece number circle movie clip</span><br /><br /><br />This opens the Piece number circle in symbol-editing mode.<br /><br /><br />4 Select the Text layer in the Timeline. On the Stage, click the center of the Piece number circle to select the text field.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-jmR8AzGVhwYo1DSmO9pEgYmHjaHJn8DCpxa0LurOKspOK6pbxfW2EMT99efQ1LKTQG_naOILnwDHRTmtF81R_9qfmdVF_Wrd9T-x91XtWr783lYdtGqZ0otwC7rmRdPFJ_7kwcLj7Y/s1600-h/image178.jpg"><img id="BLOGGER_PHOTO_ID_5312881410918188866" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 68px; CURSOR: hand; HEIGHT: 44px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-jmR8AzGVhwYo1DSmO9pEgYmHjaHJn8DCpxa0LurOKspOK6pbxfW2EMT99efQ1LKTQG_naOILnwDHRTmtF81R_9qfmdVF_Wrd9T-x91XtWr783lYdtGqZ0otwC7rmRdPFJ_7kwcLj7Y/s320/image178.jpg" border="0" /></a><br /><br /><br /><br /><br /><br />5 If the Property inspector is not open, choose <strong>Window</strong> > <strong>Properties</strong>. In the Property inspector, select Dynamic Text from the Text Type pop-up menu.<br /><br />6 In the Line Type pop-up menu, verify that Single Line is selected.<br /><br />7 Type _root.pieceNumber in the Var text box and press Enter or Return.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7thFt8eWMS9IoSypCMfdLf4v3L_maAuDDwyunJx_NmVoe-OkAKTPKXQZaAA5etKf0JVc5NeGcNyB8rdkuVRVepphOho-QJRf3Pt26kha2Sso-JCR3bEyjO51Lxb6G8ZSXFKXzYNzUcgQ/s1600-h/image180.jpg"><img id="BLOGGER_PHOTO_ID_5312881345934441106" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 55px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7thFt8eWMS9IoSypCMfdLf4v3L_maAuDDwyunJx_NmVoe-OkAKTPKXQZaAA5etKf0JVc5NeGcNyB8rdkuVRVepphOho-QJRf3Pt26kha2Sso-JCR3bEyjO51Lxb6G8ZSXFKXzYNzUcgQ/s320/image180.jpg" border="0" /></a><br /><br /><br /><br /><br /><br />All variables, like functions and movie clips, must be referenced by their paths. The pieceNumber variable is declared and updated in the RotateDisplayOrDrag function on the main Timeline, but the variable text box is in the Piece number circle Timeline. When you enter the full path to the pieceNumber variable, the value updates and displays in the text field on the Stage whenever the variable’s value changes on the main Timeline.<br /><br />8 Either choose <strong>Edit</strong> > <strong>Edit Document</strong>, click the Back button, or click Scene 1 to return to the main Timeline.<br /><br />9 Choose <strong>File</strong> > <strong>Save As</strong> and enter a new filename. Use a consecutive naming scheme so you can revert to earlier versions of the file if necessary.<br /></div><br /><br /><span style="color:#ffffff;">.<br />.<br /></span>==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-34790869997584089912009-03-13T01:27:00.003-07:002009-03-14T01:36:49.528-07:00CHAPTER 2 - Save and retrieve information<div align="justify">To create a complex interactive Flash movie, you need a way for Flash to keep track of information and user activity: buttons that have been pressed, a user’s name, a score, or what sections a user has visited. ActionScript uses variables to store pieces of information that you can retrieve and use again. You can declare a variable in a script on any Timeline and use it in any other Timeline in the same movie. You must write a target path to a variable in order to use the variable in a script, just as you must write a target path to use a movie clip in a script.<br /><br />In the puzzle.fla file, ActionScript uses the dialog variable to keep track of whether or not a dialog box is visible. When a dialog box appears, the dialog variable is set to true; when a user clicks a button on a dialog box, the dialog variable is set to false. This variable doesn’t affect the visibility of the dialog boxes themselves, it is simply a container that holds information that you can use in scripts throughout the movie. In the puzzle.fla file, if dialog is set to true, a user cannot move a puzzle piece.<br /><br /><br /><strong>Declare a variable and assign it a value</strong><br /><br />When you need a variable, you must name it, or declare it. You must also assign it a value. You can either do both things at once, or you may declare a variable in one statement and then assign it a value in a later statement.<br /><br />ActionScript uses three types of variables: local variables, global variables, and Timeline variables. You can use the var action inside a block of code (designated by curly brackets {}) to create a local variable, which disappears when the code block finishes running. You can use the set variable action to create a Timeline variable attached to the Timeline of a movie clip, which can be used in any script in the document. For more information about variables, see “Understanding the ActionScript Language” under <strong>Help</strong> > <strong>Using Flash</strong>.<br /><br />The puzzle.fla file uses the var action and the set variable action depending on the situation. When a variable is only needed within a block of code, the var action is used. The dialog variable is set and assigned using the set variable action.<br /><br />Now you’ll declare and assign a value to the dialog variable:<br /><br />1 Select <strong>File</strong> > <strong>Open</strong> and choose the version of mypuzzle.fla that you last saved.<br /><br /><span style="font-size:85%;"><strong><em>Note:</em></strong> You can also browse to your Flash MX application folder and open Tutorials/ActionScript/Finished/ puzzle2.fla. If you do use the puzzle2.fla file, save the file with a new name in your My_Puzzle folder to maintain an unadulterated version of the original file.</span><br /><br />2 Select Frame 1 of the Actions layer. If the Actions panel isn’t open, choose <strong>Window</strong> > <strong>Actions</strong>.<br /><br />3 In the Script pane of the Actions panel, select line 11, which is the last line of code in the Initialize section. In the Actions toolbox, choose Actions > Variables and double-click the set variable action.<br /><br />4 Type dialog in the Variable text box.<br /><br />5 Type true in the Value text box. Select Expression, to the right of the Value text box.<br /><br />By selecting Expression, you are telling Flash that true is not a literal string of characters.<br /><br />In the movie’s initial state, a dialog box is visible on the Stage. Therefore, the dialog variable must be set to true at the start of the movie—otherwise, a user can move the puzzle pieces before they are scrambled.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfgJNZxJaLEZUdBNVvQmmH8RAQSaEHXeyaR5RKbBA7UkX41PoVmiz0lMbzl0K5XONNm5ttRXh4-P9fqc0rCriIm8MgYQdVjOskJxrd1HG8jXBt5YPggUbV2RPldRnzA3j7Kp0Gp0BPP3o/s1600-h/image174.jpg"><img id="BLOGGER_PHOTO_ID_5312878995808828850" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 292px; CURSOR: hand; HEIGHT: 269px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfgJNZxJaLEZUdBNVvQmmH8RAQSaEHXeyaR5RKbBA7UkX41PoVmiz0lMbzl0K5XONNm5ttRXh4-P9fqc0rCriIm8MgYQdVjOskJxrd1HG8jXBt5YPggUbV2RPldRnzA3j7Kp0Gp0BPP3o/s320/image174.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />6 Choose <strong>File</strong> > <strong>Save As</strong> and enter a new filename. Use a consecutive naming scheme so you can revert to earlier versions of the file, if necessary. </div><div align="justify"> </div><div align="justify"><span style="color:#ffffff;">.<br />.</span><br />==============================================<br /><span style="color:#ffffff;">.</span><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.</span><br />==============================================<br /></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-2539445003805272192009-03-13T01:27:00.001-07:002009-03-14T01:37:27.269-07:00CHAPTER 2 - Initialize the movie<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpLD-eqM0L9K2OplWwckeBZJVwY7obMJye2NKSEGmVPKoDqySc_hhL-9O1pOrL5BDQIqHpApYG32joGhQVlDi9k2s_H42G90W22oiqYO7-uMXQ6uFdhtwQ078Dh0rlt25MJM6Npy3kofc/s1600-h/image158.jpg"></a><div><div><div><div><div><div><div align="justify">All movies have an initial state. This shows how a movie looks before it runs and anyone interacts with it. Sometimes you must set variables and movie clip properties to establish this first state. For example, in the puzzle.fla file, certain dialog boxes and pattern guides must be hidden in the initial state.<br /><br />Each movie clip in a Flash movie has a set of qualities, or properties, that you can manipulate with ActionScript. Each of those properties is identified by a name preceded by an underscore (_) character. For example, each movie clip has an _xscale property, a _yscale property, and a _rotation property, among others.<br /><br />ActionScript uses variables to store information. For example, the variable myName might hold the value "Jody Singer". You can learn more about variables in the section “Save and retrieve information” on page 61.<br /><br />You initialize properties and variables in the first frame of a movie. You can assign a frame action in the Timeline, or attach an object action to a movie clip. In the puzzle movie, the properties of the pattern guide and dialog box movie clips are initialized in the first frame of the main Timeline.<br /><br /><br /><strong>Open the starting file</strong><br /><br />Now you’re ready to create your own version of the tutorial movie.<br /><br />1 Choose <strong>File</strong> > <strong>Open</strong>.<br /><br />2 In the Flash MX application folder, browse to Tutorials/ActionScript/My_Puzzle and open mypuzzle.fla.<br /><br />3 If you receive a font substitution message, click Use Default.<br /><br />You see a partially completed tutorial movie. The movie may look finished because all the symbols are in place on the Stage. However, you’ll still need to add quite a few scripts to make the movie interactive.<br /><br />4 Choose <strong>File</strong> > <strong>Save As</strong> and save the file with a new and sequential name, such as mypuzzle2.fla, in the same folder as mypuzzle.fla.<br /><br />Making a copy of the file allows you or another user to complete the tutorial again using the original mypuzzle.fla file. Additionally, if you regularly save your file with a new and sequential name, you can revert to an earlier file if you make an error that you’re not able to resolve in your current file.<br /><br /><br /><strong>Set movie clip properties<br /></strong><br />The puzzle.fla movie has three dialog boxes: one alerts you when the puzzle is completed, and the other two ask if you want to scramble the puzzle pieces. Additionally, several patterns and guides overlay the solution area to help users solve the puzzle. Each of these dialog boxes, patterns, and guides is a movie clip.<br /><br />To initialize the movie, you must hide several of the movie clips so that only the start dialog box and the puzzle pieces are showing. You’ll do this by setting their _visible properties to false.<br /><br />1 Select Frame 1 in the Actions layer. If the Actions panel isn’t open, choose <strong>Window</strong> > <strong>Actions</strong>.<br /><br />The Actions panel shows actions associated with the selected frame. Text after double slashes (//) is commented text, which offers information helpful in understanding the scripts.<br /><br />2 Click the pop-up menu in the upper right corner of the Actions panel title bar. Verify that Normal Mode and View Line Numbers are selected.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxkZlQcC1GmxzyzcZNvULekqpc_RkzT_uxNUC6TYFPokbxBMlMIe4fzKLOCB5Vh4YBYdji-mx3UkX84-ZKIAwFB_KVQy02c2BLyDpP7VW5mgsALcLiPagJTeVE2xvL3Y34k5XXvFzG8vo/s1600-h/image162.jpg"><img id="BLOGGER_PHOTO_ID_5312872091747005890" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 254px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxkZlQcC1GmxzyzcZNvULekqpc_RkzT_uxNUC6TYFPokbxBMlMIe4fzKLOCB5Vh4YBYdji-mx3UkX84-ZKIAwFB_KVQy02c2BLyDpP7VW5mgsALcLiPagJTeVE2xvL3Y34k5XXvFzG8vo/s320/image162.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />3 In the Script pane, click line 4 to select the commented code that reads //ENTER code here.<br /><br />4 From the <strong>Actions</strong> > <strong>Miscellaneous Actions</strong> category in the Actions toolbox on the left, double-click the evaluate action to add an empty line of code ending with a semicolon. A semicolon (;) in an ActionScript statement is like a period (.) in an ordinary sentence.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGSWh2tlmZb3PSqsQ-pZFNWdPHpqL2XSisLNRza-_s2vk-4uaVIR3zyiJCwTtRmCHKXvUkyGFgocq6gIA_i54gQMWw5b8b46k7TXmZUGID8ku2bjD5ktVKHvcDXKsAiJVbmzCLlNMj84M/s1600-h/image164.jpg"><img id="BLOGGER_PHOTO_ID_5312871994989654418" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 12px; CURSOR: hand; HEIGHT: 11px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGSWh2tlmZb3PSqsQ-pZFNWdPHpqL2XSisLNRza-_s2vk-4uaVIR3zyiJCwTtRmCHKXvUkyGFgocq6gIA_i54gQMWw5b8b46k7TXmZUGID8ku2bjD5ktVKHvcDXKsAiJVbmzCLlNMj84M/s320/image164.jpg" border="0" /></a>5 With the insertion point in the Expression text box of the Actions panel, click the Insert Target Path button. The Insert Target Path dialog box appears.<br /><br />6 Verify that Dots, meaning dots notation, and Absolute, meaning absolute path, are selected. In the dialog box, you see a list of movie clips from which you can select.<br /><br />7 Select the edges movie clip from the movie clip tree, then click OK. The following code appears in the Expression text box: _root.edges<br /><br />A target path tells ActionScript the location of a movie clip within the overall structure of a Flash movie. The _root property refers to the main Timeline and the edges movie clip lives on the Stage of the main Timeline. Any target path that begins with _root is called an absolute path because it gives the complete path to a movie clip from the main Timeline.<br /><br />8 With the insertion point after _root.edges, enter ._visible = false in the Expression text box.<br /><br />This line of code makes the movie clip invisible on the Stage.<br /><br />You can type the code manually, or you can choose ActionScript items from the Properties and Operators folders in the Actions toolbox.<br /><br />If you make an error entering an action and decide you’d like to delete it, select the action in<br />the Script pane and click the Minus (-) button in the Actions panel.<br /><br />9 In the Actions toolbox, again double-click the evaluateaction to add an empty line of code ending with a semicolon. Repeat steps 5 and 6, then choose the pattern movie clip in the Insert Target Path dialog box. Repeat Step 8, again typing ._visible = false in the Expression text box.<br /><br />10 Continue to repeat steps 4 through 8, choosing the image, piecenumbers, scramblebutton, areYouSure, and congrats movie clips in the Insert Target Path dialog box, and typing ._visible = false for each movie clip.When you finish, your script should appear as follows:<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyHpvpC8CyNuv38pNjmaDWNy6BXoHGhfGhGhDWQx9XBR6MnBMfTphNahWbVZAEBD-RuwZ0m5yuwt6YMjUAK8MMsOw4Amn6kJLLQ2qehffnItIplnlsEQ-1MZm8UN7Fkvv2iCC8LugssgI/s1600-h/image166.jpg"><img id="BLOGGER_PHOTO_ID_5312871927476623874" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 268px; CURSOR: hand; HEIGHT: 293px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyHpvpC8CyNuv38pNjmaDWNy6BXoHGhfGhGhDWQx9XBR6MnBMfTphNahWbVZAEBD-RuwZ0m5yuwt6YMjUAK8MMsOw4Amn6kJLLQ2qehffnItIplnlsEQ-1MZm8UN7Fkvv2iCC8LugssgI/s320/image166.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />11 Choose <strong>File</strong> > <strong>Save As</strong> and enter a new filename. Use a consecutive naming scheme, such as mypuzzle3.fla, so you can revert to earlier versions of the file, if necessary.<br /><br /><br /><br /><strong>Use the Reference panel</strong><br /><br />During authoring, if you’d like additional information about the ActionScript that you enter, you can select the action in the Actions toolbox or Script pane, then click the Reference button. The Reference panel, a help system organized similarly to the Actions panel, displays information about the selected action.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDH2kBCstw8j_tMTt9t4FgonB3IeP5MHgBpQCH8hsKnkJGZjn23xMKOow5d8RuyLZtM3X3lXi7Nk2UVgdX5Brq969vv20UKfc7tLofIQpIL6tRLVdKvDy6UjWmpNJE1D-r7bWArLyXiHc/s1600-h/image170.jpg"><img id="BLOGGER_PHOTO_ID_5312871614598544978" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 187px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDH2kBCstw8j_tMTt9t4FgonB3IeP5MHgBpQCH8hsKnkJGZjn23xMKOow5d8RuyLZtM3X3lXi7Nk2UVgdX5Brq969vv20UKfc7tLofIQpIL6tRLVdKvDy6UjWmpNJE1D-r7bWArLyXiHc/s320/image170.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><strong>Test your syntax<br /><br /></strong>ActionScript, like written language, depends on correct syntax. If the syntax is incorrect, the<br />action will not execute correctly. Flash offers a variety of ways for you to test your syntax.<br /><br />1 Click the Options menu in the upper right corner of the Actions panel title bar and choose Check Syntax.<br /><br />If the syntax is correct, a message appears stating that the script contains no errors.<br /><br />If the syntax is incorrect, a message appears stating the script contains errors; the Output window opens and displays information about the error.<br /><br />2 Click OK to close the syntax message.<br /><br />In normal mode, ActionScript syntax errors appear highlighted in red in the Script pane. If you move your mouse pointer over the error, a tooltip displays the error message. Syntax error messages also appear highlighted along the bottom status area of the Actions panel.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOx6WdL-mAz6tETLp5L77x7Tyr0nIIqLBhk7Rd7yR2hpSuv2pw2vtAtOYcO_pguuXJV3VwJp_NvGpNRi1CrcALNNqC5d9rG1c5Cf8S94G26sT5C8TxQh1l3Ae6LQBhKr1ZeTW1ozyymMA/s1600-h/image172.jpg"><img id="BLOGGER_PHOTO_ID_5312871364739973970" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 268px; CURSOR: hand; HEIGHT: 293px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOx6WdL-mAz6tETLp5L77x7Tyr0nIIqLBhk7Rd7yR2hpSuv2pw2vtAtOYcO_pguuXJV3VwJp_NvGpNRi1CrcALNNqC5d9rG1c5Cf8S94G26sT5C8TxQh1l3Ae6LQBhKr1ZeTW1ozyymMA/s320/image172.jpg" border="0" /></a><br /></div><div align="justify"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Additionally, as you learned in the Introduction to Flash MX Tutorial, you can choose <strong>Control </strong>> <strong>Test Movie</strong> throughout authoring to test if your movie plays as expected. </div><div align="justify"> </div><div align="justify"> </div><div align="justify"><span style="color:#ffffff;">.<br />.<br /></span>==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /><br /></div></div></div></div></div></div></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-55210962708415202722009-03-13T01:26:00.000-07:002009-03-14T01:38:10.601-07:00CHAPTER 2 - View a completed movie<div align="justify">Before you begin work on your own movie, view a completed version of this tutorial to get an idea of what you’ll create. Additionally, the completed tutorial lets you examine the Timeline, Movie Explorer, Stage, and Actions panel to understand authoring practices.<br /><br />Within your Flash MX application folder, browse to Tutorials/ActionScript/Finished.<br /><br />Double-click puzzle.swf to open the completed movie in the stand-alone Flash Player.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSYWaNjeECaWJL3UEBmAvY1XIB6ela_nFxYd8dp8HN__zSRksEb03OtpP0nXBmkCNPU-iCm4gKZa2NnmBsAySE8Naog366_cTt8kHTfr32mqv-zRNZDT5o4t7dBQraTFEftH_Uy2YNozA/s1600-h/image156.jpg"><img id="BLOGGER_PHOTO_ID_5312865917307053586" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 256px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSYWaNjeECaWJL3UEBmAvY1XIB6ela_nFxYd8dp8HN__zSRksEb03OtpP0nXBmkCNPU-iCm4gKZa2NnmBsAySE8Naog366_cTt8kHTfr32mqv-zRNZDT5o4t7dBQraTFEftH_Uy2YNozA/s320/image156.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />2 In the puzzle.swf movie, click the OK button. The puzzle pieces scramble.<br /><br />3 Click all the Show/Hide buttons. Notice how the different patterns and piece numbers are displayed to guide you in completing the puzzle.<br /><br />4 Click a puzzle piece and drag it to the solution area. The piece snaps into place.<br /><br />5 Shift-click a puzzle piece. The piece number appears in the circle under the solution area. You can match the piece number to its location in the piece number guide if you get stuck.<br /><br />6 Alt-click (Windows) or Option-click (Macintosh) a puzzle piece. The piece rotates clockwise.<br /><br />7 When you finish viewing the SWF file, you can either close the window or leave it open to serve as a reference.<br /><br /><br /><strong>Analyze the puzzle.fla file</strong><br /><br />It’s helpful to analyze the completed FLA file to determine how the author put it together and where the ActionScript elements are located.<br /><br />1 In Flash, choose File > Open. Within your Flash MX application folder, browse to Tutorials/ ActionScript/Finished and open the puzzle.fla file.<br /><br />You now see the completed tutorial movie in the authoring environment.<br /><br />2 To see all the contents on the Stage, choose <strong>View</strong> > <strong>Magnification</strong> > <strong>Show Frame</strong>.<br /><br />The movie contains only one frame, displayed in the main Timeline of the puzzle.fla file. You will use ActionScript to show and hide the various dialog boxes and pattern guides that appear in the puzzle.<br /><br />3 To resize the Timeline and Stage, drag the bar that separates the Stage from the Timeline up and down. Scroll through the Timeline to see how the layers are organized.<br /><br />Move this bar to resize the Timeline.<br /><br />4 To see the dialog boxes and guides on the Stage in the authoring environment, click the red X in the Eye column to the right of a layer’s name. A red X indicates a hidden layer.<br /><br />You click in the Lock column to lock a layer, which prevents it from being selected. This is useful if you are selecting an item on the Stage that is underneath an item in another layer. The Outline column, indicated by a square above the column, turns on outlines of all the elements in a layer; this can make it easier to see shape edges and can cause Flash to work faster.<br /><br />5 Select Frame 1 of the Actions layer.<br /><br />Frame 1 has a lowercase a, which indicates actions are associated with the frame.<br /><br />To add an ActionScript element to a movie, you must assign it to either a button, a frame, or a movie clip. Frame scripts are indicated by a lowercase a on a frame in the Timeline. To locate button and movie clip scripts, do one of the following:<br /><br />• Open the Actions panel and select a script from the Jump bar—the pop-up list under the Actions panel title bar.<br />• Select buttons and movie clips on the Stage with the Actions panel open.<br />• Use the filtering buttons or the Find text box to search for the script in the Movie Explorer.<br /><br />6 To view the actions, choose Window > Actions. The Actions panel opens. Expand the panel, if necessary, to see the actions attached to the frame. The Actions panel has two modes, normal and expert. This tutorial explains how to add actions in normal mode.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimQYK8BduuqL-SmCZ-adI0rWIyBoG0XT9axC0b0Kvpiy-X4ixnc5wcXDHOVrVIJjJnux-dncw6Kiwurrn14rRwLVaa452-b140ezFuN_AkfyEbLi9gR1x_3TO29mPjb_2Tjwo49_rwCnQ/s1600-h/image158.jpg"><img id="BLOGGER_PHOTO_ID_5312865855285511122" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 311px; CURSOR: hand; HEIGHT: 199px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimQYK8BduuqL-SmCZ-adI0rWIyBoG0XT9axC0b0Kvpiy-X4ixnc5wcXDHOVrVIJjJnux-dncw6Kiwurrn14rRwLVaa452-b140ezFuN_AkfyEbLi9gR1x_3TO29mPjb_2Tjwo49_rwCnQ/s320/image158.jpg" border="0" /></a><br /></div><div align="justify"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><strong><br /><br />View actions in the Movie Explorer</strong><br /><br />1 To locate all of the actions in the movie, use the Movie Explorer. If it’s not open, select <strong>Window</strong> > Movie Explorer.<br /><br />In the Movie Explorer, deselect all the filtering buttons except the ActionScript button. In addition to the actions in Frame 1 of the Actions layer, actions are also included in each of the Show/Hide buttons, the buttons in the various dialogs boxes that appear, and each puzzle piece.<br /><br />2 Select <strong>File</strong> > <strong>Close</strong> to close the puzzle.fla movie when you’re finished. Do not save changes to the finished file. </div><div align="justify"> </div><div align="justify"> </div><div align="justify"><span style="color:#ffffff;">.<br />.</span><br />==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /><br /></div><div align="justify"></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-86493402275236066262009-03-13T01:25:00.006-07:002009-03-14T01:38:46.510-07:00CHAPTER 2 - Introduction to ActionScript Tutorial<div align="justify">ActionScript is the scripting language of Macromedia Flash MX. A scripting language is a way to communicate with a program; you can use it to tell Flash what to do and to ask Flash what is happening as a movie runs. This two-way communication lets you create interactive movies. In this tutorial, you will examine the tasks involved in creating an interactive jigsaw puzzle.<br /><br />This tutorial is designed for Flash users who are ActionScript beginners but who want to work toward advanced abilities. You should already be familiar with basic actions and know how to assign them in the Actions panel. To get the most out of this tutorial, you should first complete the Introduction to Flash MX Tutorial, under <strong>Help</strong> > <strong>Tutorials</strong>. You should also be comfortable with the concepts presented in “Writing Scripts with ActionScript” and “Creating Interaction with ActionScript,” under <strong>Help</strong> > <strong>Using Flash</strong>.<br /><br />This tutorial takes approximately one hour to complete, depending upon your experience, and will teach you how to do the following tasks:<br /><br />• Initialize the movie<br />• Save and retrieve information<br />• Display information in a dynamic text box<br />• Write an expression<br />• Control the flow of the movie<br />• Create commands and reuse code<br />• Use a built-in object<br />• Test the movie<br /></div><div align="justify"> </div><div align="justify"><span style="color:#ffffff;">.<br />.<br /></span>==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /><br /></div><div align="justify"></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-87334704961108714482009-03-13T01:25:00.005-07:002009-03-14T01:39:40.234-07:00CHAPTER 1 - The next steps<div align="justify">By completing all eight sections of the tutorial, you’ve learned much about creating Flash movies, including how to complete the following tasks:<br /><br />• Analyze a completed movie<br />• Define document properties and create a gradient<br />• Create and mask vector art<br />• Tween bitmap effects within a movie clip<br />• Load dynamic text<br />• Modify buttons and add navigation<br />• Add streaming and event sounds<br />• Test and publish a movie<br /><br />Continue learning more about Flash capabilities by taking the Introduction to ActionScript Tutorial under <strong>Help</strong> > <strong>Tutorials</strong>. Designed for ActionScript novices, the tutorial introduces you to scripting concepts while allowing you to build a jigsaw puzzle with actions. Additionally, you can search for articles and Tech Notes about Flash MX in the Macromedia award-winning Support Center. To access the site, go to www.macromedia.com and click Support. </div><div align="justify"> </div><div align="justify"> </div><div align="justify"><span style="color:#ffffff;">.<br />.<br /></span>==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.</span><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /><br /></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-65901317881599395482009-03-13T01:25:00.003-07:002009-03-14T01:40:36.866-07:00CHAPTER 1 - Test download performance and publish the movie<div align="justify">To complete your document, you will use the Publish command to create a Web-compatible movie with the SWF extension.<br /><br />If you use the Publish command with the default settings, Flash prepares your file for the Web. Flash will Publish the SWF and create an HTML file with the tags necessary to display the SWF.<br /><br />Once you define the necessary Publish Settings options, you can repeatedly export to all selected formats at once by simply choosing <strong>File</strong> > <strong>Publish</strong>. Flash stores the publish settings you specify with the document, so each movie can have its own settings.<br /><br />In this section, you’ll learn how to complete the following tasks:<br /><br />• Use the Bandwidth Profiler to test movie download performance<br />• Publish your movie in one step<br />• Review and modify publish settings<br />• View your movie in a Web browser<br /><br />To complete this section, you can either continue to work on your mystiletto.fla file, or you can browse to your Flash MX application folder and open Tutorials/FlashIntro/stiletto7.fla. If you do use the stiletto7.fla file, save the file with a new name in your My_Stiletto folder to maintain an unadulterated version of the original file.<br /><br /><br /><strong>Test movie download performance<br /></strong><br />For a Flash movie to play correctly over the Internet, a frame must download before the movie reaches that frame. If the movie reaches a frame that hasn’t downloaded yet, it pauses until the data arrives. The low bandwidth of Flash files promotes fast downloads.<br /><br />You can use the Bandwidth Profiler to test your movie and identify where pauses might occur. The Bandwidth Profiler graphically shows how much data is sent from each frame in the movie, according to the selected modem speed.<br /><br />1 Save your document and choose <strong>Control </strong>> <strong>Test Movie</strong>.<br /><br />2 From the Debug menu, select a modem speed to determine the download rate that Flash will simulate.<br /><br />You can also choose Customize to enter a download rate.<br /><br />3 Choose <strong>View</strong> > <strong>Bandwidth Profiler</strong> to see the SWF with a download performance chart.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDk9vMwoWbvW25MNbJWtk0ABEEmI1AcN8vY66v0UbuitfMve5kt1jytaz-iMuxsxzgeAJwTFCaehQhSYsDibZNxKoSFAOSpWBo3-5OqF9PttGCud7tiqLX32Q7PcMMTSXUN1mgTkgRmkE/s1600-h/image150.jpg"><img id="BLOGGER_PHOTO_ID_5312860491724696610" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 287px; CURSOR: hand; HEIGHT: 240px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDk9vMwoWbvW25MNbJWtk0ABEEmI1AcN8vY66v0UbuitfMve5kt1jytaz-iMuxsxzgeAJwTFCaehQhSYsDibZNxKoSFAOSpWBo3-5OqF9PttGCud7tiqLX32Q7PcMMTSXUN1mgTkgRmkE/s320/image150.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />The shaded bar represents the first and only frame in your main movie. Movies with multiple frames will have multiple shaded bars. The height of the bar represents the frame’s size in bytes and kilobytes. Bars that extend above the red line, especially if the bar represents a frame other than the first frame, indicate there could be delays in movie playback. You can optimize your movie for faster downloads. For details, see “Optimizing movies” under <strong>Help</strong> > <strong>Using Flash</strong>.<br /><br />4 When you finish viewing the Bandwidth Profiler, choose <strong>View</strong> > <strong>Bandwidth Profiler</strong> to deselect it. Close the SWF window to return to the authoring environment.<br /><br /><br /><strong>Use the Publish command</strong><br /><br />You can publish your Flash document for Web playback in one step.<br /><br />• With your document saved, choose <strong>File</strong> > <strong>Publish</strong>.<br /><br />Flash publishes your movie by creating a SWF file, and possibly additional files, based on the attributes in the Publish Settings dialog box. You’ll find the published files, by default, in the same folder where you saved your FLA.<br /><br /><br /><strong>View publish settings<br /></strong><br />Using the Publish Settings dialog box, it’s easy to reconfigure the way your file publishes.<br /><br />1 To view your publish settings, choose <strong>File</strong> > <strong>Publish Settings</strong>.<br /><br /></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYy5l22mHM1aBGuI8mwn-S-8QB1bt3cjl0uNCh-uB7BpL0rWRg-pOJKiiBc6VEqF9wWTPXJluK0NLhlUrKnBdiiMa-amxn8pwk6pioDoqbqLL-ifID6gaTT72AWAMw7_wUCr5Lolnu2XU/s1600-h/image152.jpg"><img id="BLOGGER_PHOTO_ID_5312860411092910946" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 252px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYy5l22mHM1aBGuI8mwn-S-8QB1bt3cjl0uNCh-uB7BpL0rWRg-pOJKiiBc6VEqF9wWTPXJluK0NLhlUrKnBdiiMa-amxn8pwk6pioDoqbqLL-ifID6gaTT72AWAMw7_wUCr5Lolnu2XU/s320/image152.jpg" border="0" /></a></div><div align="justify"></div><div align="justify"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Flash is configured, by default, to create a supporting HTML file that displays the Flash movie. When you select a format that requires additional settings, a new tab appears.<br /><br />2 On the Formats tab, verify that Flash (.swf) and HTML (.html) are selected. Click the Flash tab. By default, the movie publishes for the Flash Player. The publishing process also applies movie and JPEG compression.<br /><br />3 Click the HTML tab.<br /><br />By default, the publishing process creates an HTML document that inserts your SWF file in a browser window. Settings on the HTML tab of the Publish Settings dialog box determine how the movie appears in the browser.<br /><br /><br /><strong>Change publish settings<br /><br /></strong>By default, Flash gives the SWF file the same name as the FLA file. You can tell Flash to change the name.<br /><br />1 On the Formats tab of the Publish Settings dialog box, deselect Use Default Names.<br /><br />2 In the HTML (.html) text box, select the existing text and type a new name, such as stilettoElectric.html. Then click Publish. When the Publishing status window closes, click OK in the Publish Settings dialog box.<br /><br /><br /><strong>View your published movie in a browser<br /><br /></strong>You can view the HTML file and SWF movie, which you just published, in your browser.<br /><br />1 Open your browser, then open the HTML file that you created. By default, the HTML file is in the same folder as your FLA file. When you open the HTML file, the SWF movie plays within your browser.<br /><br />2 In your browser, you can use a command such as <strong>View</strong> > <strong>Page Source or View</strong> > <strong>Source </strong>to view the HTML. OBJECT and EMBED tags ensure that the SWF movie is displayed within the browser.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfEx-X8LYyAP01ctvUJ_3PuL5c1DzoNCmWzpF33uTGQDvbldJhISGO9HfWZr1DygMfp-6iZR96hA9yIigknozfx8-n8VSiYZeYhVX1TqdfE9lBJJ1gQpZ-bhlYphDx34KUxHQhR_jHJ2E/s1600-h/image154.jpg"><img id="BLOGGER_PHOTO_ID_5312860352932072114" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 223px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfEx-X8LYyAP01ctvUJ_3PuL5c1DzoNCmWzpF33uTGQDvbldJhISGO9HfWZr1DygMfp-6iZR96hA9yIigknozfx8-n8VSiYZeYhVX1TqdfE9lBJJ1gQpZ-bhlYphDx34KUxHQhR_jHJ2E/s320/image154.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />For additional information about Flash HTML templates, see “About HTML publishing templates” under <strong>Help</strong> > <strong>Using Flash</strong>. </div><div align="justify"> </div><div align="justify"><span style="color:#ffffff;">.<br />.<br /></span>==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.</span><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-85399409460221702562009-03-13T01:25:00.001-07:002009-03-14T01:41:18.625-07:00CHAPTER 1 - Organize your Library panel<div align="justify">You currently have quite a few assets in your Library panel. To keep these assets organized, easy to find, and categorized by type, you’ll create folders, then move the assets into the folders.<br /><br /><span style="font-size:85%;"><strong><em>Tip</em></strong>: Keeping your library panel organized is a good practice for any movie that you author, especially because others working on the same file can then locate assets easily.<br /></span><br />1 If the Library panel is not open, choose <strong>Window</strong> > <strong>Library</strong>.<br /><br />2 Expand and enlarge the window, as necessary, to view all the assets in the Library panel. At the bottom of the Library panel, click the New Folder button four times, to create four new folders. </div><div align="justify"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWVUECcabITpkjwD1E6YCFvTSUyKg4i88PCo4G93D3lYZLXMnmgzyY0-lhd7UzZWotOgTmTJbbRIElMhtJr-YSNwYSgD7s2VpSjB59UkReO3KpNv_DnyLY3OnllGj8RDJXL6pYOLpkmIg/s1600-h/image146.jpg"><img id="BLOGGER_PHOTO_ID_5312852598766473058" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 167px; CURSOR: hand; HEIGHT: 320px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWVUECcabITpkjwD1E6YCFvTSUyKg4i88PCo4G93D3lYZLXMnmgzyY0-lhd7UzZWotOgTmTJbbRIElMhtJr-YSNwYSgD7s2VpSjB59UkReO3KpNv_DnyLY3OnllGj8RDJXL6pYOLpkmIg/s320/image146.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />3 Double-click the name of untitled folder 1, and rename it Car Animation Movie Clips.<br /><br />4 Rename the other three folders Sounds, Artwork, and Buttons.<br /><br />5 Drag View 1 Car, View 2 Car, View 3 Car, and Car Animation to the Car Animation Movie<br />Clips folder.<br /><br />6 Drag ping.mp3 and track1.mp3 to the Sounds folder.<br /><br />7 Drag view1.png, view2.png, and view3.png to the Artwork folder.<br /><br />8 Drag Button 1, Button 2, and Button 3 to the Buttons folder. With the Buttons folder selected, click New Folder again to create a subfolder with the Buttons folder.<br /><br />9 Name the new folder Button Movie Clips, then drag the remaining button movie clip assets to this folder.<br /><br /></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRpoUeSUHSIpsVSy2woxhM20SuqY_NKlmMzGSFNgp_TD08MXoxIihDzqHE89e0ZynNWBlxonueZ89ojvOeLUcGwQdV4ajrsZp7Q3sFYCNtzMAauPatgXMaU6i29GaKdHOy8POVdsUkn2s/s1600-h/image148.jpg"><img id="BLOGGER_PHOTO_ID_5312852523899684578" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 178px; CURSOR: hand; HEIGHT: 320px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRpoUeSUHSIpsVSy2woxhM20SuqY_NKlmMzGSFNgp_TD08MXoxIihDzqHE89e0ZynNWBlxonueZ89ojvOeLUcGwQdV4ajrsZp7Q3sFYCNtzMAauPatgXMaU6i29GaKdHOy8POVdsUkn2s/s320/image148.jpg" border="0" /></a></div><div align="justify"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div><div align="justify">10 Close the Library panel and save your document. </div><div align="justify"> </div><div align="justify"> </div><div align="justify"><span style="color:#ffffff;">.<br />.<br /></span>==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.</span><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-51162266344720939242009-03-13T01:24:00.004-07:002009-03-14T01:42:37.833-07:00CHAPTER 1 - Add streaming and event sounds<div align="justify">When a movie is downloading from an Internet source, a streaming sound can begin to play as soon as the beginning of the sound file has downloaded. Such sounds are especially suited for continuous background sounds.<br /><br />Event sounds must download completely and load into RAM before playing; event sounds are useful for buttons. In this section, you’ll learn how to accomplish the following tasks:<br /><br />• Add a streaming sound to your movie<br />• Add an event sound to a button<br /><br />To complete this section, you can either continue to work on your mystiletto.fla file, or you can browse to your Flash MX application folder and open Tutorials/FlashIntro/stiletto6.fla. If you do use the stiletto6.fla file, save the file with a new name in your My_Stiletto folder to maintain an unadulterated version of the original file.<br /><br /><br /><strong>Add a streaming sound<br /></strong><br />You can include sound in your movie by dragging the sound to the Stage. You’ll add background music that streams and plays for a specified number of times.<br /><br />1 In the Timeline, with the Buttons layer selected, add a new layer and name it Sounds.<br /><br />2 Choose <strong>File</strong> > <strong>Import</strong>. Within your Flash MX application folder, browse to Tutorials/ FlashIntro/Assets and click track1.mp3. Control-click (Windows) or Command-click (Macintosh) to add ping.mp3 to the selection, then click Open.<br /><br />The files are imported into the library.<br /><br />3 With the Sounds layer selected, drag the track1.mp3 sound from the Library panel to the Stage. In the Timeline, a small representation of sound waves appears in the frame.<br /><br />4 In the Timeline, select the first frame of the Sounds layer. In the Property inspector, type <strong>999</strong> in the Loop text box to specify the number of times the sound can play continuously.<br /><br /><br /><strong>Test the movie<br /></strong><br />1 Save your file, then choose <strong>Control </strong>> <strong>Test Movie</strong> to hear the sound.<br /><br />2 When you finish playing the movie, click the movie’s close box.<br /><br /><br /><strong>Add an event sound to a button</strong><br /><br />In addition to dragging a sound to the Stage, you can select a sound from the Property inspector. You will use this method to add an event sound to a button.<br /><br />As you learned in the Creating Buttons lesson, when you create a button symbol, Flash creates frames for the different button states in relation to the mouse pointer. The Over frame, for example, represents the button’s state when the pointer is over the button. Other button frames/ states are Up, Down, and Hit.<br /><br />Now you’ll add an event sound to a button, which causes the sound to play during the Over state. Because you’re adding the sound to the button symbol in the library, not just to an instance of the symbol, the sound will play for each instance of the button.<br /><br />1 In the Library panel, double-click the Button 1 instance to open symbol-editing mode.<br /><br />2 In the Timeline for Button 1, add a new layer and name the new layer Sound.<br /><br />3 Select the Over frame (Frame 2) of the Sound layer and choose <strong>Insert</strong> > <strong>Keyframe</strong> or press F6.<br /><br />4 To define the sound properties, click Frame 2 of the Sound layer. In the Property inspector, select Ping.mp3 from the Sound pop-up menu. Verify that Event is selected in the Sync pop-up menu.<br /><br />5 Save your document and choose <strong>Control</strong> > <strong>Test Movie</strong> to hear the button sounds. When you finish viewing the SWF file, close its window to return to the document. </div><div align="justify"> </div><div align="justify"> </div><div align="justify"><span style="color:#ffffff;">.<br />.<br /></span>==============================================<br /><span style="color:#ffffff;">.</span><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-26785387129551921062009-03-13T01:24:00.003-07:002009-03-14T01:44:01.961-07:00CHAPTER 1 - Add animation and navigation to buttons<div align="justify"></div><div align="justify">When you specify that a new symbol is a button, Flash creates the Timeline for the button states. In the Creating Buttons lesson, you learned how to change the fill color of a shape within a button state. In this section, you’ll learn more about modifying buttons, including adding animation to a button. </div><div align="justify"><br />Specifically, in this section you’ll learn how to complete the following tasks: </div><div align="justify"><br />• Import a library from another FLA file<br />• Align buttons<br />• Add animation to a button state<br />• Add navigation to a button to link to a Web site<br />• Use the Enable Simple Buttons feature<br />• Add button navigation<br /><br />To complete this section, you can either continue to work on your mystiletto.fla file, or you can browse to your Flash MX application folder and open Tutorials/FlashIntro/stiletto5.fla. If you do use the stiletto5.fla file, save the file with a new name in your My_Stiletto folder to maintain an unadulterated version of the original file. </div><div align="justify"><br /><strong><br />Import the library of another FLA file</strong> </div><div align="justify"><br />The buttons that you’ll use in your movie reside in the library of another FLA file. To use the buttons, you open the FLA file containing the buttons as a library. </div><div align="justify"><br />With your Library panel open, choose <strong>File</strong> > <strong>Open as Library</strong>. Browse within your Flash MX application folder to the Tutorials/FlashIntro/Assets folder and double-click buttons.fla.<br /><br />The library for the buttons.fla file appears in addition to the library for your document.<br /><br /></div><div align="justify"></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF-gtKdD6EGBJpQVoEFHOKa7aXZObY-q7q9YfAx4Qn5F15YGNz3-WJ8JBjWBCPGoGtreTKy4kruLSydzpOZ5rbqLYkdcbqHyMIOgcN63qbi56CvKw2VFj0Hp0rBM_DPYc95isrJ6bHIG8/s1600-h/image130.jpg"><img id="BLOGGER_PHOTO_ID_5312844288392591170" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 284px; CURSOR: hand; HEIGHT: 201px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF-gtKdD6EGBJpQVoEFHOKa7aXZObY-q7q9YfAx4Qn5F15YGNz3-WJ8JBjWBCPGoGtreTKy4kruLSydzpOZ5rbqLYkdcbqHyMIOgcN63qbi56CvKw2VFj0Hp0rBM_DPYc95isrJ6bHIG8/s320/image130.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><strong><br />Align buttons</strong> </div><div align="justify"><br />You can align the three buttons along horizontal and vertical axes using the Align panel.<br /><br />1 In the Timeline, with the Copy layer selected, add a new layer and name it Buttons. Lock all the layers except the Buttons layer.<br /><br />2 In the Stage View pop-up menu, on the right above the Stage, enter 150% to enlarge your view of the Stage. Then scroll to the lower right side of the Stage.<br /><br />3 Drag Button 1 from the buttons.fla Library panel and place it under the lower right corner of the dynamic text field.<br /><br /><br /></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2oznOSQ12T-igKAuW4voLBaylZgGn8npRLINh46CyDF5WvO0Go2yEQ95yeJ12JRApHWcqkEA69CYKLJW3dGCoekcsIgvDcZTDSHx6JkAZhUnKNJLx5cwC22yxxU8ecReqwUe6Kuxlfho/s1600-h/image132.jpg"><img id="BLOGGER_PHOTO_ID_5312844229786922786" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 165px; CURSOR: hand; HEIGHT: 112px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2oznOSQ12T-igKAuW4voLBaylZgGn8npRLINh46CyDF5WvO0Go2yEQ95yeJ12JRApHWcqkEA69CYKLJW3dGCoekcsIgvDcZTDSHx6JkAZhUnKNJLx5cwC22yxxU8ecReqwUe6Kuxlfho/s320/image132.jpg" border="0" /></a><br /></div><div align="justify"><br /><br /><br /><br /><br /><br /></div><div align="justify"><br /><br />When you drag a button from the buttons.fla Library panel, the button becomes part of the library for your document.<br /><br />4 Drag Button 2 and Button 3 from the buttons.fla Library panel, placing them to the left of Button 1. Use the approximate spacing shown in the following illustration:<br /><br /></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3pHL2XL2y7LuxjICU2H1Bqv5mgxcJhGCZjCSF4mjaPXom47TMyTPA2_wHa1z6ARbJSLl5594bvQnzU5jD360Hszrt1N1jbw8BLrH-Tm2rpRsNTb77MfhBfIPelRAfR-RtKo_EhZ1l_6Q/s1600-h/image134.jpg"><img id="BLOGGER_PHOTO_ID_5312844164350111234" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 165px; CURSOR: hand; HEIGHT: 112px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3pHL2XL2y7LuxjICU2H1Bqv5mgxcJhGCZjCSF4mjaPXom47TMyTPA2_wHa1z6ARbJSLl5594bvQnzU5jD360Hszrt1N1jbw8BLrH-Tm2rpRsNTb77MfhBfIPelRAfR-RtKo_EhZ1l_6Q/s320/image134.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br />5 With the Arrow tool, drag to select all three buttons.<br /><br /></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM_PG8emq9NGtXm26-jx0s2kyDb5-sFQIIcb4LjSklw9k0ERe36afpVLQJ8-ESjF-7JnCe38xGd8U7MOiTqNdokwJJOIiJ7DJxTOjk7l8WIcatjRvX5tc6-H8FeLFfjdtjqYSQTpD0PfY/s1600-h/image136.jpg"><img id="BLOGGER_PHOTO_ID_5312844102843959362" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 195px; CURSOR: hand; HEIGHT: 69px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM_PG8emq9NGtXm26-jx0s2kyDb5-sFQIIcb4LjSklw9k0ERe36afpVLQJ8-ESjF-7JnCe38xGd8U7MOiTqNdokwJJOIiJ7DJxTOjk7l8WIcatjRvX5tc6-H8FeLFfjdtjqYSQTpD0PfY/s320/image136.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br />6 To open the Align panel, choose Window > Align. Verify that To Stage is not selected. You do not want to align the buttons relative to the Stage. Click Align Vertical Center, and then click Distribute Horizontal Center.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnQfJzqAkMjfKc9xI_zNAnZr0VCbSL3gGoalDe5CaDE7JN9Oz4vzgqPumuJC0bJV6i4-X9SMtGx2Gu65lNZbT_iVugcGfad5WFpk4wYtIIDHYd1YkXwRan6UqA4k8QlIjnU3PA-7LrbXY/s1600-h/image138.jpg"><img id="BLOGGER_PHOTO_ID_5312844045317821826" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 171px; CURSOR: hand; HEIGHT: 104px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnQfJzqAkMjfKc9xI_zNAnZr0VCbSL3gGoalDe5CaDE7JN9Oz4vzgqPumuJC0bJV6i4-X9SMtGx2Gu65lNZbT_iVugcGfad5WFpk4wYtIIDHYd1YkXwRan6UqA4k8QlIjnU3PA-7LrbXY/s320/image138.jpg" border="0" /></a><br /><br /><span style="font-size:85%;color:#ff0000;">Align Vertical Center<br /><br />To Stage<br />Distribute Horizontal Center<br /></span><br /><br /><br />The buttons align on the Stage. </div><div align="justify"><br /><strong></strong></div><div align="justify"><strong><br />Enable simple buttons </strong></div><div align="justify"><strong><br /></strong>When the Enable simple buttons feature is active, you can hear the sounds included with Buttons 2 and 3, and you can view the colors used for the button states. More complex button design, such as animation, does not play. </div><div align="justify"><br />1 Choose <strong>Control</strong> > <strong>Enable Simple Buttons</strong>, then roll over and click each button.<br />The right button, Button 1, is not finished. You will modify that button next.<br /><br />2 When you finish testing the buttons, choose Control > Enable Simple Buttons to deselect that feature. </div><div align="justify"><br /><strong></strong></div><div align="justify"><strong><br />Modify a button state</strong> </div><div align="justify"><br />You’ll create a movie clip within the Over state of Button 1, then create a shape tween in the movie clip. The shape tween creates an effect that changes the color from gray to red.<br /><br />1 On the Stage, double-click the right button, Button 1, to open symbol-editing mode.<br /><br />2 In the Button 1 Timeline, hide all layers except the Color layer. In the Color layer, select the Over keyframe.<br /><br />3 On the Stage, select the black oval shape for the right button. Press F8 to make the oval a symbol. In the Convert to Symbol dialog box, name the symbol Button Animation. Select Movie Clip, and click OK.<br /><br />4 On the Stage, double-click the Button Animation symbol to open symbol-editing mode.<br /><br />5 Rename Layer 1 Color Change, and add a keyframe to Frame 15.<br /><br />6 With the playhead still on Frame 15, select the button shape on Stage and choose a bright shade of red from the Fill Color pop-up menu in the toolbox.<br /><br />7 In the Timeline, click any frame between Frames 1 and 13. In the Property inspector, select Shape from the Tween pop-up menu. Drag the playhead from frames 1 to 15 to see the color change. </div><div align="justify"><br /><strong></strong></div><div align="justify"><strong><br />Add actions to buttons</strong> </div><div align="justify"><br />When the user clicks the button and the tweened animation plays, you want the playhead to move to the end of the Button Animation Timeline, then stop. You use ActionScript, the Flash scripting language, to control playhead movement in a Timeline. </div><div align="justify"><br />1 Add a new layer to the Button Animation Timeline and name it Actions.<br /><br />2 On the Actions layer, add a keyframe to Frame 15.<br /><br />3 If the Actions panel is not open, choose <strong>Window</strong> > <strong>Actions</strong>. Enlarge the panel, if necessary, to view both the Actions toolbox and the Script pane.<br /><br />4 With Frame 15 of the Actions layer selected, go to the <strong>Actions</strong> > <strong>Movie Control</strong> category of the Actions toolbox and double-click stop.<br /><br />The stop action lets you specify that the playhead will stop when it reaches Frame 15.<br /><br /></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWCo9SWqXytrd5XEf_o8VKNLnMCXBhcwDJWm55sjt8X5rntM7lat3UwqQ94RL-4XMSjH2k0jF1Q5X46ZDPSr7meqyRU_Dmu4nrOnafsfPZDY9OV4R8oTS4jBj9VIqbyWl2PMlJJ5R-4tI/s1600-h/image140.jpg"><img id="BLOGGER_PHOTO_ID_5312843979124302226" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 300px; CURSOR: hand; HEIGHT: 320px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWCo9SWqXytrd5XEf_o8VKNLnMCXBhcwDJWm55sjt8X5rntM7lat3UwqQ94RL-4XMSjH2k0jF1Q5X46ZDPSr7meqyRU_Dmu4nrOnafsfPZDY9OV4R8oTS4jBj9VIqbyWl2PMlJJ5R-4tI/s320/image140.jpg" border="0" /></a></div><div align="justify"></div><div align="justify"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />In the Button Animation Timeline, Frame 15 of the Actions layer now displays a small a, which indicates that an action is attached to that frame.<br /><br /></div><div align="justify"></div><div align="justify"></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg485vdzMP7jRSnOspr6bk846fyAXmXQ3caB8w_YnMMiuaiYBZP6hZTBP8TFWp9SiVxkx4kzxQU0puXaVRD5g95tY9YZYkEuD39eiPvc04VfHcEtBfwtV6y1CEecwnzZmOH5bDrtV379ag/s1600-h/image142.jpg"><img id="BLOGGER_PHOTO_ID_5312843882798460674" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 248px; CURSOR: hand; HEIGHT: 63px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg485vdzMP7jRSnOspr6bk846fyAXmXQ3caB8w_YnMMiuaiYBZP6hZTBP8TFWp9SiVxkx4kzxQU0puXaVRD5g95tY9YZYkEuD39eiPvc04VfHcEtBfwtV6y1CEecwnzZmOH5bDrtV379ag/s320/image142.jpg" border="0" /></a><br /><br /><br /><br /></div><div align="justify"><br /><span style="font-size:85%;"><strong><em><br /><br />Note</em></strong>: As you complete the tutorial, remember to save your work frequently.<br /></span></div><div align="justify"><span style="font-size:85%;"></div></span><div align="justify"><strong><br /><br />Add button navigation</strong> </div><div align="justify"><br />You use the getURL action to add navigation to a button that opens a Web site.<br /><br />1 Choose <strong>Edit</strong> > <strong>Edit Document</strong> or click Scene 1 to return to the main movie.<br /><br />2 On the Stage, click Button 1, the right button.<br /><br />3 In the Actions panel, choose <strong>Actions</strong> > <strong>Browser/Network</strong> and double-click getURL.<br /><br />4 In the URL text box, type any complete URL, such as <a href="http://www.macromedia.com/">http://www.macromedia.com/</a>.<br /><br />5 In the Window pop-up menu, select _blank to launch a new browser window when the user clicks Button 1.<br /><br /></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbI5XoOHwKqkeVX5hEIfbl1d4y86vfBC1_j85vIU6m8ilZ8wA4b-670iWr7lQQzml9U7Vm5EG-N34zr-Bkpo0XNn4rGlqREnjcx2VM-JpjT3NHt86y-eJau7mlSbmq6a3fCfT08mb5LOw/s1600-h/image144.jpg"><img id="BLOGGER_PHOTO_ID_5312843820921668978" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 310px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbI5XoOHwKqkeVX5hEIfbl1d4y86vfBC1_j85vIU6m8ilZ8wA4b-670iWr7lQQzml9U7Vm5EG-N34zr-Bkpo0XNn4rGlqREnjcx2VM-JpjT3NHt86y-eJau7mlSbmq6a3fCfT08mb5LOw/s320/image144.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />6 Save your file, then choose <strong>Control</strong> > <strong>Test movie</strong>. Click Button 1 to go to the Web site you specified in step 4.<br /><br />7 Close the browser and the SWF file, and then return to the Flash authoring environment. If desired, you can select Button 2 on the Stage and repeat steps 3 through 7 to link it to a different Web site, then repeat the steps for Button 3. When you finish linking the buttons, close the Actions panel. </div><div align="justify"><br /><strong></strong></div><div align="justify"><strong><br />Add streaming and event sounds </strong></div><div align="justify"><br />When a movie is downloading from an Internet source, a streaming sound can begin to play as soon as the beginning of the sound file has downloaded. Such sounds are especially suited for continuous background sounds. </div><div align="justify"><br />Event sounds must download completely and load into RAM before playing; event sounds are useful for buttons. In this section, you’ll learn how to accomplish the following tasks: </div><div align="justify"><br />• Add a streaming sound to your movie<br />• Add an event sound to a button<br /><br />To complete this section, you can either continue to work on your mystiletto.fla file, or you can browse to your Flash MX application folder and open Tutorials/FlashIntro/stiletto6.fla. If you do use the stiletto6.fla file, save the file with a new name in your My_Stiletto folder to maintain an unadulterated version of the original file.</div><div align="justify"> </div><div align="justify"> </div><div align="justify"><span style="color:#ffffff;">.<br />.</span><br />==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.</span><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-53687777539414429742009-03-13T01:24:00.001-07:002009-03-14T01:46:00.807-07:00CHAPTER 1 - Load dynamic text at runtime<div align="justify">In the lesson Adding and Editing Text, you practiced typing text directly on the Stage. You can also design your movie to include text from external files. One of the easiest ways to accomplish this is to use the loadVariables action to load text from a text file into a dynamic text field at runtime. In the FLA file, you can specify text attributes, such as font style, size, and color, for the dynamic text field. An advantage of keeping text in external files is that anyone who wants to modify the text can work with the text file rather than the FLA file. </div><div align="justify"><br />In this section, you’ll learn how to accomplish the following tasks:<br /><br />• Import and align a logo<br />• Create a dynamic text field<br />• Use the Property inspector to assign a text variable name<br />• Use the loadVariables action to load text from an external file<br /><br />To complete this section, you can either continue to work on your mystiletto.fla file, or you can browse to your Flash MX application folder and open Tutorials/FlashIntro/stiletto4.fla. If you do use the stiletto4.fla file, save the file with a new name in your My_Stiletto folder to maintain an unadulterated version of the original file. </div><div align="justify"><br /><strong>Import the logo</strong> </div><div align="justify"><br />Before creating the dynamic text field, you’ll import the logo, a Macromedia FreeHand file for which Flash automatically adds a layer on the Timeline.<br /><br />1 In the Timeline, select the Images layer and add a new layer above it. Name the new layer Copy.<br /><br />2 With the Copy layer selected, choose File > Import. Earlier in the tutorial, you imported objects into the library. Now you’ll import the logo so that it appears on the Stage.<br /><br />3 Browse within your Flash MX application folder to the Tutorials/FlashIntro/Assets folder and click logo.fh10, then click Open.<br /><br />4 In the FreeHand Import dialog box, verify that Scenes, Layers, and All are selected. Also verify that Include Background Layer and Maintain Text Blocks is selected, and then click OK.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiheyqmt6bpSU1d9agGEMdqgwYCFeM9F_uUrhOfnJ2vC34jFq4ini0Uqo1KTTrnL7tcvCHFFhq-LiWQVRg44qR-bRpCRIOTDE7FFYEVNonjHWZmy_XqYgyDItzXpIqFtM6bHNWe6Y-BZLk/s1600-h/image114.jpg"><img id="BLOGGER_PHOTO_ID_5312709928473097842" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 193px; CURSOR: hand; HEIGHT: 217px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiheyqmt6bpSU1d9agGEMdqgwYCFeM9F_uUrhOfnJ2vC34jFq4ini0Uqo1KTTrnL7tcvCHFFhq-LiWQVRg44qR-bRpCRIOTDE7FFYEVNonjHWZmy_XqYgyDItzXpIqFtM6bHNWe6Y-BZLk/s320/image114.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />5 In the Timeline, Flash created a layer named Logo. Drag the Logo name to move the layer below the Copy layer.<br /><br />6 You can specify Stage coordinates for the logo. In the Property inspector, with the logo selected, type 10 in the X text box and 20 in the Y text box. Then press Enter or Return.<br /><br />7 In the Timeline, lock the Logo layer.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7LkAhxpk0NOU4RmWJ04g7C3rRoRvVKljUsXP640hcjvY42GgZ6FcKVu0uv_1ZtwFjrXJZRnCNAlhornHkzfmhekBQOhEnRSW8qacPJrVNvBg44GQbBiJliRiz10AeWFZT3BzY72pgG7s/s1600-h/image116.jpg"><img id="BLOGGER_PHOTO_ID_5312709874168090034" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 215px; CURSOR: hand; HEIGHT: 96px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7LkAhxpk0NOU4RmWJ04g7C3rRoRvVKljUsXP640hcjvY42GgZ6FcKVu0uv_1ZtwFjrXJZRnCNAlhornHkzfmhekBQOhEnRSW8qacPJrVNvBg44GQbBiJliRiz10AeWFZT3BzY72pgG7s/s320/image116.jpg" border="0" /></a><br /><br /><br /><strong><br /><br /><br /><br /><br />Create a dynamic text field</strong><br /><br />Now you’ll create a dynamic text field. Instead of typing text into the field, you’ll specify the variable text that loads into the field at runtime.<br /><br />1 In the Timeline, select the Copy layer. In the toolbox, select the Text tool. In the Property inspector, select Dynamic Text from the Text Type pop-up menu.<br /><br />2 In the Font pop-up menu, select _sans. _sans is a device font appropriate for small text that appears on multiple computer platforms. For more information about device fonts, see “Using device fonts (horizontal text only),” under Help > Using Flash.<br /><br />3 In the Point Size text box, type 12. 4 Click the Text (fill) Color box and select yellow, with a hexadecimal value of FFCC00.<br /><br />5 In the Line Type pop-up menu, select Multiline, which is for multiple lines of text that will wrap.<br /><br /><br /><span style="color:#ff0000;"><span style="font-size:85%;">Text Type pop-up menu</span><br /></span><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXshGfQWid32lCRnCX9QxnxxDuyZ9loUJx6MAGuOCzEBo2BuGlpQ6oMaQAb08oABvGIRdGfbVWH6JT73LLIKy2qZy1trH8ihbQlSj746m_v1k9J0nAD4VTQiCYK5rpC2CjHPikV0zj9FA/s1600-h/image118.jpg"><img id="BLOGGER_PHOTO_ID_5312709821580360274" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 94px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXshGfQWid32lCRnCX9QxnxxDuyZ9loUJx6MAGuOCzEBo2BuGlpQ6oMaQAb08oABvGIRdGfbVWH6JT73LLIKy2qZy1trH8ihbQlSj746m_v1k9J0nAD4VTQiCYK5rpC2CjHPikV0zj9FA/s320/image118.jpg" border="0" /></a><br /><br /><br /><br /></div><div align="justify"><br /><span style="font-size:85%;color:#ff0000;"><span style="color:#ffffff;"><br /><br /><br />..............</span>Line Type pop-up menu</span> </div><div align="justify"><br /><br />6 On the Stage, click below the logo. Drag the pointer to create a text field the width of the logo text and the approximate depth of the vertical line that’s grouped with the logo, as shown in the following illustration.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhae-4cU7w79lbk-mlIpfScb-vyVF0uQUE6L2SadkIgB60qhjgIdGAoIgGSc86sLi4cg2ba3zBD1TXvYgg6fCv-hsJTCMj8iPZe9vbX21mYcYeauVvHnfcDHgkZTZfr7c23r8RSk4eGPMM/s1600-h/image120.jpg"><img id="BLOGGER_PHOTO_ID_5312709771237094482" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 213px; CURSOR: hand; HEIGHT: 96px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhae-4cU7w79lbk-mlIpfScb-vyVF0uQUE6L2SadkIgB60qhjgIdGAoIgGSc86sLi4cg2ba3zBD1TXvYgg6fCv-hsJTCMj8iPZe9vbX21mYcYeauVvHnfcDHgkZTZfr7c23r8RSk4eGPMM/s320/image120.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br />7 In the Property inspector, type textField in the Var text box. </div><div align="justify"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAotXGR1pLWaSBywFEl0WYGN90Ylvi8hPRsHwQCm0tjg6yVtWrfE3j6n5eqFZfPcrgjescHVLb1hg9Wlj8LY-vYpQ4fRcBfku7AHVAp0ALQhw0reMB_xICn16QUZa3Dt8a8YgVdE_Ldtk/s1600-h/image122.jpg"><img id="BLOGGER_PHOTO_ID_5312709715566178706" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 95px; CURSOR: hand; HEIGHT: 13px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAotXGR1pLWaSBywFEl0WYGN90Ylvi8hPRsHwQCm0tjg6yVtWrfE3j6n5eqFZfPcrgjescHVLb1hg9Wlj8LY-vYpQ4fRcBfku7AHVAp0ALQhw0reMB_xICn16QUZa3Dt8a8YgVdE_Ldtk/s320/image122.jpg" border="0" /></a><br /><br /><br />The text file that will load into the dynamic text field, as seen in the following illustration, includes text that names the variable: textField=. When you enter this name in the Var text box, you are naming the variable that the movie should load.<br /><br /><br /></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj8GiGK5NthipG1ONlDcCaDNp8GyP_ekLsT7rn_WP6_bG6fwS42Fdl4vijPdgmfn4WsoCw-cVv3eMC86YG8zIEUoQFJ7q7sXKqldc_24Sq9_0k_xGKXyGFOpnHseJ1yuYk6d16i21cFjw/s1600-h/image124.jpg"><img id="BLOGGER_PHOTO_ID_5312709664838758866" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 147px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj8GiGK5NthipG1ONlDcCaDNp8GyP_ekLsT7rn_WP6_bG6fwS42Fdl4vijPdgmfn4WsoCw-cVv3eMC86YG8zIEUoQFJ7q7sXKqldc_24Sq9_0k_xGKXyGFOpnHseJ1yuYk6d16i21cFjw/s320/image124.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /></div><div align="justify"><br /><strong><br /><br />Use the loadVariables action to load text<br /><br /></strong>The loadVariables action includes a parameter to specify the path to the variable text. The text is in a file named copy.txt, within your Tutorials/FlashIntro/Assets folder.<br /><br />1 In the Timeline, add a new layer and name it Actions. If necessary, drag the Actions layer to the top of the Timeline.<br /><br />A good practice is to keep actions on the top layer in a Timeline.<br /><br />2 If the Actions panel is not open, choose <strong>Window</strong> > <strong>Actions</strong>. Enlarge the Actions panel, if necessary, by clicking the white arrow in the title bar to expand the window, and by dragging the lower right corner of the panel to view the Actions toolbox and Script pane.<br /><br />The type of Actions panel that is displayed depends on the object to which you’re adding an action. If you’ve selected a frame, for example, the Actions panel displays actions for frames. If you’ve selected a button, the Actions panel displays actions for buttons.<br /><br />3 Click the triangle in the upper right corner of the panel title bar to display the pop-up menu. Verify that normal mode, rather than expert mode, is selected. </div><div align="justify"><br />Expert mode offers features useful to those experienced with ActionScript. In normal mode, parameter fields and controls guide you in creating ActionScript.<br /><br /></div><div align="justify"><span style="color:#ffffff;">.......................................</span><span style="font-size:85%;color:#ff0000;">Options menu button</span><br /></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOJaWHqCMDaf5cHXXAHLPIvnGyrUaBY8uA-JO2lWG0YyPli7DQY6fSfqn77bEengqRUDhmoOWXNtLtA_DvuI97pcBHQ7byBSUC0k2r6Z4Ly72zUNSkmmw9euufGXjTTHI5WEO43P6dovs/s1600-h/image126.jpg"><img id="BLOGGER_PHOTO_ID_5312709607681331698" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 238px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOJaWHqCMDaf5cHXXAHLPIvnGyrUaBY8uA-JO2lWG0YyPli7DQY6fSfqn77bEengqRUDhmoOWXNtLtA_DvuI97pcBHQ7byBSUC0k2r6Z4Ly72zUNSkmmw9euufGXjTTHI5WEO43P6dovs/s320/image126.jpg" border="0" /></a></div><div align="justify"></div><div align="justify"></div><div align="justify"></div><div align="justify"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><span style="color:#ff0000;"><span style="font-size:85%;"><br /><br /><br /><br /><br /><br /><br /><span style="color:#ffffff;">....</span>Actions toolbox<span style="color:#ffffff;">..... </span>Script pane</span><br /></span><br /><br /><br />4 In the Actions toolbox, choose <strong>Actions</strong> > <strong>Browser/Network</strong>, then double-click loadVariables.<br /><br />The ActionScript is added to the Script pane. Parameters for the action appear above the Script pane.<br /><br />5 In the URL text box, type the path to the text file: ../assets/copy.txt.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDxAJn9DAhaSlNPIGEp-gqhJCPX4J_H1kYFxkRWbRFIv5UNYXQK1o_-lIWFPHJ1wKzsmSbZKFrb5FUyYZbviMrbyKuV3eMlJ9d0gK2Ig03qkg8a-JpTSQursN3dH5w6vn9N0__Lx0wv-k/s1600-h/image128.jpg"><img id="BLOGGER_PHOTO_ID_5312709542723539906" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 237px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDxAJn9DAhaSlNPIGEp-gqhJCPX4J_H1kYFxkRWbRFIv5UNYXQK1o_-lIWFPHJ1wKzsmSbZKFrb5FUyYZbviMrbyKuV3eMlJ9d0gK2Ig03qkg8a-JpTSQursN3dH5w6vn9N0__Lx0wv-k/s320/image128.jpg" border="0" /></a><br /><br /></div><div align="justify"><br /><strong><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Test your movie</strong><br /><br />• Save your movie, then choose <strong>Control</strong> > <strong>Test movie</strong>. You can also press Control+Enter (Windows) or Command+Return (Macintosh)</div><div align="justify"> </div><div align="justify"> </div><div align="justify"> </div><div align="justify"><span style="color:#ffffff;">.<br />.<br /></span>==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.</span><br />==============================================<br /></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-13541601022864216872009-03-13T01:23:00.004-07:002009-03-14T01:46:43.131-07:00CHAPTER 1 - Tween bitmap effects within a movie clip<div align="justify">In addition to creating vector art in Flash, you can import bitmap images, which use pixels to display graphics, into your Flash movie and apply various color effects. In this section, you’ll complete the following tasks: </div><ul><li><div align="justify">Import bitmap images </div></li><li><div align="justify">Modify bitmap compression </div></li><li><div align="justify">Create and edit a movie clip symbol</div></li><li><div align="justify">Tween bitmap effects to fade views of the car in and out </div></li></ul><p align="justify">To complete this section, you can either continue to work on your mystiletto.fla file, or you can browse to your Flash MX application folder and open Tutorials/FlashIntro/stiletto3.fla. If you do use the stiletto3.fla file, save the file with a new name in your My_Stiletto folder to maintain an unadulterated version of the original file.<br /><br />Import images into the library When you import a file into Flash, you can import it directly into the library.<br /><br />1 On the Timeline, add a new layer and name it Images. 2 Choose File > Import to Library. When you select Import to Library rather than Import, the images must be placed on the Stage before they will appear.<br /><br />3 Browse to your Tutorials/FlashIntro/Assets folder within your Flash MX application folder and select view1.png, then Shift-click to add view2.png and view3.png to the selection. Click Open.<br /><br />4 In the Fireworks PNG Import Settings dialog box, click Import as a Single Flattened Bitmap, then click OK.<br /><br />The three images are now in the library. </p><div align="justify"><br /><strong>Modify bitmap compression</strong> </div><div align="justify"><br />When you import an image, you can check and modify settings that compress the image. While compressing images reduces the file size of your movie, compression can affect image quality; the goal is to strike a balance between compression settings and image quality.<br /><br />1 If the Library panel isn’t open, choose Window > Library. Enlarge the window, if necessary, to see the three files you imported.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipDg-NAY7ZF3mNPjG8C9JEqmiOfa_ArBDjC6NdXihgV8rpMTyguBr3RGxU2jIPJiPZlrECP-5LeJgbcgx0xfOTNpGl0ySo3EM_yParTYdMoQ2jRdEfCdjCQXYXtjOHNk2NOX_AA64CNDA/s1600-h/image096.jpg"><img id="BLOGGER_PHOTO_ID_5312686335059125538" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 181px; CURSOR: hand; HEIGHT: 189px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipDg-NAY7ZF3mNPjG8C9JEqmiOfa_ArBDjC6NdXihgV8rpMTyguBr3RGxU2jIPJiPZlrECP-5LeJgbcgx0xfOTNpGl0ySo3EM_yParTYdMoQ2jRdEfCdjCQXYXtjOHNk2NOX_AA64CNDA/s320/image096.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />2 Double-click the view1.png file. JPEG compression is the default selection.<br /><br />3 In the Compression pop-up menu, select Lossless (PNG/GIF) for higher image quality.<br /><br />4 To test how the image appears with the new setting, click Test. If necessary, drag the car into view in the preview window. When you finish previewing the image, click OK.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqEL5e9aaX3QdFisr3I9u2x3Kbkqa7HAb6MNV70Zy6s6SLcwD4wP-zKoFkDI8Ag_NtCNNpDYP3p48DDATPoKS__h7U-rd2J6bxLUV0HsM5gPIBY-zhasVpKDXlQEaR-zyHiESbHUwjHOU/s1600-h/image098.jpg"><img id="BLOGGER_PHOTO_ID_5312686268142099458" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 305px; CURSOR: hand; HEIGHT: 192px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqEL5e9aaX3QdFisr3I9u2x3Kbkqa7HAb6MNV70Zy6s6SLcwD4wP-zKoFkDI8Ag_NtCNNpDYP3p48DDATPoKS__h7U-rd2J6bxLUV0HsM5gPIBY-zhasVpKDXlQEaR-zyHiESbHUwjHOU/s320/image098.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />5 Return to the Library panel. Double-click view2.png and repeat step 3, then click OK.<br /><br />6 In the Library panel, double-click view3.png and specify Lossless (PNG/GIF), then click OK.</div><p align="justify"><br /><strong>Create a movie clip symbol</strong> </p><p align="justify">In the finished file, three views of the electric car fade in and out in the opening scene. This effect is achieved by creating a movie clip symbol that has a Timeline independent of the main Timeline. Next, you tween the alpha transparency between three views of the car to create a fade in/fade out effect. To begin to create the effect, you’ll create the movie clip. </p><p align="justify">1 With the Images layer still selected in the Timeline, drag the view1.png object from the Library panel to the Stage, placing the car within the area where the gradient background is lightest.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh43cmlKD41bWC5JRCxThBkovX2Zam1HPEMNwGVtqKm_D0aWqvHCf1K6UcWBOgiCoEhBKIDvjX78zy0Tg0KpKQAMF3hyphenhyphenDoYcsOzEY_nhP7l2Vmz0j61653SMFW_KFnxXfWoLAoeK3GDvg/s1600-h/image100.jpg"><img id="BLOGGER_PHOTO_ID_5312686206616701122" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 285px; CURSOR: hand; HEIGHT: 129px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh43cmlKD41bWC5JRCxThBkovX2Zam1HPEMNwGVtqKm_D0aWqvHCf1K6UcWBOgiCoEhBKIDvjX78zy0Tg0KpKQAMF3hyphenhyphenDoYcsOzEY_nhP7l2Vmz0j61653SMFW_KFnxXfWoLAoeK3GDvg/s320/image100.jpg" border="0" /></a><br /></p><p align="justify"></p><p align="justify"></p><p align="justify"></p><p align="justify"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />2 Choose Insert > Convert to Symbol, or press F8.<br /><br />3 In the Convert to Symbol dialog box, name the symbol Car Animation. Verify that Movie Clip is selected and that the center square is selected in the Registration indicator, and click OK.<br /><br />Bitmaps, like other Flash objects, have registration points used for positioning and transformation. When you align the three views of the car within the movie clip, all three views should align relative to a center registration point.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiRtnIV8DMibftZIzp_X5KbrC6NkVwXFVsxs9kPHBv3uUdsO2VnAZY9BYCAuE61Cm5jgbT-HRfHKimouED3vf4Ri9ctbGR06RkFubPvktQtds8YxwhV38RfnKWjn0tGZ9B863-UxA2H60/s1600-h/image102.jpg"><img id="BLOGGER_PHOTO_ID_5312686139619392386" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 82px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiRtnIV8DMibftZIzp_X5KbrC6NkVwXFVsxs9kPHBv3uUdsO2VnAZY9BYCAuE61Cm5jgbT-HRfHKimouED3vf4Ri9ctbGR06RkFubPvktQtds8YxwhV38RfnKWjn0tGZ9B863-UxA2H60/s320/image102.jpg" border="0" /></a><br /><strong><br /><br /><br /><br /><br /><br /><br />Edit a symbol</strong><br /><br />To view the Timeline of the movie clip, you must be in symbol-editing mode. You can open symbol-editing mode by double-clicking the symbol either on the Stage or in the Library panel.<br /><br />1 On the Stage, double-click the car to open symbol-editing mode. The name of the symbol appears above the canvass area, along with a Scene 1 link that returns you to the main movie.<br />In symbol-editing mode, you’re now viewing the Timeline for the movie clip rather than the Timeline for the main movie. 2 Rename Layer 1 View 1 Fade.<br /><br />3 The car that you see on the Stage is a bitmap image, not a symbol, within the Car Animation symbol. Make the car a symbol by selecting it on the Stage and pressing F8.<br /><br />4 In the Convert to Symbol dialog box, name the symbol View 1 Car, then verify that Movie Clip is selected.<br /><br />5 Verify that the center square is selected in the Registration indicator and click OK.<br /><br />6 Scroll horizontally across the Timeline until you get to Frame 105. Select the frame and choose Insert > Keyframe, or press F6 to add a keyframe. The Current Frame indicator displays the selected frame.<br /></p><p align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyiSxvX8Gp5-zJh2bvkH0S8E7Q3UlhN4RVYkjrP3d5eiHnfLDssEByiI3aaZJRnAJjjFAzV0qKN5NBQ4enz_w0egNnlx4WQehELCHW8nDkxXUZDzJ8pNeTQvSQZ2uic2n0mrO8l4JVC84/s1600-h/image104.jpg"><img id="BLOGGER_PHOTO_ID_5312686075606621746" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 264px; CURSOR: hand; HEIGHT: 40px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyiSxvX8Gp5-zJh2bvkH0S8E7Q3UlhN4RVYkjrP3d5eiHnfLDssEByiI3aaZJRnAJjjFAzV0qKN5NBQ4enz_w0egNnlx4WQehELCHW8nDkxXUZDzJ8pNeTQvSQZ2uic2n0mrO8l4JVC84/s320/image104.jpg" border="0" /></a><br /><br /><br /><br /><span style="color:#ffffff;">........................</span><span style="color:#ff0000;"><span style="font-size:85%;">Current frame</span><br /></span><br />7 Add keyframes to Frames 25 and 35.<br /><br />8 Add a keyframe to Frame 34, then click anywhere on the layer between Frames 36 and 104, and press Delete on your keyboard.<br />An empty keyframe appears in Frame 35, and the car does not appear on the Stage from frame 35 on.<br /></p><p align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPEYjucAUL-lotnPj_9hBKL-bFjfMBhJm3O8wgSNEhqIpfmwXmw9z0leFoIgkv-ytjqDesMTd3L1UEoE33e4HpJ-XQFyyih0M_SbZeD_KBiYP99aYGVdiPW675mUCKjyxaQGPHAy00uk/s1600-h/image106.jpg"><img id="BLOGGER_PHOTO_ID_5312686009146864626" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 87px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPEYjucAUL-lotnPj_9hBKL-bFjfMBhJm3O8wgSNEhqIpfmwXmw9z0leFoIgkv-ytjqDesMTd3L1UEoE33e4HpJ-XQFyyih0M_SbZeD_KBiYP99aYGVdiPW675mUCKjyxaQGPHAy00uk/s320/image106.jpg" border="0" /></a><br /><span style="font-size:85%;"><strong><em><br /><br /><br /><br /><br /><br /><br />Note</em></strong>: If you make an error in adding keyframes and want to delete them, select one or more frames and right-click (Windows) or Control-click (Macintosh), then choose Clear Keyframe from the context menu</span>. </p><p align="justify"><br /><strong>Tween bitmap effects</strong><br /><br />Creating a bitmap effect tween is similar to creating a straight motion tween: you specify settings for beginning and ending keyframes, then specify tweening for those frames and the frames in between. Flash creates the transitional animation from the first keyframe in the animation to the last.<br /><br />In the Car Animation Timeline, select Frame 34, then click the View 1 Car on the Stage so<br />that the Property inspector appears displaying movie clip properties. </p><p align="justify"><br />2 In the Color pop-up menu of the Property inspector, select Alpha. In the Alpha Amount pop-up menu, either type 0% in the text box and press Enter or Return, or use the pop-up slider to select 0%.<br /></p><p align="justify"></p><p align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNYgJYnNanT8Ok38tKZviXcC9qC9tTClCItl07d9G021wVmX02QbsojVW413SLxaKiyIsLm4mvEHr53TZfsav_n_B49NHG5Vez5fHQ7SgVI3wDQCqZRFDZkU-RMiI-XIZ5XFu9ai8AtCA/s1600-h/image108.jpg"><img id="BLOGGER_PHOTO_ID_5312685797338641234" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 137px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNYgJYnNanT8Ok38tKZviXcC9qC9tTClCItl07d9G021wVmX02QbsojVW413SLxaKiyIsLm4mvEHr53TZfsav_n_B49NHG5Vez5fHQ7SgVI3wDQCqZRFDZkU-RMiI-XIZ5XFu9ai8AtCA/s320/image108.jpg" border="0" /></a><br />3<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />In the Timeline, select any frame between Frames 25 and 34. In the Property inspector, select Motion from the Tween pop-up menu.<br /><br />An arrow with a solid line spans the tweened keyframes. A dashed line between keyframes indicates the tweening is not implemented correctly, which often occurs when a beginning or ending keyframe is missing. </p><p align="justify"><br /><strong>Fade in the second car </strong></p><p align="justify">As the View 1 Car fades out, another view of the car should fade in. 1 Add a new layer to the Car Animation Timeline and name it <strong>View 2 Fade</strong>.<br /><br />2 On the View 2 Fade layer, add a keyframe to Frame 25.<br /><br />3 With the playhead still on Frame 25, drag view2.png from the Library panel to the Stage.<br /><br />4 If the Info panel isn’t open, choose Window > Info. Verify that the center square is selected in<br />the Registration indicator, then type 0 in the X coordinate text box and type 0 in the Y<br />coordinate text box. Press Enter or Return. The Property inspector also has X and Y text boxes; however, those coordinates are relative to a registration point in the upper left corner of the movie clip.<br /><br />5 Select the view2.png on the Stage and press F8 to make it a symbol. In the Convert to Symbol dialog box, name the symbol View 2 Car. Verify that Movie Clip is selected, and click OK.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv0TvPyF7-rTzk7nDexrtJhuSOUdxMahN5aE0no6xKfLX6AeHZrVYKtocaHfnZRvkGNft1istBgaZaUP2JYIA_sHfnozENeAG8XP7Uh3wgOtfTC0BADPjxchzsgJ6i4OfTjRROU-HJSxs/s1600-h/image110.jpg"><img id="BLOGGER_PHOTO_ID_5312685730498259154" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 273px; CURSOR: hand; HEIGHT: 236px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv0TvPyF7-rTzk7nDexrtJhuSOUdxMahN5aE0no6xKfLX6AeHZrVYKtocaHfnZRvkGNft1istBgaZaUP2JYIA_sHfnozENeAG8XP7Uh3wgOtfTC0BADPjxchzsgJ6i4OfTjRROU-HJSxs/s320/image110.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />6 In the movie clip Property inspector, select Alpha in the Color pop-up menu and type 0% in the Alpha Amount text box.<br /><br />7 Add a keyframe to Frame 35 of the View 2 Fade layer.<br /><br />8 On the Stage, click inside the bounding rectangle of the transparent car. In the movie clip Property inspector, enter 100% in the Alpha Amount text box.<br /><br />9 On the View 2 Fade layer, select any frame between Frame 25 and Frame 34. In the Property inspector, select Motion from the Tween pop-up menu. </p><p align="justify"><br /><strong>Fade out the second car</strong><br />Now you’ll create the animation that fades out the second car. </p><p align="justify">1 On the View 2 Fade layer, add a keyframe to Frame 60.<br /><br />2 On the View 2 Fade layer, add a keyframe to Frame 70, and another keyframe to Frame 69.<br /><br />3 Select the keyframe in Frame 69 of the View 2 Fade layer. Select the View 2 Car on the Stage<br />and use the Property inspector to select an alpha transparency of 0%.<br /><br />4 On the View 2 Fade layer, select any frame between Frames 60 and 68. In the Property inspector, select Motion from the Tween pop-up menu.<br /><br />5 Click any frame on the View 2 Fade layer between Frames 71 and 105, and press Delete. </p><p align="justify"><span style="font-size:85%;"><strong><em>Note</em></strong>: As you complete the tutorial, remember to save your work frequently.<br /></p></span><strong></strong><p align="justify"><strong>Fade in the third car</strong><br />As the second car fades out, the third car fades in. You’ll create that animation now.<br /><br />1 With the View 2 Fade layer selected, add a new layer to Timeline and name it View 3 Fade. 2 On the View 3 Fade layer, add a keyframe to Frame 60.<br /><br />3 With Frame 60 still selected, drag the view3.png from the Library panel to the Stage. Use the Info panel (choose Window > Info if the panel is closed) to specify 0 for both the X and Y coordinates, and to verify the registration point is centered, as you did for the view2.png.<br /><br />4 Select view3.png on the Stage and press F8 to make it a symbol. In the Convert to Symbol dialog box, name the symbol View 3 Car. Verify that Movie Clip is selected, and click OK.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcE1LNF81PXiIQ4Nd48JGCGpkTQ1tXCVpBHZyHvGMX3nIUcLVBFbhPCBrADzXgvgu3PvWlqVad8nuzWdAkH4PsaPsutk9ZZcJDAeXXZmiUDO_Rr0COxdNBnJgKjCw_FNGSvuFw3KXFf3E/s1600-h/image112.jpg"><img id="BLOGGER_PHOTO_ID_5312685657249691026" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 285px; CURSOR: hand; HEIGHT: 129px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcE1LNF81PXiIQ4Nd48JGCGpkTQ1tXCVpBHZyHvGMX3nIUcLVBFbhPCBrADzXgvgu3PvWlqVad8nuzWdAkH4PsaPsutk9ZZcJDAeXXZmiUDO_Rr0COxdNBnJgKjCw_FNGSvuFw3KXFf3E/s320/image112.jpg" border="0" /></a></p><p align="justify"><br /><br /><br /><br /><br /><br /><br /><br /><br />5 In the Property inspector, select Alpha in the Color pop-up menu and type 0% in the Alpha Amount text box.<br /><br />6 Add a keyframe to Frame 70 of the View 3 Fade layer.<br /><br />7 On the Stage, select inside the bounding rectangle of the View 3 Car. In the Property inspector, enter 100% in the Alpha Amount text box.<br /><br />8 On the View 3 Fade layer, select any frame between Frames 60 and 69. In the Property inspector, select Motion from the Tween pop-up menu.</p><p align="justify"><br /><strong>Fade out the third car</strong><br /><br />You’ll now create the animation that fades out the third car. </p><p align="justify">1 On the View 3 Fade layer, add a keyframe to Frames 95 and 105.<br /><br />2 With Frame 105 selected in the View 3 Fade layer, select the View 3 Car on the Stage and use the Property inspector to select an alpha transparency of 0%.<br /><br />3 On the View 3 Fade layer, select any frame between Frames 95 and 104. In the Property inspector, select Motion from the Tween pop-up menu. </p><p align="justify"><br /><strong>Fade in the first car</strong><br /><br />As the third car fades out, the first car must fade in to complete the animation. </p><p align="justify">1 On the View 1 Fade layer, add a keyframe to Frame 95.<br /><br />2 With Frame 95 still selected, drag the View 1 Car movie clip (not view1.png) from the Library<br />panel to the Stage.<br /><br />3 In the Info panel, type 0 in the X coordinate text box and type 0 in the Y coordinate text box. Press Enter or Return.<br /><br />4 In the Property inspector, select Alpha in the Color pop-up menu and enter 0% in the Alpha Amount text box.<br /><br />5 Select Frame 104 of the View 1 Fade layer.<br /><br />6 Click inside the bounding rectangle of the View 1 Car movie clip on the Stage. In the Property inspector, enter 100% in the Alpha Amount text box.<br /><br />7 On the View 1 Fade layer, select any frame between Frames 95and 104. In the Property inspector, select Motion from the Tween pop-up menu. </p><p align="justify"><span style="font-size:85%;"><strong><em>Note</em></strong>: As you complete the tutorial, remember to save your work frequently</span>.<br /></p><strong></strong><p align="justify"><strong>Test the movie</strong><br />At any point during authoring, you can test how your movie will play as a SWF file.<br /><br />1 Save your movie and choose Control > Test Movie. Flash exports a SWF copy of your movie. In the SWF movie, the animation automatically plays in a continuous loop.<br /><br />2 When you finish viewing the movie, close the SWF file by clicking its close box. In your Flash document, choose Edit > Edit Document or click Scene 1 to return to the main Timeline. </p><p align="justify"> </p><p align="justify"> </p><p align="justify"><span style="color:#ffffff;">.<br />.</span><br />==============================================<br /><span style="color:#ffffff;">.</span><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.</span><br />==============================================<br /></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-6400896816628481345.post-8179060034017862452009-03-13T01:23:00.003-07:002009-03-14T01:47:30.707-07:00CHAPTER 1 - Define properties for a new document and create a gradient background<div align="justify">To learn how to create a movie in Flash, let’s start from the very first step in the process: opening a new file. Then, by completing this section, you’ll learn how to complete the following tasks: </div><ul><li><div align="justify">Open a new file and define document properties </div></li><li><div align="justify">Create and transform a gradient background </div></li></ul><strong></strong><p align="justify"><strong>Open a new file</strong><br />Now you’re ready to create your own version of the tutorial movie.<br />1 Choose File > New.<br />2 Choose File > Save As.<br />3 Name the file mystiletto.fla and save it within your Flash MX application folder, in the Tutorials/FlashIntro/My_Stiletto sub folder.<br /><br /><span style="font-size:85%;"><strong>Note</strong>: As you complete the tutorial, remember to save your work frequently.<br /></p></span><div align="justify"><strong>Define document properties</strong><br /><br />Configuring document properties is a common first step in authoring. You can use the Property inspector and Document Properties dialog box to specify settings that affect the entire movie, such as the frames per second (fps) playback rate, and the Stage size and background color.<br /></div><div align="justify">1 If the Property inspector isn’t open, choose <strong>Window</strong> > <strong>Properties</strong>. In the Property inspector, verify that 12 is the number in the Frame Rate text box.<br /><br />The movie will play at 12 frames per second, an optimal frame rate for playing animations on the Web. </div><div align="justify"><br /><span style="font-size:85%;"><strong>Note</strong>: If the Property inspector is not fully expanded, click the white triangle in lower right corner.<br /></span><br />2 The Background Color box indicates the color of the Stage. Click the down arrow on the Background Color box, then move the Eyedropper tool over the color swatches to view their hexadecimal values in the Hexadecimal text box.<br /><br /></div><div align="justify">Find and click the gray color swatch with the hexadecimal value of 999999.<br /><br /><span style="color:#ff0000;"><span style="font-size:85%;"><span style="color:#ffffff;">.........................................</span>Hexadecimal text box</span></span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyr1q1bF6gJ4NosEhB40pXnnIDM2DV1Ic95bXm3laM6kSHoWmxnkRGzUTsSG35LOzEjtkhHiZ0CvigiXkyD74YK6v8VJUvYKZuLpzIAa8Ozm95YUudG6U2PyVC2gkBc1BDVQtG_OwyZH0/s1600-h/image020.jpg"><img id="BLOGGER_PHOTO_ID_5312644843054358882" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 116px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyr1q1bF6gJ4NosEhB40pXnnIDM2DV1Ic95bXm3laM6kSHoWmxnkRGzUTsSG35LOzEjtkhHiZ0CvigiXkyD74YK6v8VJUvYKZuLpzIAa8Ozm95YUudG6U2PyVC2gkBc1BDVQtG_OwyZH0/s320/image020.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><span style="font-size:85%;color:#ff0000;"><span style="color:#ffffff;"><br />............................</span>Select this shade of gray</span><br /><br />4 To resize the Stage, click the Size button, which indicates the size of the Stage. In the Document Properties dialog box, type 640 px in the first Dimensions text box and 290 px in the second Dimensions text box. Verify that Pixels is selected in the pop-up menu, and click OK.<br /></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLHJo1lDrQLvVSsLG7kaZcshPCuBi0ev3AzhlVHasze366zullRudP9ywKk3iGrr9nXThvKz8FRtss1qV_NSfQ1vCcym8NBwr-IzEdwwxbdDaefxEAGi3OS3Yzqwfuk3_r225aCJqzUnE/s1600-h/image022.jpg"><img id="BLOGGER_PHOTO_ID_5312644764685054978" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 248px; CURSOR: hand; HEIGHT: 149px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLHJo1lDrQLvVSsLG7kaZcshPCuBi0ev3AzhlVHasze366zullRudP9ywKk3iGrr9nXThvKz8FRtss1qV_NSfQ1vCcym8NBwr-IzEdwwxbdDaefxEAGi3OS3Yzqwfuk3_r225aCJqzUnE/s320/image022.jpg" border="0" /></a></div><div align="justify"><br /><br /><br /><br /><br /><br /><br /><br /><br /></div><div align="justify"><br /><br />The Stage dimensions change to reflect the new settings of 640 x 290 pixels.<br /><br /><strong>Specify grid settings<br /></strong><br />On the Stage, you can align objects along horizontal and vertical grid lines. Even when the grid is not visible, you can snap objects to it. Now you’ll modify the distance between the horizontal and vertical grid lines, and create a grid in alignment with the Stage borders.<br /></div><div align="justify"><br />1 Choose <strong>View </strong>> <strong>Grid</strong> > <strong>Edit Grid</strong>.<br /><br />2 In the Grid dialog box, type 10 px in the grid width text box and 10 px in the grid height text box.<br /><br />3 Select Snap to Grid and verify that Show Grid is not selected.<br /><br />Objects will now snap to the grid, even when the grid is not visible.<br /><br />4 Verify that Normal is selected for Snap Accuracy, and click OK.<br /><br />Snap accuracy determines how close an object must be to a grid line before snapping to it.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUAVzfvYiWi6v3TYgI8fQy6bnw6VZK5_Md3s54PSt3admRM0BFxS3J6kTReOuT6LUjMld3fiprRAjPwx-9w0nV3taLyF2pveVAv-R6OOjgJwIwPrXQ80OEvnNc47nCwuwZzXp5_FBu4ck/s1600-h/image024.jpg"><img id="BLOGGER_PHOTO_ID_5312644687914824082" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 236px; CURSOR: hand; HEIGHT: 125px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUAVzfvYiWi6v3TYgI8fQy6bnw6VZK5_Md3s54PSt3admRM0BFxS3J6kTReOuT6LUjMld3fiprRAjPwx-9w0nV3taLyF2pveVAv-R6OOjgJwIwPrXQ80OEvnNc47nCwuwZzXp5_FBu4ck/s320/image024.jpg" border="0" /></a></div><div align="justify"><br /><strong><br /><br /><br /><br /><br /><br /><br /><br /><br />Create a gradient background</strong><br />A gradient displays subtle variations of a color, or transitions between two or more colors. In the finished tutorial file, the background is a gradient that blends black and dark blue with a transparent area that allows part of the gray Stage color to be displayed. You achieve this effect using the Color Mixer.<br /><br /><span style="font-size:85%;"><strong>Note:</strong> While gradients offer interesting effects in movies, overuse of gradients can adversely affect computer processor speeds and decrease the speed at which an animation plays. When designing a movie, consider both your artistic and performance requirements to determine the best use of gradients.<br /></span><br /><strong>Draw a rectangle</strong><br />Earlier in the tutorial, you created a grid that aligned against the Stage and allowed you to snap objects to the grid lines. Now you’ll draw a rectangle that snaps to the area of the grid bordering the Stage.<br /><br />1 In the pop-up menu above the right side of the Stage, enter 75% to view the entire Stage.<br /><br />This setting indicates your magnified or scaled-down view of the Stage. The setting does not affect the actual size of the Stage in your movie, which you specified in the Document Properties dialog box.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAFM0hcyPL6h-pf9V3XWMSQ_3G3450mB4YpIr1woYyx5j62jdGxDRrVwJiaLvXY_XV3gtykdeW_CC-GO6ndSH2n_4YwQGPdr9LrBsNqePRIWJBj9AVMbmRwh3u5AvsV1beMY5ohUIt-zM/s1600-h/image026.jpg"><img id="BLOGGER_PHOTO_ID_5312644568865101666" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 99px; CURSOR: hand; HEIGHT: 19px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAFM0hcyPL6h-pf9V3XWMSQ_3G3450mB4YpIr1woYyx5j62jdGxDRrVwJiaLvXY_XV3gtykdeW_CC-GO6ndSH2n_4YwQGPdr9LrBsNqePRIWJBj9AVMbmRwh3u5AvsV1beMY5ohUIt-zM/s320/image026.jpg" border="0" /></a><br /><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgj5wvrqkEsXxWbv-NZwagEvecc3C0fNehX4KjBgSnuDKpa-dU-r2IqO3mYZvAT1g-KZ21CK2IIJGLRVD6udQoAKc_78x3Ypm4RI3tgaastmf-FA9nkS-PuFvH8wSX4s3XkyQ6u5R9Hfk/s1600-h/image028.jpg"><img id="BLOGGER_PHOTO_ID_5312644393148928546" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 26px; CURSOR: hand; HEIGHT: 19px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgj5wvrqkEsXxWbv-NZwagEvecc3C0fNehX4KjBgSnuDKpa-dU-r2IqO3mYZvAT1g-KZ21CK2IIJGLRVD6udQoAKc_78x3Ypm4RI3tgaastmf-FA9nkS-PuFvH8wSX4s3XkyQ6u5R9Hfk/s320/image028.jpg" border="0" /></a>2 In the toolbox, select the Rectangle tool.<br /><br /><br /><br />3 In the toolbox, click the Stroke Color control. Select No Stroke (the button with the red diagonal line above the color palette).<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQi7G0cvm6iniRul5TJqz1ArCoy5DZRWdOgG96ogyq5M9KxKNpYkExosuNw5ZsDhbPZcp3pDEa133jzl3nXEVT4ZCVWwnhDDyMfSp4NIkczUSGaXCw-GhhwSLLJKsJXxI4iqcMlwJn1Gs/s1600-h/image030.jpg"><img id="BLOGGER_PHOTO_ID_5312644319757318962" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 149px; CURSOR: hand; HEIGHT: 139px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQi7G0cvm6iniRul5TJqz1ArCoy5DZRWdOgG96ogyq5M9KxKNpYkExosuNw5ZsDhbPZcp3pDEa133jzl3nXEVT4ZCVWwnhDDyMfSp4NIkczUSGaXCw-GhhwSLLJKsJXxI4iqcMlwJn1Gs/s320/image030.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />The selected fill color of the shape is unimportant; you’ll soon change the color.<br /><br />4 Starting from the upper left corner of the Stage, drag to the lower right corner of the Stage to draw a rectangle that covers the Stage. When you release the pointer, the rectangle snaps to the edges of the Stage, along the hidden grid.<br /></div><span style="font-size:85%;"><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij2cRq1HL7g9miOc4tsu6Lptc4QJtMPTS7J3amHFMEY5f8EEqHqv82U_jETS-8gyQNgc-DGvONi9cdYd3uZUqTe3rmJT6y2ZxM2DzfS4WD95KuqnhaDRafEUWtTyRFAZu2DHvmqGvFz4g/s1600-h/image032.jpg"><img id="BLOGGER_PHOTO_ID_5312644246113054642" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 160px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij2cRq1HL7g9miOc4tsu6Lptc4QJtMPTS7J3amHFMEY5f8EEqHqv82U_jETS-8gyQNgc-DGvONi9cdYd3uZUqTe3rmJT6y2ZxM2DzfS4WD95KuqnhaDRafEUWtTyRFAZu2DHvmqGvFz4g/s320/image032.jpg" border="0" /></a><br /><strong><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Note:</strong> While completing the tutorial, you may find it useful to undo a change you’ve made. Flash can undo several of your recent changes, depending on the number of undo levels you have set in Preferences. To undo, choose Edit > Undo or press Control+Z (Windows) or Command+Z (Macintosh). Conversely, you can redo what you’ve undone by choosing Edit > Redo or pressing Control+Y (Windows) or Command+Y (Macintosh).<br /><br /></span><br /><strong>Specify a color for the gradient</strong><br />Dark blue is the first color you’ll add to your gradient.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIoZGStXm8dG2Do-j4PzQPrCq9a5dBb5b0zPQAXBCw-Wluc63dVWeYv6YqVs4W1e6SJudUlOOfee2H3u7JeqgdXaycTNJIwfTstZR_3HQVap3BRX0khugpwdOQrlaomJFDDeimx0i1hZM/s1600-h/image034.jpg"><img id="BLOGGER_PHOTO_ID_5312644163087908146" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 21px; CURSOR: hand; HEIGHT: 20px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIoZGStXm8dG2Do-j4PzQPrCq9a5dBb5b0zPQAXBCw-Wluc63dVWeYv6YqVs4W1e6SJudUlOOfee2H3u7JeqgdXaycTNJIwfTstZR_3HQVap3BRX0khugpwdOQrlaomJFDDeimx0i1hZM/s320/image034.jpg" border="0" /></a>1 In the toolbox, select the Arrow tool. On the Stage, click inside the rectangle to select the fill.<br /><br />When you drew the rectangle, the Property inspector displayed properties for the Rectangle tool. When you select a shape that has already been created, the Property inspector displays properties for the shape.<br /><br />2 If the Color Mixer is not open, choose Window > Color Mixer.<br /><br />3 To expand the Color Mixer, click the white arrow in the panel title bar.<br /><br /><span style="font-size:85%;color:#ff0000;">Click here to expand the panel</span><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfRd6lUiiWZE3YDvsuRmBrhhTPfN6hmHabDVryLAcS80KAnz4ne6JkpKArh3u3Bt0ovymO_DsOVQGlL5w8T0SkOXs6ErM4M8oAiBhsO93NLKmaBh2haCq0dgjvfLyXB_61fdNTpZ0wKjc/s1600-h/image036.jpg"><img id="BLOGGER_PHOTO_ID_5312643911947317938" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 148px; CURSOR: hand; HEIGHT: 117px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfRd6lUiiWZE3YDvsuRmBrhhTPfN6hmHabDVryLAcS80KAnz4ne6JkpKArh3u3Bt0ovymO_DsOVQGlL5w8T0SkOXs6ErM4M8oAiBhsO93NLKmaBh2haCq0dgjvfLyXB_61fdNTpZ0wKjc/s320/image036.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br />4 If the Color Mixer is not fully expanded, click the arrow in the lower right of the panel.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihpy8Vd44L_uP_JROOxxCaJ7-N5uqL7B-j9mDki9-JnIgZTvsg_H5S0_soebpBV5Ur89bkRIJNUeZXu5FKve_HdLsDsQoiO93Y4Oo5toK8BeWrWY5EpyJlX-rrhVnSgtkSvNPWeJXFo1w/s1600-h/image038.jpg"><img id="BLOGGER_PHOTO_ID_5312643838301153826" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 140px; CURSOR: hand; HEIGHT: 153px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihpy8Vd44L_uP_JROOxxCaJ7-N5uqL7B-j9mDki9-JnIgZTvsg_H5S0_soebpBV5Ur89bkRIJNUeZXu5FKve_HdLsDsQoiO93Y4Oo5toK8BeWrWY5EpyJlX-rrhVnSgtkSvNPWeJXFo1w/s320/image038.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />5 In the Fill Style pop-up menu, select Radial. 6 Click the gradient slider to the left of the gradient bar to select it.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVjoiH5HjCjF8SeNrfcyClNlsk5Bc2HvGUnAZ9zC54rMCOEkyrYljoY12LQ3CNI_i69tgFFdAA4sxGYBQJajF0yaK6a2eRiTUdr_KfMaWU-WAoDPB9qiXhywSMxidaAjdFPxFtpKZDlk/s1600-h/image040.jpg"><img id="BLOGGER_PHOTO_ID_5312643764000489826" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 161px; CURSOR: hand; HEIGHT: 153px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVjoiH5HjCjF8SeNrfcyClNlsk5Bc2HvGUnAZ9zC54rMCOEkyrYljoY12LQ3CNI_i69tgFFdAA4sxGYBQJajF0yaK6a2eRiTUdr_KfMaWU-WAoDPB9qiXhywSMxidaAjdFPxFtpKZDlk/s320/image040.jpg" border="0" /></a><br /><br /><br /><br />Gradient bar<br /><br />Gradient slider<br /><br /><br /><br /><br /><br /><br />7 Click the color box in the upper left corner of the window to open the color palette. Use one of the following methods to select dark blue:<br /><br />• Type 000066 in the hexadecimal value text box and press Enter or Return.<br />• Move the eyedropper over the color swatches until you find the dark blue with the hexadecimal value of 000066, then click the swatch to select it.<br /><br /></div><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH1QLNc1gO8pNKdZKZjeMyyRs1fUlklmtNopzOekCRK6TwAM6CZwNlegd1XW_NPNSqbiFgwjGbe0Kgt4qZoGYDci4-2k1Av3P823I7peWip1AiN8z0Xg8hyphenhyphenBR9zzH3VW5S-FP8G5C1iAA/s1600-h/image042.jpg"><img id="BLOGGER_PHOTO_ID_5312643697046502002" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 176px; CURSOR: hand; HEIGHT: 173px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH1QLNc1gO8pNKdZKZjeMyyRs1fUlklmtNopzOekCRK6TwAM6CZwNlegd1XW_NPNSqbiFgwjGbe0Kgt4qZoGYDci4-2k1Av3P823I7peWip1AiN8z0Xg8hyphenhyphenBR9zzH3VW5S-FP8G5C1iAA/s320/image042.jpg" border="0" /></a></div><div align="justify"></div><div align="justify"><br /><br /><br /><br /><br />Click this shade of blue<br /><br /><strong><br /><br /><br /><br /><br /><br /><br />Change the alpha value</strong><br /><br />In the Color Mixer, the Alpha text box indicates the transparency of the color, with 0% indicating that the color is completely transparent, and 100% indicating the color is completely opaque. You’ll specify an alpha value of 0% to create a gradient that includes dark blue and black along with the gray Stage color that shows through the transparent areas of the gradient.<br /><br />• In the Color Mixer, either type 0 in the Alpha text box and press Enter or Return, or move the Alpha slider to 0.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhILRxrQDPm2bJpp3tWk0pCqMkZQ75qETVJuh5TgUvxU-OnPtPmnJnT7-8pX8w8_g6Zsu4zuuJQ3xR7cv_lnLwbdHpbgmHdHAhH1ZTgnfP-a_Vg5DgDr4tLXklRCwJqglGLdQzdTzsSczw/s1600-h/image044.jpg"><img id="BLOGGER_PHOTO_ID_5312643618128556210" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 140px; CURSOR: hand; HEIGHT: 84px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhILRxrQDPm2bJpp3tWk0pCqMkZQ75qETVJuh5TgUvxU-OnPtPmnJnT7-8pX8w8_g6Zsu4zuuJQ3xR7cv_lnLwbdHpbgmHdHAhH1ZTgnfP-a_Vg5DgDr4tLXklRCwJqglGLdQzdTzsSczw/s320/image044.jpg" border="0" /></a><br /></div><div align="justify"><br /><strong><br /><br /><br /><br /><br />Add a second gradient color</strong><br />You’ll now add black to the gradient.<br /><br />1 In the Color Mixer, click the gradient slider to the right of the gradient bar to select it.<br /><br />2 Click the color box to open the color palette and select the black with a hexadecimal value of 000000.<br /><br />Remember, you can either type the hexadecimal value in the Hexadecimal text box and press Enter or Return, or you can find and select the color swatch with the same hexadecimal value.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXN5USDZHINWbTXfG35XYEag4KV6BjXOzPc53E2JPJTcxgsTldeHhvdv5p7NbuTB3IZVC9JFmImH7qN23RCSWLf474WrHFQQw-CM-wnMOOnlrJqSDo4RV-ZbFLVbB70t6A7w_uk9mrmQg/s1600-h/image046.jpg"><img id="BLOGGER_PHOTO_ID_5312643352716744354" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 140px; CURSOR: hand; HEIGHT: 153px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXN5USDZHINWbTXfG35XYEag4KV6BjXOzPc53E2JPJTcxgsTldeHhvdv5p7NbuTB3IZVC9JFmImH7qN23RCSWLf474WrHFQQw-CM-wnMOOnlrJqSDo4RV-ZbFLVbB70t6A7w_uk9mrmQg/s320/image046.jpg" border="0" /></a><br /><strong><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Transform the gradient fill</strong><br /><br />When you transform an object, you rotate, scale, or skew it. You can transform a fill using the Fill Transform tool. </div><div align="justify"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXJ4QY2xJIY6GQeRRyf8gI_XE_dxYy_qiUQ5wQSvO7i2iS6lNY0ruuyG6djEVSWH5nX0Ry2Wm4ulcE87BlQpwYzoBa_vl3XYOrVZlkIVKER4eABFz51v8088TKxNdbdDJUpjTq3_DhEJY/s1600-h/image048.jpg"><img id="BLOGGER_PHOTO_ID_5312643544369427906" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 17px; CURSOR: hand; HEIGHT: 17px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXJ4QY2xJIY6GQeRRyf8gI_XE_dxYy_qiUQ5wQSvO7i2iS6lNY0ruuyG6djEVSWH5nX0Ry2Wm4ulcE87BlQpwYzoBa_vl3XYOrVZlkIVKER4eABFz51v8088TKxNdbdDJUpjTq3_DhEJY/s320/image048.jpg" border="0" /></a>1 In the toolbox, select the Fill Transform tool. On the Stage, click anywhere inside the rectangle.<br /><br />An ellipse that indicates the shape and location of the gradient appears around the Stage.<br /><br />The ellipse has controls for the location, width, scale, and rotation of the radial gradient.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl9_ToR3dwPR2wRFLG9v1iYDX9l254MTGBdDJ9nYJ9JqM4eLgJwwiOEqgD03UxB31_bi3ndUqAczpFeFt8J0cXu03GlEcwYL9kKbyQuZJGY1Nep63hwdhawz1Ej4GP2grEjkUE9ps-0ww/s1600-h/image050.jpg"><img id="BLOGGER_PHOTO_ID_5312643277920525586" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 177px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl9_ToR3dwPR2wRFLG9v1iYDX9l254MTGBdDJ9nYJ9JqM4eLgJwwiOEqgD03UxB31_bi3ndUqAczpFeFt8J0cXu03GlEcwYL9kKbyQuZJGY1Nep63hwdhawz1Ej4GP2grEjkUE9ps-0ww/s320/image050.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />2 Drag the center control to the left of the Stage so that it’s approximately 1/3 of the distance from the left edge of the Stage, as shown in the following illustration.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuvXRzOwVhjeBRhDbZRxe6ES2SzbMRyBrbT4M-hpbXCAP_BvB3NxaYkfpchM2lAalO-ZNgMH17Z0llE4YRhJaMeChHLpsD_3dcVBfzdnVw0dIayx2UaeIg2vcPKmId59wvIEhuZ3K-B3Y/s1600-h/image052.jpg"><img id="BLOGGER_PHOTO_ID_5312643203435266562" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 220px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuvXRzOwVhjeBRhDbZRxe6ES2SzbMRyBrbT4M-hpbXCAP_BvB3NxaYkfpchM2lAalO-ZNgMH17Z0llE4YRhJaMeChHLpsD_3dcVBfzdnVw0dIayx2UaeIg2vcPKmId59wvIEhuZ3K-B3Y/s320/image052.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />As you change the shape and placement of the ellipse, the shape and placement of the color transitions on the Stage change accordingly.<br /><br />3 Drag the square handle on the ellipse, which controls gradient width, to the left to make the ellipse narrower; the approximate shape of the ellipse is shown in the following illustration.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpwjGipQfJsFQQ1IsweFxYm4VqUeAfxrgSfxxaorbVbdOUMaYm6-eXBQrn4mU8YkvQCha_bZnKST3FOvpRLu7uvKePXTLP9OMOHGNmlPTGUFC6jOVDi-GCjHrTVIk1RSS0ViHbXiR-pT4/s1600-h/image054.jpg"><img id="BLOGGER_PHOTO_ID_5312643136447980082" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 220px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpwjGipQfJsFQQ1IsweFxYm4VqUeAfxrgSfxxaorbVbdOUMaYm6-eXBQrn4mU8YkvQCha_bZnKST3FOvpRLu7uvKePXTLP9OMOHGNmlPTGUFC6jOVDi-GCjHrTVIk1RSS0ViHbXiR-pT4/s320/image054.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />4 Drag the circular middle handle, which controls the size of the gradient, to the right to make the ellipse larger, as shown in the following illustration.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_pEIy0arbbngeQXLLMZsOHKZg3VmEIj0d6ggODY73sjtA5VnTvWBMP8uHldNIamjBQzjc-O1wYPoSb5eEbtil_pxiiyf26fKFkBsybhlF88sGm-wRoJjStEpng367NASPCkPjAmzSpY/s1600-h/image056.jpg"><img id="BLOGGER_PHOTO_ID_5312643070268995522" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 220px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_pEIy0arbbngeQXLLMZsOHKZg3VmEIj0d6ggODY73sjtA5VnTvWBMP8uHldNIamjBQzjc-O1wYPoSb5eEbtil_pxiiyf26fKFkBsybhlF88sGm-wRoJjStEpng367NASPCkPjAmzSpY/s320/image056.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />5 Drag the bottom circular handle, which controls the rotation of the ellipse, toward the left to rotate the ellipse to the approximate angle shown in the following illustration.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ3ZgSIpB4aaE2oz5aWE7DMo1fipTCiHMus9Mp8G7hvD3taP1zSfEgDD6muqO8G8xkDD_odQ8PHfdEeGy4zKI053XW4vXoJCJd-SC-NAnCci2TQ2VCLR3RMFxbjH_ahPNLm8KRzJkWpNk/s1600-h/image058.jpg"><img id="BLOGGER_PHOTO_ID_5312642973297735474" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 237px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ3ZgSIpB4aaE2oz5aWE7DMo1fipTCiHMus9Mp8G7hvD3taP1zSfEgDD6muqO8G8xkDD_odQ8PHfdEeGy4zKI053XW4vXoJCJd-SC-NAnCci2TQ2VCLR3RMFxbjH_ahPNLm8KRzJkWpNk/s320/image058.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><strong><br />Name and lock a layer</strong><br /><br />The gradient shape appears on Layer 1 in the Timeline, currently the only layer in your document. In preparation for adding and moving additional objects on the Stage, you’ll rename and lock the layer. In the next section of the tutorial, you’ll create a new layer.<br /><br />As you learned in the Understanding Layers lesson, by locking the layer, you ensure that you or other users don’t make inadvertent changes to objects on the layer.<br /><br />1 In the Timeline, double-click the Layer 1 name and type Background to rename the layer.<br /><br />2 Click away from the layer name, then click the padlock icon to lock the layer. </div><div align="justify"> </div><div align="justify"> </div><div align="justify"><span style="color:#ffffff;">.<br />.</span><br />==============================================<br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents.html"><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/contents_14.html">Contents</a></a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/trademarks.html">Trademarks</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/introduction-to-flash-mx-tutorial.html">CHAPTER 1 - Introduction to Flash MX Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/what-you-should-know.html">CHAPTER 1 - What you should know</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/view-completed-movie.html">CHAPTER 1 - View the completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/analyze-stilettofla-file.html">CHAPTER 1 - Analyze the stiletto.fla file</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1</a> - <a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/define-properties-for-new-document-and.html">Define properties for a new document and create a ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/create-and-mask-vector-art.html">CHAPTER 1 - Create and mask vector art</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/tween-bitmap-effects-within-movie-clip.html">CHAPTER 1 - Tween bitmap effects within a movie cl...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/load-dynamic-text-at-runtime.html">CHAPTER 1 - Load dynamic text at runtime</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-animation-and-navigation-to-buttons.html">CHAPTER 1 - Add animation and navigation to button...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/add-streaming-and-event-sounds.html">CHAPTER 1 - Add streaming and event sounds</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/organize-your-library-panel.html">CHAPTER 1 - Organize your Library panel</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/test-download-performance-and-publish.html">CHAPTER 1 - Test download performance and publish ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/next-steps.html">CHAPTER 1 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-introduction-to-actionscript.html">CHAPTER 2 - Introduction to ActionScript Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-view-completed-movie.html">CHAPTER 2 - View a completed movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-initialize-movie.html">CHAPTER 2 - Initialize the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-save-and-retrieveinformation.html">CHAPTER 2 - Save and retrieve information</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-display-information-in.html">CHAPTER 2 - Display information in a dynamic text ...</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-write-anexpression.html">CHAPTER 2 - Write an expression</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-control-flow-ofthe-movie.html">CHAPTER 2 - Control the flow ofthe movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-create-commands-and-reuse.html">CHAPTER 2 - Create commands and reuse code</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-use-built-in-object.html">CHAPTER 2 - Use a built-in object</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-test-movie.html">CHAPTER 2 - Test the movie</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-2-next-steps.html">CHAPTER 2 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-introduction-to-components.html">CHAPTER 3 - Introduction to Components Tutorial</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-types-of-components.html">CHAPTER 3 - Types of components</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-view-completed-form.html">CHAPTER 3 - View the completed form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-create-form.html">CHAPTER 3 - Create a form</a><br /><a style="TEXT-DECORATION: none" href="http://flash-mx-tutorials.blogspot.com/2009/03/chapter-3-next-steps.html">CHAPTER 3 - The next steps</a><br /><span style="color:#ffffff;">.<br /></span>==============================================<br /></div>Unknownnoreply@blogger.com