undefined-type

Just love Flex for building Flash 9, AIR and Flash 9 applications. But what about Flex 10 applications. As usual, new framework needs to be kicked in!

1.) Get the SDK
1.1.) Goto http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+3/
1.2.) Download latest “stable build” and choose the “Adobe  Flex SDK”.

2.) Install the SDK
2.1.) Unzip and place the files under /Applications/Adobe Flex Builder 3/sdks/
2.2.) Open /Flex../sdks/flex_sdk_3.4.1.10084/frameworks/flex-config.xml
2.3.) change to, line 17; <target-player>10.0.0</target-player>
2.4.) change to, line 52-54;
<external-library-path>
<path-element>libs/player/10/playerglobal.swc</path-element>
</external-library-path>

2.5.) change to, lines 70-74;
<library-path>
<path-element>libs</path-element>
<path-element>libs/player/10</path-element>
<path-element>locale/{locale}</path-element>
</library-path>

3.) Setup Flex
3.1.) Open Window->Preferences->Flex->Installed Flex SDKs
3.2.) Add new SDK and choose the path that you copied to the Flex/sdks folder.
Lets create a Project and test it out.

4.1.) Create a new Flex Project.
4.2.) Right click on the project and choose Properties->Flex Compiler
4.3.) In the Flex SDK version, choose Use specific and Select the new SDK.
4.4.) To help the express install make sure to update the “require flash version”.

Now you are done to Rock n Roll !!!

Wanna try it? Test the 3D functionality.
<mx:Canvas backgroundColor=”#3FCEDF” width=”110″ height=”89″ x=”304″ y=”184″ rotationY=”30″ rotationX=”-30″ />

Flex flash player 10, flex 3

Are you as me and using Flex as a development tool and just switched to CS4 development. Well, no problem, you can still use Flex for your coding and debugging.

First you need to download and install Gumbo for flex.
1.) Download Gumbo: http://opensource.adobe.com/wiki/display/flexsdk/Downloads
2.) Place it inside the Flex SDK folder: /Applications/Adobe Flex Builder 3/sdks
3.) Go into the library directory: /Applications/Adobe Flex Builder 3/sdks/{sdk version}/frameworks/libs/
Remove all files except the /player/10/playerglobal.swc.
Before: After:

4.) Open the “flex-config.xml” in the /Applications/Adobe Flex Builder 3/sdks/{sdk version}/frameworks/ folder
Replace the text “{targetPlayerMajorVersion}” with “10″.

5.) Open/Restart Flex and add the SDK to flex: Preferences/Flex/Installed Flex SDKs

6.) Create a empty ActionScript Project, In the window make sure to change the SDK (use a specific SDK).

Now you should be able to use Flex Builder as a code editor when building Flash CS4 projects. You can also look on how to develop for CS3. A tip is not to click finish, click the next button and in the field “Main source folder” enter src. Cleaner place for putting the fla & as files.

Flash, Flex code editor, develop, development tool, flash cs4, flex 3