• Home
  • About Me
  • AIR Central
  • AS3 Libs
  • Books
  • Flex Central
  • Resources
  • The Guru's
  •  

    Using Flash Player 10 within Flex Builder

    Here is a step by step tutorial for setting up Flex Buillder 3 to compile for the new Flash Player 10 beta. This setup will also get you code insight for the new Flash Player 10 APIs.

    Step 1: Visit http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+3 and download any build greater than 3.0.1.1728 dated Thu May 15, 2008. This example uses 3.0.1.1739.

    step1

    Step 2: Unzip the download and add it to the sdks folder of your Flex Builder install. In my case this is within Adobe Flex Builder 3 Plug-in/sdks. It could be within Adobe Flex Builder 3/sdks if you are using the standalone version of Flex Builder.

    step2

    Step 3: Now open the Flex Builder preferences and expand the menu to flex -> Installed Flex SDKs. Click the add button.

    step3

    Step 4: Navigate to the new SDK that you just installed in step 2, give it a unique name and click OK.

    step4

    Step 5: You can now set this new SDK as your default SDK and click OK

    step5

    Step 6: Create a new Flex Project

    step6

    Step 7: Create the project as type Web Application

    step7

    Step 8: Right click on the new project and select Properties. Navigate to Flex Compiler. Make sure either you have the new 3.0.1.1739 as the default SDK or if you didn’t set it as the default in Step 5, make sure that you choose Use a specific SDK and set it to 3.0.1.1739. Also, change the flash player version required to 10.0.0.

    step8

    Step 9: Switch to Flex Build Path, expand the 3.0.1.1739 library and remove the playerglobal.sdk

    step9

    Step 10: Click on Add SWC

    step10

    Step 11: Navigate to the new SDK installed in Step 2 to frameworks/libs/player/10/playerglobal.swc and click OK

    step11

    Step 12: Expand the new playerglobal.swc and double click on Link Type. Change it to External.

    step12

    step13

    Step 13: To avoid being forced to download a new player on each run, open the index.template.html of your project and change the current variables to an older player as shown in the next 2 images.

    step14

    step15

    Finally, open your new project root file and try creating a new object with one of the new Flash Player 10 classes and see that you have code insight.

    final

    12 Responses to “Using Flash Player 10 within Flex Builder”

    1. joshspoon Says:

      Weird I don’t get code hinting on graphics or bitmapData.

    2. A. Says:

      HI,
      so what’s the procedure if i still have working projects under fp9??
      do i need to install/uninstall the debug version each time i want to play with fp10??
      is there a way to install the fp10 browser plugin on for safari and debug with fp9 or standalone fp9 on firefox, btw, i’m using mac 10.4.
      thanks!

    3. everythingflex Says:

      So, I get code hinting on one machine that I did this on but not another. I am not sure what the issue is.

    4. Lauro Santos Says:

      hello

      Good tutorial!!! Can I translate that tutorial for Portuguese and to post in my blog?

    5. everythingflex Says:

      Go for it.

    6. everythingflex Says:

      Is anyone else having a problem with this tutorial? Is it working for you?

    7. felix Says:

      hmm doesn’t work here on vista. No code hints and FP10 properties give compile errors.

    8. jaycrilly Says:

      Working on Vista minus the code hinting. anyone know the culprit?

    9. Maikel Sibbald Says:

      Dont change the version in the html. Just the use the path to the swf. because of the lower version fp10 features will result in errors.

    10. Mohammad Pourhossein Says:

      Dear Rich
      hi
      I’m Mohammad Pourhossein (my nickname is borna) from IRAN! thanks for your great articles…
      our language texts is RTL like Arabic and Hebrew… I downloaded Flash Player 10 and then last Flex SDK:
      (3.0.1.2079)
      and did all things that you said here
      but I can’t use it for RTL layout in my new projects!
      can you help me in this way? how can I make it possible to use a bi-directional text in my projects in Adobe Flex Builder 3.0?
      you know? there is no other person here, in my country to use this technology or help me… and there is no sufficient source or sample accessible to use them… so, I can only ask you to help me far from here… thanks again and again and agian…
      I’m waiting for your reply
      cheers

    11. everythingflex Says:

      Hi Mohammad,

      Honestly, I am not sure if this is possible yet with Flex Builder 3. Perhaps someone from Adobe can answer this question.

    12. xsvdo Says:

      Thanks for the great tut! FYI, code completion did not work until I restarted Flex Builder.

    Leave a Reply