O'Reilly logo

Haxe Game Development Essentials by Jeremy McCurdy

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Adding a background and basic UI

We're going to start by adding a background, and two text fields to display the score and game time to the player. Open up PlayState.hx, and we'll add some variables.

Inside the class, add the following variables:

private var background:FlxSprite;
private var txtScore:FlxText;
private var txtTime:FlxText;

The background is a FlxSprite object. It is used when you want to display an art asset or a shape drawn by HaxeFlixel. The txtScore and txtTime variables are FlxText objects, and as the name implies, they're used to display text.

After this, go inside the create function and add the following underneath super.create():

background = new FlxSprite(); background.loadGraphic(AssetPaths.gameBackground__png); add(background); ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required