Play+Button

=**Goal:** Create a title screen to your movie with an animated title and PLAY button= media type="file" key="final movie_Scene 1.swf" width="360" height="270"

**STEP 1 - Create Title Screen with Play button**

 * Create an animated title and PLAY button - Video Instruction on creating an animated title and play button
 * Add an Actionscript to your PLAY button to start your movie in frame 5 -Video Instruction on adding Actionscript code to play button

**STEP 2 - Start Sprite Movie**

 * ** START your SPRITE MOVIE  **


 * GO TO SCENE 1 **
 * Create 2 layers** and name them accordingly:
 * 1) title
 * 2) button


 * ON THE TITLE LAYER: **
 * 1) Click in frame 1 of the **title laye**r
 * 2) Type the title of your movie
 * 3) Right-click in frame 1 and selection **ACTIONS**
 * 4) Click on **GLOBAL FUNCTIONS-->TIMELINE CONTROL**
 * 5) Double-click on **STOP**
 * 6) **Close that window** using the little x in the top right.
 * 7) **Now LOCK the title layer** so you don't accidentally put the button on it.


 * ON THE BUTTON LAYER:**
 * 1) Click in frame 1 of the button layer **create a play button -** use a rectangle or shape of choice and type the word **PLAY** in it
 * 2) **Now click on the SELECTION TOOL (solid arrow).**
 * 3) **TO MAKE IT A BUTTON -> Select the entire button**, **right-click**-->**Convert to symbol and choose BUTTON**
 * 4) **TO MAKE YOUR BUTTON INTERACTIVE - Double-click on the button** to get into button mode.
 * 5) Click in the cell under **OVER**
 * 6) Right-click and Insert keyframe
 * 7) Click on that keyframe to select it.
 * 8) Now modify your button's appearance in some way so that it will change when the user mouses over the button. For example, click on the transform tool and change the size or shape of your button.
 * 9) **Click on Scene1** at the top left to get back to your scene and out of button mode.
 * 10) **Click on the selection arrow and Right-click on the button** and select **ACTIONS**
 * 11) Click on **GLOBAL FUNCTIONS-->TIMELINE CONTROL**
 * 12) Copy and paste the code below in that window and then close the window:

**on (release) {** **gotoAndPlay("Scene 2", "frame 1");** }


 * 1) Go to **Control--> test movie** in **Flash Professional** to test the button and movie.
 * 2) Make any necessary corrections and check the grading rubric to make sure you have meet all the requirements of the movie:

__**Video Tutorials:**__ Watch this video tutorial on creating a play button..

OLD INSTRUCTIONS – Create an intro page with a title and a start button that on Scene 1 that will start scene 2. Scene 2 will have the shape tween animation on it. **Instructions** to create a intro scene and button:
 * Intro Scene with START button **
 * 1) On Scene 1, layer 1: Create a PLAY button
 * Change the stroke to 5 and a dark color
 * Change the fill = a light color
 * Type in the center of that shape, dark, bold, large text: **START**
 * Select all of the above and **convert to a symbol** & make it **a BUTTON**


 * 1) After that, **right-click on the button** and go to **Actions**. The Actions Script window will appear.
 * 2) You then go to **Global Functions-->****Timeline Control** and double-click on **"goto**"
 * 3) If you don't see the options for Scene, Type and Frame, click on **SCRIPT ASSIST** button to show it.
 * 4) "Go to and Play" button should be selected on top
 * Scene = **Scene 2**
 * Type = **Frame**
 * Frame = **1**[[image:dbutera-webdesign/start-button-script.jpg caption="start-button-script.jpg"]]


 * 1) Close the Actions panel and go back to your movie.
 * 2) On Scene 1, click on the last frame in the button layer to select it.
 * 3) Right-click and select ACTIONS.
 * 4) Follow the same directions above, but this time select **STOP** instead of goto and play. You will see a small "a" in the frame. This will make the movie stop so the user can click on the play button. Without the STOP action inserted, the animation would continue to Scene 2 and play the movie.
 * 5) Now go to the **last frame of your animation on Scene 2**
 * 6) **Right-click** in that frame and select **ACTIONS**
 * 7) Go to Movie Functions-->Timeline Control and select **"goto"**
 * 8) Fill in the dialog box: **Scene 1, Frame 1** to make your movie go to the beginning of the movie where the title and play button is..

__ **Video Tutorials:** __ Watch this video tutorial on creating a play button..


 * BACK TO FLASH ASSIGNMENTS**