Access to H.E » Back at College creating Scene’s and Buttons in Flash

Back at College creating Scene’s and Buttons in Flash

posted by trikkky on November 3, 2009

Back in the swing of things today we had more to do with the Flash project. How to link Scenes with buttons and Actionscript.

Started of forgetting everything was creating symbols and grouping and getting not very far at all ! Janice sat next to me was getting a bit shirty cause I didn’t no what I was doing and then blurted out, why do you have to make everything so complicated ? (Laughing to myself), the teacher was ignoring me cause she thought I knew what I was doing. By the end of the lesson I had sussed it out.

Basically what we want to do is achieve some Navigation by adding buttons and adding Actionscript to the buttons and symbols. The first thing we want to do is create a plan of our site/Animation so we know what all the boxes should do.

We are only going to do basic blocks and Actions. Open up Flash and make sure you are on Actionscript 2, create a box and write the X Factor text on top of it.

Open up the Scene window to create the different Scenes and list all the boxes in your diagram. To Rename your Scene just double click the name.

click on frame 1 on the Timeline and open the Actions and click Script Assist. Click on Global functions then click the Timeline control. Now double click on STOP. It should insert a stop(); action

what we need to do is get the buttons menu out and place buttons on the Stage to navigate around our different Scenes. You can create your own buttons or use the button window which has lots of buttons already made in each different hit state.

Create a new layer for the Button, Open the Button library and drag a button on the stage. Double click on the Button to get inside the Button and you should see all the different hit states, which are locked Layers.

On the Text Layer in the Timeline click the little Lock Icon to unlock the Layer. Double click on the Button again to rename it, go back and lock the layer being careful not to click on anything else.

Click back on the X Factor layer.

Create another Layer for Button 2. In the main Library you will have your first button that you made right click and duplicate the Button, the reason we do this instead of just dragging out the same button from the Library is we want to name the same looking button a different name and this is the only way to do this. So drag your Duplicate button on to the stage and double click to get inside the button. Select the Text layer then double click the Button again and rename you can lock the layer and go back to the X Factor layer.

This is where I am know. Two buttons the same with different names and a stop action on the X Factor layer.

Select the Contestant Button and open up the Actions, double click on GoTo and where it says Scene click the drop down and select Contestants as they are next on the list.

Next click on the Judges Button and go to the Actions and double click the GoTo and from the Scene dropdown select Judges.

For the next Scene we need to select the Contestants Scene and draw another box on the stage and label it Contestants as well as putting some text in the box.

Open the Library and on the original Button right click and Duplicate and rename for the next row of Scenes after the Contestants Scene. There will be 4 Duplicates and the first will be Daryl then Jedward, Joe and Stacy.

What we are going to have to do is rename our Buttons so we now where the Button is going. So double click to get inside your Button make sure you are on the Text layer of the Button and it is not locked, go back to your Button and double click again and rename it Danyl. Go back to the Contestants Layer on the timeline and create a new layer for Button 2 (which will be for Jedward) and then drag the Jedward button out of the library onto the stage and repeat the renaming steps.

I have created a little Video showing how to do the buttons and rename them. The one thing I had forgot was to put a Stop action on the Contestants layer watch the video to see my mistake.

Create a box for Danyl on Scene Danyl and make a Duplicate of the Original Button and name it something different I am going to name mine Danyl_1.

Create a new layer for Danyl_1 Button and drag Danyl_1 Button out of the Library and double click into to it to rename the Button Ollie making sure you are on the Text layer and double click again to change the Text. Now add your Actionscript for the Stop Action on Frame 1 on the Danyl layer then select the Ollie Button and Add the Actionscript for the Goto and Play Ollie Scene.