MGAS3FD 1: The Setup


Welcome to the first part of Making Games in ActionScript 3 using FlashDevelop (just rolls of the tongue, doesn’t it?)

People keep asking me if I know any good tutorials for making games in Flash, and I keep answering that I don’t. Most of the one’s I’ve seen have only barely been ported from AS2, keeping the “old flash” mindset and not really making use of the new fancy stuff you can do in AS3. I think that’s a pity!

So, here’s my way of doing it.

This tutorial will assume some basic familiarity with Object oriented programming a graphical tool of your choice and general computer literacy. If anything is unclear, feel free to ask in the comments.

Downloading.

First, there’s some stuff we need to download:

  • The latest version of FlashDevelop (at the time of writing this was Beta9)
  • The Flex SDK (I use version 3.1.0, build 2710 but that shouldn’t matter too much)
  • A debug Flash player (I like the standalone one for development, but get the ones for the browsers too!)
  • Also, get Java 1.6+ if you don’t have it, the Flex compiler needs that

I use the Flash CS3 authoring tool to make my graphics, however, you can use any tool that can export swf’s and for the sake of completeness will show you how to use plain old png’s aswell. But the authoring tool is very hard to beat when doing animations, so consider getting it.
If you don’t have the Flash authoring there’s a trial for the CS4 version.

Installing.

Start with FlashDevelop, that should be a no-brainer.
(Now would be a good time to install Java if you don’t have that)
Then extract the SDK to whatever folder you’re comfortable with, all you will need to do is to point FlashDevelop to it later, then you can forget about it altogether.
Install the debug player for your browser, FlashDevelops internal player (IIRC) will use the version you install for IE.
Finally put the standalone Flash Player in a suitable directory, it will associate itself with the proper file formats when you run it, so just drop it wherever you want it and run it once.

Starting it up.

Now, it’s time to start FlashDevelop.
You should be greeted by a nice Start Page. The first thing we will need to do is to setup where we put the Flex SDK.
Go to Tools -> Program Settings… -> AS3Context -> Flex SDK Location (see the picture) and point it to the directory where you unpacked the SDK.

And that’s it. You’re ready to go. Go get yourself something unhealthy to eat as a celebration.

Next time we get started on our first project.

Posted in code, Making Games in Actionscript 3.0, Tutorials |

16 Responses to MGAS3FD 1: The Setup

  1. Pingback: MGAS3FD 2: The Beginning | prototyprally

  2. Sweet, I’ve been looking for something like this for a long time. Maybe I’ll crank out a flash game in the process.

  3. Part 2, please! :D

  4. Quick question,

    In relation to the Flex SDK, which one do we download?
    “Adobe Flex SDK” or “Open Source Flex SDK” or “Adobe Add-ons”. ?
    thank you in advance :)

    Roland

  5. OOh, I’m excited for this! I’ll be one step closer to being a programmer :D

    Johnthegaylizard, January 5, 2010 at 06:38
  6. thx for the help

  7. Pingback: Kloonigames » Blog Archive » Hero Programmer Quest

  8. Ditto Johnthegaylizard.

  9. i know nothing about OOP.how to get into this?shoul i master it like c++ etc…please help me out.i’m really curious

  10. Pingback: Hero Programmer Quest | Play Game Now

  11. Object Oriented Programming is really useful for various reasons.
    The best being able to reuse code with the least effort.

  12. Pingback: Flash Development 101 « Japskua's blog

  13. It seems they’ve taken SDK off of SourceForge. No worries, it comes with FlashDevelop.

  14. can i develop .swf extension game in flashdevelop ide plz mail me ans…plz…

  15. Pingback: FlashDevelop Actionscript 3 development environment inquiry | Stackforum.com

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>