Targeting Flash Player 11 & AIR 3 Release Candidates in Flash Professional CS5.5

This post was written before Adobe made the announcement that the Flash Player 11 and AIR 3.0 runtime will be available next month.

Although all of my projects are coded in FDT4 I still use Flash Professional on a regular basis that because a great part of those projects have complex timeline animations usually made by the animation artist working in the project so my workflow usually involves the Flash IDE for exporting the final swf, here is a guide on how to set up Your copy of Adobe Flash Professional CS5.5 to target the Flash Player 11 and AIR 3.0 Release Candidates, let’s get started:

Targeting Adobe Flash Player 11 Release Candidate for Desktops.

1.- Download the Flash Player 11 Release Candidate.
First things first go to the Adobe Labs site and download the Adobe Flash Player 11 Release Candidate for Desktops. Download the proper player for Your system ( Is important that You download and install the runtime on Your browser otherwise you won’t be able to test your SWFs as there is no Standalone RC1 version). You need to download the Flash Player 11 Release Candidate Global SWC “playerglobal.swc” as well.

2.- Once You installed Flash Player in the browser and renamed the swc file from flashplayer11_rc1_playerglobal_090611 to “playerglobal.swc” go to “/Applications/Adobe Flash CS5.5/Common/Configuration/ActionScript 3.0” and create a new folder i named mine FP11_RC1 and copy your playerglobal.swc file inside the folder you just created.

 

3.- Now You need a new player profile so You can choose the Flash Player 11 RC1 from the available player versions when working with Flash, go to ” /Applications/Adobe Flash CS5.5/Common/Configuration/Players/”  duplicate the FlashPlayer10_2 2.xml and give it a new name to the file You just copy I named mine FlashPlayer11_RC1.xml.

4.- Open that file in a text editor and change the id and version in the player tag for id give it the name You wish to be displayed in the Player panel inside of Flash I named mine “FlashPlayer11_RC1” and change the version to “13”.


   Flash Player 11_RC1

5.- In the same file change the path tag so it points to the folder You just created:

   

6.- Save the file open Flash CS5.5 and You’re good to go.

 

