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.

Adobe Flash CS5 Review pt 1: The XFL file format

Ok this will be the first of  a series of post of some of the new features of Adobe Flash CS5, and I say some because the new Flash comes with tons of new and improved features that said lest move on.

Flash CS5 Features 01 XML-Based-Flas (XFL) from David Gamez on Vimeo.

In Flash CS5 there’s a new file format in the house that it’s called .XFL  that is a new  XML based  format that allows You to exchange and work on files more easy, how to use it ?  just save your file  as .xfl in this way all your assets and properties are not packaged in a .fla file instead they will be saved in a folder structure that you can open and modify without the Flash ide, the properties of the document and graphic elements of the library are exported in XML files and  can be edited from any text editor and modify its properties. Even Actionscript code of the frames is exported.

I see this feature as a very neat one that will let us have more control over our Flash work and expands the possibilities for new types of workflow.

Until the next feature,  See You around.

Flex Builder gets renamed as Flash Builder

Flash Builder

So it finally happened  the IDE(Integrated development environment) known till now as Flex Builder it going to be    renamed as  Flash Builder , why ?  To me it’s easy It makes a lot more sense,  yes you can use the Flex Framework and yes you can use also build AIR apps and ActionScript 3.0 projects but at the end the result  its the same your project gets compiled as an .swf file , so maybe this rename of the IDE should have happened earlier,  it would have evited some confusion. This means that the Flex Framework it’s going to be renamed ? apparently no the flex framework stills and the Flex SDK stills the same but who better to explain it than Lee Brimelow and Duane “Chaos” Nickull check out their posts on the subject.

Hope this is the first step towards the process of integrating  the Flash tools and not just renaming them.  I haven’t used Flash IDE coding panel since who knows when, hope the Flash Builder and the Flash Professional IDES one day get along real well.

UPDATES:

Serge Jespers (Adobe Platform Evangelist ) explains in a little more detail why the renaming of Flex Builder to Flash Builder.

Keith Peters thoughts on Flash Builder

Ryan Stewart post Flex Builder “Gumbo” is Being Renamed Flash Builder

Lee Brimelow’s Flash Builder rebrand FAQ

Peter Elst Flex Builder gets rebranded to Flash Builder

Mihai Corlan (Adobe Platform Evangelist ) About the rebranding of Flex Builder into Flash Builder

Chuck Freedman The FlashFlex name game.

Flash CS4 Professional Update (10.0.2) Now Available

Flash CS4

So finally Flash CS4 gets it’s much deserved update, I’m glad some of the mayor bugs on it seems to have been solved according to

Adobe Flash® CS4 Professional (10.0.2) addresses a number of performance issues. Some key fixes are:

  • Fixed a performance issues when dragging objects on stage, scrubbing the timeline, or entering symbol edit mode in large AS 2.0 and AS 3.0 files.
  • Fixed a performance issues when opening large files or files with many nested symbols.
  • Fixed a performance issues when working in the library such as scrolling, selecting items in the library, dragging item to stage, or editing symbol from library.

It also addresses several crashes involving creating a text fields on stage and opening specific files with corrupted fonts.  The font issue was causing many people to suffer crashes because Flash was not handling inappropriate or corrupted fonts very gracefully.

Hurry up and download the update here !!!

And The complete list of Fixed Bugs on this release WOW  lots of things fixed :

