Install Flash Player 11 Beta 2

To view Flash Stage 3D content, you will need to install the beta version of flash player 11.

• Download and install Flash Player 11 Beta 2.

Setup FlashDevelop 4 with Flex 4.5 and Away3D 4

To publish Flash Stage3D content, you will need the new Flex 4.5 SDK. In my case, I will be using FlashDevelop 4 and Away3D 4.

• Download and install Java runtime.

• Download and install FlashDevelop 3.3.4

• Download and extract Flex 4.5 SDK. When you installing FlashDevelop 4, It will give you an option download this SDK too.

• Download and extract Away3D Core FP11

• Download flashplayer11_b2_playerglobal_080811.swc and rename it to playerglobal.swc

• Copy playerglobal.swc to [Flex 4.5 SDK Path]frameworks>libs>player>11.0 folder. FlashDevelop 4 will create this folder for you when setting up, if not create the folder and put the SWC here.

• Download and extract Away3D Core FP11 Examples

• Launch FlashDevelop and start a new AS3 Flex 4 Project. Set your project folder to Away3D examples folder you extract earlier. A warning message about folder not empty and template files will pop up, click OK to copy them. FlashDevelop will then generate the index file for you.

• Go to Tools>Program Settings>AS3 Context>Installed Flex SDKs. Fill in the location where you extract Flex 4.5 SDK.

• Go to Project>Properties>Class Paths. Click Add Class Path and browse to the location where you extract Away3D 4. Remember to target the sub folder name src, not the main folder.

• Go to Project>Properties>Output>Platform. Make sure it is Flash Player 11.0.

• Go to Project>Properties>Output>Test Project. Select Open document from dropdown list. Click Edit button and type bin\index.html

• Go to Project>Properties>Compiler Options>Additional Compiler Options. Key in -swf-version=13

• Done. Right click on any of Away3D example source files which can be found at src folder, choose Set Document Class, compile and profit!

Adobe just released Flash Player 11 beta 2 earlier this month and their “Molehill” 3D API is now known as “Stage 3D“. This blog entry is not applicable now, so please refer to my new blog entry about this topic FlashDevelop Stage3D Away3D.

Install Flash Player Incubator

To view Flash Molehill content, you will need to install the alpha version of new flash player.

• Download and install Flash Player Incubator

Setup FlashDevelop with Flex Hero Framework and Away3D

To publish Flash Molehill content, you will need the new Flex Hero SDK. In my case, I will be using FlashDevelop and Away3D.

• Download and install Java runtime.

• Download and install FlashDevelop 3.3.4

• Download and extract Away3D Version 4.0.0 Alpha (Broomstick).

• Download and extract Flex HERO SDK build 4.5.0.19786.

• Download flashplayer_inc_playerglobal_022711.swc and rename it to playerglobal.swc

• Copy playerglobal.swc to [Flex Hero SDK Path]frameworks\libs\player\10.1. You will need to create the 10.1 folder

• Launch FlashDevelop and start a new AS3 Project. You can set your project folder to Away3D examples, if you downloaded them.

• Go to Tools>Program Settings>AS3 Context>Flex SDK Location. Fill in the location where you extract Flex Hero SDK.

• Go to Project>Properties>Class Paths. Click Add Class Path and browse to the location where you extract Away3D 4.

• Go to Project>Properties>Output>Platform. Change Target to Flash Player 10.1.

• Go to Project>Properties>Output>Test Movie. Select Open document from dropdown list. Click Edit button and type in FlashDevelop output location, usually bin\index.html

• Go to Project>Properties>Compiler Options>Additional Compiler Options. Key in -swf-version=13

• Add wmode: “direct” parameter for swfobject in the output HTML which usually at [Project Path]bin\index.html. Software fallback will be used if you do not include this parameter.

• Done. Right click on any of Away3D example source files which can be found at [Project Path]src, choose Always compile and GO!

Problem?

• If you get error message like Type was not found or Call to a possibly undefined method. In FlashDevelop, open the libs folder in the project file list, right click and select Add To Library for both lib_simplegui.swc and MinimalComps_0_9_9.swc
• If you get an error about LZMA Decoder, download it here. Then extract it to [Project Path]libs. In FlashDevelop, select apparat-lzma-decoder-1.0-RC9.swc in the project file list, right click and select Add To Library.
• If you cant view the MD5 and MD2 examples, most probably the assets path is wrong. Just copy the assets folder from [Project Path]srcassets to [Project Path]bin

Introduction

FlashDevelop is an open source script editor which primary use for editing ActionScript (Can be use for XML, HTML, CSS… etc as well). Flex is a free open source framework use for compiling Flash SWF. Both of them are free and open source, so it is good for those who want to learn ActionScript without purchasing Adobe Flash.

Steps to Setup

Below is a brief steps on how to setup FlashDevelop with Flex Framework.

• Download and install Java runtime.
• Download and install FlashDevelop.
• Download and extract Flex SDK.
• Launch FlashDevelop.
• Go to Tools>Program Settings>AS3 Context>Flex SDK Location. Fill in the location where you extract flex SDK.
• Go to Tools>Program Settings>Flash Viewer>External Player Path. Fill in the location of the debug Flash player 10. It is include in the flex SDK package in this location \runtimes\player\10\win.
• Done. You can compile flash10 stuff now. Just create a new project, and edit the Main.as in the src folder

Different Flex Framework Version

You can use different version of Flex Framework for different projects. Just set a custom path in the project properties at

• Project>Properties>Compiler Options>Custom Path to Flex SDK

This will be useful to test if your project got screw with a new Flex SDK release without affecting other projects.

Using Preloader

If you want a preloader in your AS3 project, just start a new project and choose “AS3 Project with Preloader“. You will want to add in your own script inside the “progress” function. You can check how many percents of content are loaded by using the following script.

percent = e.bytesLoaded / e.bytesTotal * 100

Free Adobe Flash Builder 4 Standard

Actually Adobe is providing free copies of Flash Builder 4 Standard to students, event attendees, and people who are jobless now. You can get your copy in this page.