Creation of a game with flixel and Flash Builder 4

You should already know flixel.

I blogged a bit about it some time ago in flixel for absolute beginners and flixel for absolute beginners – part 2.

Now it’s time to make something serious, but in this first step I am covering again the basics of creation of a flixel game using Flash Builder 4.

Do you think I mispelled “Flex” with “Flash”? You’re wrong. Flex 3′s new version is called Flash Builder 4 and you can see the new features as well as download a 60 days trial at the Flash Builder 4official page.

So let’ start! Basically this tutorial is a porting of this one, just using Flash Builder 4. But a lot of new features will be added in various steps.

So let’s start creating a new actionscript project…

… name it HelloWorld…

… then select its properties…

… and under Actionscript Build Path select Source path then click Add Folder…

… browse and select the directory with the flixel package you downloaded…

… you should see it in the window now…

… then create a new Actionscript class…

… call it PlayState and make it son of FlxState class…

Now you’re done, and you should have to .as files: HelloWorld.as and PlayState.as

Your package explorer should look something like this:

This is what you’ll write in HelloWorld.as

1
2
3
4
5
6
7
8
9
10
11
12

package {
	import org.flixel.*; //Allows you to refer to flixel objects in your code
	[SWF(width="520", height="240", backgroundColor="#000000")] //Set the size and color of the Flash file
 
	public class HelloWorld extends FlxGame
	{
		public function HelloWorld()
		{
			super(260,120,PlayState,2); //Create a new FlxGame object at 320x240 with 2x pixels, then load PlayState
		}
	}
}

And this is the content of PlayState.as

1
2
3
4
5
6
7
8
9
10
11

package
{
	import org.flixel.*;
	public class PlayState extends FlxState
	{
		override public function create():void
		{
			add(new FlxText(0,0,100,"Hello, World!")); //adds a 100px wide text field at position 0,0 (upper left)
		}
	}
}

No need to comment anything because I’ll do it in next tutorial, when I’ll create something more exciting and explain it step by step.

This is the (amazing) result…

… stay tuned

Rate this post: (2 votes, average: 5.00 out of 5)

 Loading ...

If you found this post useful, please consider a small donation.

3 Responses

1. HiddenSpartan says:

   April 17, 2010 at 12:24 am

   I’ve heard that there were problems with Flixel and Flex 4, I don’t know that they’ve been resolved yet.
   Another interesting topic that I would recommend picking up: the free haXe compiler.

   Reply
2. Tetris says:

   April 19, 2010 at 8:37 am

   I agree with HiddenSpartan. Rather then starting to learn Flex 4 and/or Flizel, I would definitly be more interested in reading and learning about haXe. I’ve heard only good things about it, so this would be something I’d love to read here :)

   Reply
3. Emanuele Feronato - italian geek and PROgrammer says:

   May 3, 2010 at 11:26 pm

   [...] Creation of a game with flixel and Flash Builder 4 [...]

   Reply