*Note* Remember that there’s no Standalone for Flash Player 11 RC1 so when You test your project in Flash ht command + F12 in order to publish to browser (Where You should have the Flash Player 11 RC1 plugin installed by now.

Targeting Adobe AIR 3 Release Candidate.

1.- Download the AIR 3.0 Release Candidate.
First thing You need is the Adobe AIR 3 SDK Release Candidate.

2.- Unzip Your AIR SDK if You’re on Mac the file will be named ” air3_rc1_sdk_mac_090611.tbz2″

3.- Close Flash Professional CS5.5 and browse o the AIR 2.6 folder, on Mac it will be in the following location
“/Applications/Adobe Flash CS5.5”

4.- Change the AIR2.6 folder name to something like AIR2.6_old.

5.- Rename the folder You previously unzipped to AIR2.6 and place it on the Flash Professional CS5.5 folder “/Applications/Adobe Flash CS5.5”.

6.- Browse to the AIR2.6/frameworks/libs/air/ folder and copy the airglobal.swc.

 

 

7.- Paste the SWC file in the folder “/Applications/Adobe Flash CS5.5/Common/Configuration/ActionScript 3.0/AIR2.6” it wil replace your copy of  the airglobal.swf file.

8.- Browse to the “/Applications/Adobe Flash CS5.5/Common/Configuration/Players” folder and open the following files with a text editor:  AdobeAIR2_6.xml, AiriPhone.xml, or Android.xml.

 

9.- Change the version attribute in the player tag from 11 to 13 and save the files:

On the Android xml file:

On the AiriPhone xml file:

On the AdobeAIR2_6 xml file:

10.- Browse to the “/Applications/Adobe Flash CS5.5/AIR2.6/samples/” and open the descriptor-sample.xml file.

11.- Change the “http://ns.adobe.com/air/application/2.6” namespace URL to “http://ns.adobe.com/air/application/3.0”.

12.- Save the file and open Flash.

Testing time:

In order to see that You’re targeting the RC1 versions of the Flash PLayer 11 and AIR 3.0 here are 2 quick tests:

To test Flash Player 11:
1.- Open the Flash IDE go to File > New > ActionScript 3.0 to create a new flash document in the Player section of the Properties panel select the “Flash Player 11_RC1” as your player version.

2.- With the first frame selected go to Window > Actions to open the ActionScript panel and write the following.

import flash.display.Stage3D;

var stage3d = new Stage3D();   

var my_fmt:TextFormat = new TextFormat();
my_fmt.color = 0xFF0000;
my_fmt.size = 32;
my_fmt.bold = true;
my_fmt.font  = "Arial";
	
var textF: TextField = new TextField;
textF.defaultTextFormat = my_fmt;
textF.autoSize = TextFieldAutoSize.LEFT;
textF.text = "Hello Flash Player: " + Capabilities.version + "\n" + stage3d;
	
addChild(textF);

Here we are importing one of the classes only available to FP11 “Stage3D” and creating a text field to display the version of Flash Player installed in our browser.

3.- Hit Command + F12 to publish to browser if we did everything ok You should see your swf displaying the player version and the Stage3D object.

To test AIR 3.0:

1.- Open the Flash IDE go to File > New > AIR to create a new flash for AIR document in the Player section of the Properties panel select the “AIR 2.6” as your player version.

2.- With the first frame selected go to Window > Actions to open the ActionScript panel and write the following.

import flash.display.Stage3D;
import flash.desktop.NativeApplication;
import flash.text.TextField;

function air3_test(){
	var stage3d = new Stage3D();
	var my_fmt:TextFormat = new TextFormat();
	my_fmt.color = 0xFF0000;
	my_fmt.size = 32;
	my_fmt.bold = true;
	my_fmt.font  = "Arial";
	var textF: TextField = new TextField;
	textF.defaultTextFormat = my_fmt;
	textF.autoSize = TextFieldAutoSize.LEFT;
	textF.text = "Hello AIR Version No. " + NativeApplication.nativeApplication.runtimeVersion +"\n" + stage3d;
	addChild(textF);
	trace ( "+ Flash CS5.5.air3_test() - args: " + [stage3d,"AIR Version: " + NativeApplication.nativeApplication.runtimeVersion ] );
}

air3_test();

Here we are importing one of the classes only available to FP11 “Stage3D” and creating a text field to display the version of Flash Player using the “NativeApplication” class.

3.- Go to Debug > Debug Movie > in AIR Debug Launcher(Desktop) to publish our file if we did everything ok You should see your swf displaying the AIR version and the Stage3D object.

And that’s it, thanks for reading and Happy Flashing.

Flash Player 11 & AIR 3 Betas at Adobe Labs

Adobe in his secret plan of not letting Me catch up with the latests runtimes 😉 has just released new beta versions of Adobe Flash Player 11 and Adobe AIR 3 and are available at Adobe Labs.

Some of the new features are:

Adobe® Flash® Player 11 desktop beta drives innovation for rich, engaging digital experiences with new features for cross-platform browser-based viewing of expressive rich internet applications, content, and videos across devices. Some of the features from the Flash Player Incubator, such as Stage 3D and 64-bit support, have been moved into this beta release.

Key benefits of the Flash Player 11 desktop beta include:

Stage3D APIs — Create highly interactive visuals to improve collaboration on 3-dimensional models.
64-bit support — Support for 64-bit operating systems and browsers on Linux, Mac OS, and Windows.
G.711 audio compression for telephony — Integrate voice/telephony into business apps using G.711 codec.
H.264/AVC SW Encoding — Encode higher quality video locally using H.264 video.
Socket Progress Events — Build advanced file sharing apps like FTP clients that send large amounts of data.
HD surround sound — Deliver full HD videos with 7.1 channel surround sound directly to AIR powered TVs.

More info at Adobe Labs

Adobe® AIR® 3 introduces enhanced features that provide developers a consistent and flexible development environment for the delivery of out-of-browser applications across devices and platforms.

AIR 3 delivers innovation for rich engaging applications with unparalleled performance improvements that deliver advanced graphics rendering, high-definition video, and consistent reach across operating systems and devices. AIR 3 is packed with features that will benefit all developers but has a special focus for those interested in developing console quality games, delivering high quality video, or scalable enterprise applications.

Note: The AIR 3 desktop runtime beta is provided to ensure current AIR 2.7 and AIR apps targeting older version of AIR are compatible if You want to test the new SDK You must enrole in the private prerelease program.
More info at Adobe Labs

Seems like a lot of good stuff to play with.

Happy Coding.
Dave

Targeting Flash Player 11(Incubator Build) in FDT 4.2.

I know this might be old news by now but this post will help as a reminder on how to get the new Flash Player 11 (Incubator Build) working in Your FDT 4.2 installation. Ok let’s get started.

1.- Download the files.

2.- Update the playerglobal.swc


First thing You need to do is replace the playerglobal.swc included in the Flex SDK because it isn’t Flash Player 11 ready.

  • Back up the playerglobal.swc  included in  your Flex SDK location “/frameworks/libs/player/10.2 in the Flex SDK”.
  • Copy the flashplayer_inc_playerglobal_022711.swc to the location mentioned above and rename it to playerglobal.swc.

3.- Setting up FDT.

Setting up the FDT IDE (I’m using FDT 4.20.1272  installed on top Eclipse Indigo Version: 3.7.0) for working with the Flex SDK is easy just follow the steps below.

 

  • Add the Flex 4.5 SDK You just downloaded to the list of installed SDKs via: Preferences > FDT > Installed SDKs and press Add.
  • Rename  Your SDK to something significant ( Believe Me you can get lost when using several SDKs) I named mine Flex 4.5 Flash Player (Incubator).
  • The next step is creating a new project go to File > New > New Flash Project in the popup window select new AS3 Project and give your project a name.
  • Click next and select the Flex SDK You just added.
  • You will notice that You get a warning on top of that window saying:  “Some classpath libraries are missing …” that’s because the latest Flex SDK nightly builds does not include the flex.swc, on to next step to get rid of that warning.
  • Click next and You’ll be on the SK Library tab select the flex.swc (marked with an X) and click the Remove SWCs button that will remove any warnings about the missing .swc and since we are building an AS3 project we wont be using the flex.swc anyway.
  • The last step is clicking the finish button then go to the project You just created right click and select Properties ( Alt + Enter for shortcuts lovers like myself)  this will open your project’s Properties window  select FDT Compiler from the list and add the flag -swf-version=13 to your compiler arguments..
  • Hit the OK button and You’re set to go now You’re ready to push the Flash Player 11 to it’s limits abusing of it’s new “Molehill” 3D APIs.Happy Coding.

Flash Player Incubator “Molehill” 3D APIs for Adobe Flash Player and Adobe AIR

So this has been quite a Sunday  full of Adobe surprises and news, this morning Lee Brimelow and Thibault Imbert gave a keynote at Flash Gaming Summit and one of the big news was the announcement of the new Flash Player 11 “Molehill”  APIs is now available at Adobe Labs.

So what is “Molehill”?
Molehill is the code name for a new set of low-level, GPU-accelerated 3D APIs that will enable advanced 3D experiences across screens through the Adobe® Flash® Platform runtimes. These new low-level APIs will provide advanced 3D and 3D engine developers the flexibility to leverage GPU hardware acceleration for significant performance gains.

How to target the “Molehill” player and start building some cool 3D stuff?
First of all You’ll need to download the Adobe AIR and Adobe Flash Player Incubator from Adobe Labs page in order to see and play with “Molehill” demos like the “Zombie Tycoon” by Frima Studios:

If You want to author and target Molehill here is an excerpt from Adobe’s Authoring for Flash Player 11,0,0,58 Incubator :

Download the documentation for Flash Player 11,0,0,58 by clicking here.

Download the playerglobal.swc for Flash Player 11,0,0,58 by clicking here.

To use the new Flash Player 11,0,0,58, you will need to target SWF version 13 by passing in an extra compiler argument to the Flex compiler: -swf-version=13. Directions are below.

If you are using the Adobe Flex SDK:

  1. Download build 19786 from the Hero Stable Builds table. (Note: This is an in-development build of Flex SDK “Hero” and may contains bugs and incomplete features).
  2. Install the build in your development environment
    1. In Flash Builder, create a new ActionScript project: File -> New -> ActionScript project.
    2. Open the project Properties panel (right-click and chose ‘Properties’). Select ‘ActionScript Compiler’ from the list on the left.
    3. Use the ‘Configure Flex SDK’s’ option in the upper right hand corner to point the project to Flex build 19786. Click ok.
  3. Configure your project to target SWF version 13
    1. Open the project Properties panel (right-click and chose ‘Properties’). Select ‘ActionScript Compiler’ from the list on the left.
    2. Add to the ‘Additional compiler arguments’ input: -swf-version=13. This ensures the outputted SWF targets SWF version 13. If you compile on the command-line and not in Flash Builder, you need to add the same compiler argument.
    3. Ensure you have installed the Flash Player 11,0,0,58 Incubator nuild in your browser.

If you are using Adobe Flash Professional:

You can create your own profile to publish to a specific SWF version in Adobe Flash CS5. See this package, it contains a sample FlashPlayer11.xml file file you need to copy into the right place.

  1. FlashPlayer11.xml goes into: Adobe Flash CS5\Common\Configuration\Players
  2. Place the playerglobal.swc related to the Incubator build you are working with into: Adobe Flash CS5\Common\Configuration\ActionScript 3.0\FP11
  3. Restart Flash Professional after that and then select ’Flash Player 11’ in the publish settings. It will publish to a SWF13 file.

Important: Always remember to set wmode=direct in your HTML parameters. Software fallback will be used if you do not use wmode=direct.

Can I still use my Flash 3D Framework?

As announced in Adobe MAX 2010 all the mayor Flash 3D  frameworks (Alternativa3D, Away3d, CopperCube, Flare3D, Minko, Sophie3D or Yogurt3D.) have been working alongside with Adobe to bring support for Flash Player’s new 3D APIs being Away3D  the first one to release a “Molehill” supported version.

Away3D 4.0 Alpha (codename “Broomstick”).

Shortly after Adobe announcement Away3D’s team was released a new version(4.0 Alpha) of their framework codenamed “Broomstick” and let me say it runs great I’m really looking to have some free time to test and post about the new features in Away3D but for the time being You can check some of the examples and tests made by the team here.

To start playing with “Broomstick” You need  to download this version from their googlecode repository or their downloads page.

Adobe Flash and Unity3D


Unity3D’s team has a blog post about Flash Player plugin support here is an excerpt:

“In the past few months, our engineers have been investigating the possibility of adding a Flash Player exporting option to Unity. That investigation has gone very well, and we’re moving into full production.” read the full article here.

So this are some of the things announced at the Flash Gaming Summit if hurry up You can still catch the live stream.

Later 😀