Step 1:
Embed an image into the FlashDevelop project.
I have written a tutorial on how to do this here: Embed an image with Haxe and FlashDevelop tutorial.

Step 2:
Wrap the bitmap in a sprite.

A bitmap will not respond to a mouse click event. The simple solution to this is to create a sprite and add the bitmap as a child of the sprite.

var sprite:Sprite;
sprite = new Sprite();
sprite.addChild(new Bitmap(new ExampleBitmapData(),
    flash.display.PixelSnapping.AUTO, false));
flash.Lib.current.addChild(sprite);

Step 3:
Bind the sprite’s on click event to a function.

sprite.addEventListener(MouseEvent.CLICK, SpriteClicked);

Step 3:
Handle the sprite clicked event.

For the sprite MouseEvent.Click to be handled you will need an event handler with the following signature.

function SpriteClicked(event:MouseEvent) : Void

Step 4:
Open the url on click.

Now that the sprite has a function bound to it’s mouse click event we can simply open a url in the event handler function. Haxe has a library function for opening url’s called getURL. It takes a URLRequest object as an argument.

Here is a simple example of opening a url.

flash.Lib.getURL(new URLRequest("http://xlandersoftware.com"), "_blank");

Example:




Download Example Project

Software Versions Used:

• FlashDevelop 3.0.5
• Haxe 2.03
• Flash 10

Step 1:

Import an image into your FlashDevelop project. You can do in one of two ways.

• Drag an image from Windows Explorer onto the project tree in FlashDevelop.
• Right click the project tree, select Add, select Existing File and then select an image.

If you have imported the image correctly you will see it listed in the project tree in FlashDevelop as in this picture.

Step 2:

Adding the image to the asset library.

Adding the image to the asset library tells FlashDevelop to embed the asset into the Flash application.

1. Right click the image in the project tree.
2. Select Add To Library

If you have successfully added the image to the asset library it will display with blue text in the project tree.

Step 3:

Create an image class.

To be able to access the image Haxe needs a class that extends BitmapData for the embedded image to reference. This is the class you use in your code as a BitmapData object.

1. Right click your project and select Add, New Class
2. Name the class FishBitmapData.hx
3. Declare the class to extends BitmapData
4. class FishBitmapData extends BitmapData { public function new() { super(0, 0); } }

Step 4:

Reference the image class from the embedded image.

The FishBitmapData class needs to be able to reference the embedded image, this is done by setting the image id in the asset library.

1. Right click the image in the project tree.
2. Select Options
3. Select the Advanced tab
4. Uncheck the “Auto generate id for attachMovie();” option
5. Enter a full class name in the text box underneath. “com.xlandersoftware.embeddedimage.FishBitmapData”
6. Check the embed as Bitmap instead of Clip option.

Step 5:

Create a bitmap.

Create a new Bitmap using the embedded image as the BitmapData and add it to the stage.

var bitmap:Bitmap;
bitmap = new Bitmap(new FishBitmapData(), flash.display.PixelSnapping.ALWAYS, false);
flash.Lib.current.addChild(bitmap);

Example:




Download Example Project

Credits:

The fish picture comes from “Fishing Girl” art by Daniel Cook (Lostgarden.com)

Software Versions Used:

• FlashDevelop 3.0.5
• Haxe 2.03
• Flash 10

Step 1:

Import a true type font into your FlashDevelop project. You can do in one of two ways.

• Drag a font from Windows Explorer onto the project tree in FlashDevelop.
• Right click the project tree, select Add, select Existing File and then select a font.

If you have imported the font correctly you will see it listed in the project tree in FlashDevelop as in this picture.

Step 2:

Adding the font to the asset library.

Adding the font to the asset library tells FlashDevelop to embed the asset into the Flash application.

1. Right click the font in the project tree.
2. Select Add To Library

If you have successfully added the font to the asset library it will display with blue text in the project tree.

Step 3:

Give the font a friendly name.

Now that the font is embedded in our application we are able to use it in our code. By default FlashDevelop tends to give library assets long names, how ever it is very easy to give assets more friendly names.

1. Right click the font in the project tree.
2. Select Options
3. Select the Advanced tab
4. Uncheck the “Auto generate id for attachMovie();” option
5. Enter a friendly name in the text box underneath.

Step 4:

Display some text.

The TextField and TextFormat are the classes needed to display the text on the screen with a custom font.  Create a TextFormat object and set the font field to the friendly name that you gave your font in step 3.

textFormat.font = “Rexlia”;

Next create a TextField object. Set the embedFonts field to true and then set the defaultTextFormat field to the TextFormat object you created earlier. Add it to your stage as per normal and you should now see some text on the screen using the embedded font.

textField.embedFonts = true;
textField.defaultTextFormat = textFormat;
flash.Lib.current.addChild(textField);

Example:




Download Example Project

Software Versions Used:

• FlashDevelop 3.0.5
• Haxe 2.03
• Flash 10