post header image for FlashDevelop, Preloaders and GameJacket

FlashDevelop, Preloaders and GameJacket

11th June 2008

This is a clone of the post i made on the GameJacket developer forums here: https://gamejacket.com/forum/topic.asp?TOPIC_ID=59 but i think it deserves a re-post here so it can be googled :)

As i had quite abit of trouble getting GameJacket to fit into my work flow properly and have no finally managed it I have decided to share my experiences and write a tutorial.

So this is a tutorial for using FlashDevelop with the Flex Complier to build a game with a pre-loader that passes the GameJacket security checks.

Firstly i assume you have downloaded and installed Flash Develop successfully (if you havent grab it from here https://www.flashdevelop.org/community/viewforum.php?f=11&sid=322bc6ebe846fdaba31f86627ac2c3ac and follow the install instructions). And i assume you have downloaded the GameJacket developer pack.

Next lets setup a project to work in:

Now we have our project setup lets add a little code into the in our Main.as which will represent our game:

package

{

import flash.display.Bitmap;

import flash.display.Sprite;

public class Main extends Sprite

{

[Embed(source = "cat.gif")]

public var Cat:Class;

public function Main():void

{

var bm : Bitmap = Bitmap(new Cat());

addChild(bm);

}

}

}

You will obviously replace this with your actual game code but for the purposes of this tutorial the game consists of a very large picture of a cat.

Try running this now, as you should expect there is our "game" up and running.

The next step is to add the GameJacket security code. To do this lets add a new class to the project and call it GJCheck.as:

Now we are going to fill this with the same code as there is in the "main.as" of the AS3 folder of the GameJacket Developer Pack:

package

{

import flash.display.Sprite;

import flash.display.LoaderInfo;

import flash.events.Event;

import flash.text.TextField;

import flash.text.TextFieldAutoSize;

public class GJCheck extends Sprite

{

public var GameJacketSec : GameJacketAS3 = new GameJacketAS3();

public function GJCheck()

{

// Setup and run GameJacket Security Code

// GameJacketAS3.as file must be in the same folder as your fla when publishing

GameJacketSec.setVariables(LoaderInfo(this.root.loaderInfo));

// Add Event Listeners so we know the outcome of the security checks

GameJacketSec.addEventListener("GameJacketPass", securityOK);

GameJacketSec.addEventListener("GameJacketFail", securityError);

}

private function securityOK(e:Event):void

{

// Remove the event listeners

GameJacketSec.removeEventListener("GameJacketPass", securityOK);

GameJacketSec.removeEventListener("GameJacketFail", securityError);

}

private function securityError(e:Event):void

{

// Remove the event listeners

GameJacketSec.removeEventListener("GameJacketPass", securityOK);

GameJacketSec.removeEventListener("GameJacketFail", securityError);

// This function will run if the game does not pass the security checks

var tf : TextField = new TextField();

tf.text = "An error has occured please contact: you@webmaster.com";

tf.autoSize = TextFieldAutoSize.CENTER;

tf.x = (stage.stageWidth / 2)-(tf.textWidth/2);

tf.y = stage.stageHeight / 2;

addChild(tf);

}

}

}

As you can see this is just the standard Game Jacket security check code but with a little more helpful message if the the security check fails.

Now this is in we need to make sure that this is our new "document" class for the game, to do this in FlashDevelop right-click GJCheck.as and select always compile:

Now you can test run your game again and unsurprisingly you should be presented with "An error has occured please contact: you@webmaster.com", this is because your game hasnt been uploaded to the GameJacket website yet and hasnt been approved.

To get around the security check and make the rest of this tutorial possible change the constructor in GJCheck.as to add this line:

public function GJCheck()

{

...

securityOK(null); // Dont forget to remove this line before submitting to GJ

}

Also add this line so that when the security succeeds we start the Preloader:

private function securityOK(e:Event):void

{

...

// Start the preloader

addChild(new Preloader());

}

And now add a new class to the project and call it Preloader.as and make it extend Sprite. Before we write the code for the preloader we need to setup flash develop so that it compiles our game into the second frame of the Flash Movie, this way our preloader can sit on the first frame and monitor the loading progress of the second frame.

To do this we need to change add some additional compiler options to the flex compile line. To do this right click the project in the project explorer and select properties then go to the compiler options tab and enter "-frame two Main" in the Additional Compiler Options box:

Now our preloader should be loaded by flash first and then the game second.

Next we just have to flesh out the preloader, i have omitted the code here but you can view all the code in the source provided in this turorial.

And thats all there is to it, you can now test out your game, if you do test it locally you probablly wont see any loading progress as it loads too fast, but if you upload it to the web somewhere you will see the loading percent tick up and then finally you will be presented with a start button to start the game!

!!DONT FORGET!! Dont forget to remove the "securityOK(null);" in the GJCheck constructor before you try to upload to GameJacket or else you will pass the security check every time when you are supposed to fail.

Download project source code: https://www.mikecann.co.uk/flash/GameJacketTutorial/GameJacketProject.zip

SUBSCRIBE TO FUTURE POSTS

COMMENT