Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Flash CS5.5 offers a new streamlined way to share projects between Flash Builder and Flash Professional. So you'll see here in Flash Pro, I don't have any file open. I am going to tab over to Flash Builder and I'm going to create a new project. The new project type is going to be a Flash Professional Project, and here I can specify an FLA file, and I can write the code inside of Flash Builder, so I have a more robust coding tool.
I'll select my Target file, the sk8bit.fla file. Notice these other files. These are all hidden files. I am going to ignore them. Choose the FLA file and click Open, and then for the Project contents, you can choose Use default location, or you can pick some other location on your computer. For the sake of this exercise, I'm just going to use a default location. So I'll click Finish and Flash Builder creates project for me, and now I can open up the sk8bit.as file and take a look at the code.
So here is some code that I already have written that makes the skateboarder move with key presses. Now I just made a click of bunch of complex code, but I actually just added a code snippet to the stage. So I just selected the boarder, added the code snippet, and bam all this code, and I just pasted it into a class file so I could work with it in Flash Builder. So here, I can actually click the button to run my movie inside of Flash Professional. If you hover over the icon, then you'll see that the tooltip shows that the keyboard shortcut is even the same as it is in Flash Pro.
So you can press Command or Ctrl+Enter or Return, and then you'll see that the project opens up in Flash Professional and the SWF plays. So I can use my keyboard arrows and control the skateboarder on the screen. So let's say I wanted to make a change to the code to make the skateboarder face left or right depending on the direction that you're pushing on the keypad. So I'll close that that and I'll tab back over to Flash Builder and I'll add that code.
So scroll down, and you are looking for the function called fl_MoveInDirectionOfKey. So it says if up key pressed, if downPressed, if leftPressed, rightPressed. So I'm going to go inside of the if ( leftPressed) block of code and right under kid_mc.x, I'm going to create a new line. I'm going to type kid_mc, which is the instance name the movie clip on the stage, and I'm going to type .scaleX capital X, and I'll set that equal to -1 when you press the Left arrow key;, and then I'm going to do the opposite right under kid_mc.x. += 5, and type kid _mc.scaleX space equals space 1.
So this is going to flip him horizontally when you push the left key, and flip him back to normal horizontally when you press the right key. So we'll save the file and then test the movie again using the keyboard shortcut and here it is. I can go right and he faces the right, and left and he faces the left. (video playing) If you try this at home without the same files that I'm using and you notice that he is not perfectly reflected, it may just be the registration point is not in a center of the movie clip so you can change that. (video playing) Nice! Now I can open up an FLA directly in Flash Builder, edit it, and test it in Flash Pro.
Before we close, let's just go back to Flash Builder and we'll change everything back to the way it was. So I'm going to delete those two lines of code that I wrote that say scaleX. Save the file one more time, and we'll test it in Flash Pro. See that I've changed the file and updated the code. I can save the FLA file and it's easy as that. So it's a new file format for CS5.5. You can open up your Flash Professional Projects in Flash Builder; write the code there, and easily roundtrip back to Flash Pro.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.