Introduction Part 3: Basic Code Template

Go back to Introduction

Starting the basic template

Go to "Project -> New Project" and choose an “AS3 Project”.
Browse to the games folder and go to src subfolder:
Extract the flixel engine there, which is in the "org" folder.

Now, put this code on the Main.as:

package
{
    /**
    * ...
    * @author pisces_eyes
    */
    
    import org.flixel.*;
    import com.game.MenuState;
    
    [SWF(width = "640", height = "480", backgroundColor = "#000000")]
    [Frame(factoryClass="Preloader")]
    
    public class Main extends FlxGame
    {
    
        public function Main():void
        {
        super(640, 480, MenuState, 1);
        }
    
    }

}

Put this code on Preloader.as:

package
{
    /**
    * ...
    * @author pisces_eyes
    */
    
    import org.flixel.FlxPreloader;
    
    public class Preloader extends FlxPreloader
    {
    
        public function Preloader()
        {
        className = "Main";
        super();
        }
    
    }
    
}

Create a new folder inside the same "src" folder named "com\game".
Under the com\game folder, create 2 new files:"MenuState.as and PlayState.as":

MenuState.as:

package com.game
{
    /**
    * ...
    * @author pisces_eyes
    */
    
    import flash.ui.Mouse;
    import org.flixel.*;
    
    public class MenuState extends FlxState
    {
    
        override public function create():void
        {
            var txt:FlxText
            txt = new FlxText(0, (FlxG.height / 2) - 32, FlxG.width, "Flixel Empty Game\n(MenuState)")
            txt.setFormat(null,32,0xFFFFFFFF,"center")
            this.add(txt);
            
            txt = new FlxText(0, FlxG.height - 32, FlxG.width, "CLICK OR PRESS X TO START")
            txt.setFormat(null, 16, 0xFFFFFFFF, "center");
            this.add(txt);
        }
    
        override public function update():void
        {
            if (FlxG.keys.pressed("X") || FlxG.mouse.justPressed())
            {
                FlxG.flash.start(0xffffffff, 0.75);
                FlxG.fade.start(0xff000000, 1, onFade);
            }
        
            Mouse.show();
            
            super.update();
        }
    
        private function onFade():void
        {
            FlxG.state = new PlayState();
        
        }
    
    }

}

PlayState.as:

package com.game
{
    /**
    * ...
    * @author pisces_eyes
    */
    
    import flash.ui.Mouse;
    import org.flixel.*;
    
    public class PlayState extends FlxState
    {
    
        override public function create():void
        {
            var txt:FlxText
            txt = new FlxText(0, (FlxG.height / 2) - 32, FlxG.width, "(PlayState)")
            txt.setFormat(null,32,0xFFFFFFFF,"center")
            this.add(txt);
        }
        
        override public function update():void
        {
            super.update();
            
            Mouse.show();
        }
    
    }

}

Now set Main.as as your startup object and run.

Go back to Introduction