Click on any phrase to play the video from that point.
[place holder]
Flash Professional CS5.5 has enhancements that will speed up your project's workflow--
everything from creating a new document to the Code Snippets panel to the Project panel
clear out to the Publish Settings.
It really allows you to publish to multiple platforms or devices pretty easily.
I'm going to first start off in the File, New dialog.
You can tell right off the bat if I select this first one, ActionScript 3,
I can quickly change the settings for this file.
So I don't have to create the document and then change the settings.
I can change them right in here.
Changing the width, the height, I can change the background color,
and I'd say that looks pretty good.
In addition to this default ActionScript 3, there is also AIR for Android,
AIR for iOS.
These settings are already set up for those devices.
But again, in this case I'm just going to make one file
that's 854x480.
I'll select OK.
Here is my file. I'll just go ahead and fit it in window.
And off to the side, notice that it has all of my settings right in here as well.
So I can change the size, the frames per second.
The player version is just a drop-down list.
I can change it from 10.2 to 10.1 if I want to.
And there are additional settings in here as well.
I am just changing some of those settings from the Properties panel,
and all I'm going to do is I'm just going to paste in some graphics.
Here's the graphics I want to deal with.
In this case, I want this graphic to kind of move across the screen.
In fact, this is going to be for a device.
So as the user tilts the device, I want that bicyclist to move from side to side.
In order to do that, what I'm going to use is the Code Snippets panel.
So if you go to Window, down to Code Snippets,
you can open that up.
Notice there is quite a few folders in here,
pretty much anything you'd ever need.
Some of the new ones with Flash CS5.5 are the Mobile Touch Events--
so tapping, touching, a long press--
Gesture Events, whether it's panning, zooming, rotating, swiping. It's all in here.
Mobile Actions. If I take a look at that, you can see you can have a swipe--
again, move with your finger to open up that.
In this case, what I want to do is I actually want to move this graphic
based on the accelerometer, so the tilting of the device.
Notice as soon as I select that code snippet, I can get information on it.
This moves the object based on tilting the mobile device.
I'm going to select Show Code.
And, sure enough, it does give me some more explanation about the code
and shows me it down here.
So if I scroll down a little further, check this out.
These names are blue, and they're actually names that I can click on.
It says "bike" because I have this bike already selected.
What I can do is I can click on it and point to any object on the stage that I want to.
In this case, it's just going to be the bike. I can point to that.
And again, if it's underlined, I can change those numbers
or whatever information is underlined.
So what I'm going to do is I'm going to click Insert.
You see that animate right over.
Code Snippet Inserted.
I can click on that Code Snippet Inserted word,
and it takes me right to the code.
This is great because I can come in here and then modify it further.
So in this case, I want this bike to move to the left and to the right,
so its x position, not the y position.
So I can select that line and just delete it.
So a great place to learn is that code snippets.
There's plenty more in there.
I was able to apply it right here to this frame, and now I can go ahead and move on with this.
And really what I need to do with this project
is I need to go ahead and save it out, and I'm going to go ahead and test it out really fast.
So I'm going to do a Save As, and I'll just save it inside of this Meridian folder.
I'll just call this Android_854x480, save it.
And now I want to test this out.
So I'm going to go to Control, Test Movie,
and I want to test it in Device Central
because Device Central has a couple features that I can really take advantage of.
One of those is this Accelerometer panel.
You can see this virtual device.
And if I tilt this virtual device, you can see how it affects my biker right there.
So again, I tilt, I can see that everything is working out pretty well,
hit Reset just to stop it, and Device Central does a great job for allowing me
to test certain elements of a mobile device.
I'd say that looks pretty good.
That is my Android version.
What I want to do from here is I want to go ahead and create another file.
And this new file is going to be in the same folder,
but what I want to use is I want to use the Project panel
because my next step is to have two files that are going to share graphics.
So with my Project panel open, I'll just select this drop-down
and I'll select New Project.
I can give it a name, but what I'm going to do is I'm just going to point to that Root folder
on my desktop right here, selecting Meridian, clicking Choose.
It automatically gives me that project name.
Below that I can create a default document.
I don't really need to do that in this case but again,
I can change any of those settings for a new file.
I'll just uncheck that and select Create Project.
All right. So there it is. There's my 854x480 file.
Here's my Author-Time Shared Assets file, which I will show you in a second
because what I want to do is I want to share assets across multiple files.
So I'm going to go ahead and save this file as Android_1024x768,
just like that. I'm going to save it in the same folder.
It's saved. I'll go into my Project panel and then I will select Refresh.
And there is the file that was just created.
All right. So I need to resize this file.
So I will go to my Properties panel, select Edit Document Properties, and change the size.
[keys clicking]
And I'm going to make sure the content gets scaled with the stage.
Select OK, and it scales everything.
I can position this into place--whatever I need to do.
I will save this file.
Now remember, both of these are part of this one project,
and I want to share these assets across these two files.
So what I'm going to do is I'm going to go into my Library panel.
Here are those two files, those two graphics.
And I just want to share the bicycle one, so you'll notice this new column right here,
and I can check that box that says "Share symbol across files."
Check that.
What that does is it puts it in the Author-Time Shared Assets FLA file.
That's where it exists.
I want to share it with this 854x480 document.
I'll just double click on that.
Here is that smaller file.
And what I can do in here is I can check that box.
All right. So I'm going to save this file, and I'm going to save the other file as well.
If I change either one of these, so if I go into this file,
what I'm going to do is I'm just going to select this banner, and I'll turn it off, for instance.
I'll save it.
Now when I go back to the other file, it might take a second for it to update, and it does.
I actually just double clicked on it,
but you can see that it's already turned off in the other file.
So that's just a quick example of how you can share assets across multiple files.
So it works great for any project when you're dealing with multiple devices
or multiple projects that need to share assets.
I'm going to go back into my 854x480 file,
and if I double click on it, you can see that it's turned off.
I can turn that on again if I want to,
and I will save that file.
But really what I want to do is I want to go ahead and publish this out to an Android device.
I've already tested it in Device Central,
but what I want to do now is I want to go ahead and go to my Properties panel,
and I'm going to publish it out to AIR for Android.
So I can use the Properties panel, select AIR for Android.
I can also edit the application settings, click on that right there,
and then I can go ahead and modify the output name [keys clicking],
the app name [keys clicking], the app ID [keys clicking],
make sure it goes full screen, and in this case it's a landscape project.
So it's just a matter of filling in these blanks.
I'll go to Deployment. I already have a certificate set up.
I'm going to go ahead and publish it out on a connected Android device.
So I already have one connected by USB.
I can continue to add icons if I want to, and I can even set permissions.
In this case, since I'm using the accelerometer,
I might want to make sure that the screen stays on even though you're not touching it.
So with wake lock checked, I'd say it's good to go.
I have an Android device connected, and it could be the Atrix.
In this case, I have the Motorola Droid 2 connected by USB.
I'll just click Publish, and it publishes out directly to my connected Android device.
You can see the project is already displayed.
All I'm going to do is just tilt the device.
Sure enough, you can see that bicyclist move across the screen.
So again, how easy was that?
I'm actually able to set up my project, share assets across multiple files.
And not only that. I'm able to publish it out directly to the device, ready to go.
So I'd say Flash CS5.5 is very powerful when it comes to your project workflow,
whether you're targeting multiple devices or even if you just need to share assets
across multiple devices.
That along with code snippets and the publish settings make everything really easy
to generate whatever content you need to.
Thanks for watching.
[place holder]