Bugs fixed in this release:

  • AS2 Doc Crashes CS4 when buttons not rendered correctly
  • Auto Format beaks the code if encounters ++ or — with an array inside if statement
  • Clicking through movie clip with large preview takes long to select in the Library in AS 3.0 file
  • Scrubbing and pressing Enter to play timeline is not smooth, slower in AS3 documents
  • W and H of instance incorrect after frame 2 if apply tween to instance with filter
  • 3D tools appear incorrectly to a child movie clip when applying skew and rotation to the parent 2d movie clip.
  • Changing W/H for nested 2d>3d movie clip from PI does not work. After scrubbing the hot text, it snaps back to the original size.
  • Dragging from Library to Stage is slow in some files in CS4
  • Selecting items in the library is slow in CS4
  • Scrolling the library (vertical scroll bar) is slow compared to CS3
  • In a FLA with lots of library items, double clicking a symbol “in the edit mode” hangs Flash on Mac.
  • Library contents explode CS4 memory (CS3 sits at 75M)
  • Performance issue with Stagecore (AS 3.0 fla) – scrubbing, moving, altering objects.
  • Object visibility is compromised when created inside empty groups in AS 3.0 fla files.
  • Double clicking symbol or symbol name in library hangs Flash; library contains a lot of items
  • Text with device font disappears when it is selectable
  • Component parameters don’t work for scenes greater than scene 1
  • Selecting frames with textfields is a lot slower if the Components Inspector panel is opened
  • Empty maskee incorrectly renders mask invisible rather than visible
  • Crash when opening a  fla that uses a font symbol whose name was identical to the Postscript name of the underlying font and the font is missing
  • Optimize a section within a shape leaves gaps in the shape
  • Optimize opening and closing FLA files, frame manipulation for FLAs with many frames
  • Win only: Crash on exit when the text field is in edit mode and clicking X button to quit without save
  • Compiler errors when opening “Air Settings” while adl still running.
  • (screens) timeline playhead can’t scrub and jitters when playing anything that spans frames
  • gotoAndPlay(“framelabel”) compiles differently in CS3 versus CS4
  • Scrubbing the timeline and selecting frames is much slower in CS4 than in CS3
  • Crash when creating a text object on stage when there are corrupted fonts
  • Graphic symbol looping setting changes when apply color effect to instance in PI
  • Files with lots of nested clips suffer from performance issue (file open) in Flash CS4
  • Edit in Place of 2d objects which has 3d movieclips nested inside is not functioning correctly.
  • Edit in place is slow for complex instances in FP10 documents
  • Breaking apart a nested movie clip erases instance name of child movie clip
  • Efficient calculation between keyframes so dragging is faster and generally makes people happier if spans are long and complex.
  • AS3 Components not compiling correctly when using the Component Definition dialog
  • Window Only: Flash crashes when double clicking a fla to open while a current fla is opened with text block selected
  • Can’t interact with Flash because modal dialog is up, but hidden behind the workspace when switching between applications
  • From crash reporter: crash on Mac when double click to enter symbol edit mode (when the black dotted rectangle is drawn)
  • Mac IDE flashes when right-clicking on Library after doing Test Movie
  • Performance is slow after double clicking movie clip to enter edit mode and exit
  • Setting an instance’s width and/or height to 1 makes W and H hot text unusable in the vertical PI.
  • Hot text in the Vertical PI for X, Y, W, H displays only 1 decimal point while edit field displays 2
  • Export image: Dimension values in Export dialog and Vertical PI do not match which is misleading to user.
  • Crash when selecting text field on stage with many fonts on user’s system.
  • Text PI is stuck and some controls on the PI are not drawn with certain fonts on user’s system
  • The JSAPI that allows users to publish FLA files without opening them was inadvertently removed when the Project Panel was deprecated.  fl.publishDocument( flaURI [, publishProfile] ) is added.
  • “Export classes in frame” behavior is different in CS3 than in CS4
  • Drag and drop large nested symbol from library to stage hangs Flash
  • Dragging from Library to Stage slow on subsequent drag or after scrubbing the timeline
  • Scrubbing and pressing Enter to play timeline is not smooth, slower in AS3 documents
  • W and H of instance incorrect after frame 2 if apply tween to instance with filter
  • Large amounts of text nested in a symbol causes performance problems in non-AS3 documents
  • Playback in authoring is not smooth (playhead skips frames), cannot stop it when hitting enter, eventually hangs and takes long to respond (both AS 2.0 and AS 3.0)
  • Performance Creating Exported Symbol when the classpath contains lots of files and folder
  • Create ease, undo after first edit removes ease
  • Selecting and deselecting raw shape after convert to symbol spikes memory and/or crashes
  • FLA crash on open when fonts loaded
  • Mac only: User input resets to previous setting when attempting to change any value in Vertical PI input area
  • Accessing a Windows SWF after it has been moved or deleted crashes Flash
  • Crashing when re-opening FLA after canceling publish
  • Crash in test movie when running a file with video and filters

Flash on your TV Adobe secures set- top deal

Flash On TV

According the BBC-News Site Adobe it’s securing a set-top deal that would let flash content be delivered on TV sets that would mean that as a developer you will now have the opportunity to build rich experiences across pc, mobile , and now TV.

Here’s a quick excerpt from BBC’s article:

Adobe has secured a deal to put its Flash software into many of the chips that go inside TVs and set-top boxes.

It will enable developers and content providers to create applications to deliver web-based content such as news, weather and share prices to TV screens.

Flash will be included on most chips -those made by Broadcom, Intel, NXP and STMicroelectronics – but the deal does not cover TVs made by Sony and Samsung.

The first applications using Flash are expected to hit TV sets early in 2010.

Sony and Samsung already have a number of connected TVs on the market, but they are using Yahoo’s rich media platform of widgets instead of Flash.

Definitely,there’s qute some interesting stuff it’s going around the Flash Technology these days you can read the full article on BBC’s site