Introduction

Scene

The Scene (represented by ) is a special object which is at the root of the scene tree. In hxd.App it is accessible by using the variable. You will need to add your objects to the scene before they can be displayed. The Scene also handles events such as clicks, touch, and keyboard keys.

class Myapp extends hxd.App
{
    override private function init():Void
    {
        super.init();
        s2d;                            // the current scene
        var myscene = new h2d.Scene();  // create a new scene
        setScene(myscene);              // set it as the current scene
        var myobj2 = new h2d.Object();
        s2d.addChild(myobj2);
        var myobj = new h2d.Object(s2d);// add myobj to s2d by passing s2d as parameter
    }
}

An Image (represented by ) is an image resource loaded from the filesystem. It has methods to convert itself into a tile or texture (see below).

var myimage = hxd.Res.img.myImage;
// will load myImage.png/jpg/jpeg/gif from <your project folder>/res/img/
var mytile = myimage.toTile();

Tile

Tile Pivot

By default a tile pivot is to the upper left corner of the part of the texture it represents. The pivot can be moved by modifying the (dx,dy) values of the Tile. For instance by setting the pivot to (-tile.width,-tile.height), it will now be at the bottom right of the Tile. Changing the pivot affects the way bitmaps are displayed and the way local transformations (such as rotations) are performed.

A Bitmap (represented by h2d.Bitmap) is a 2D object that allows you to display a unique Tile at the sprite position.

var mybitmap = new h2d.Bitmap(myimagetile);
s2d.addChild(mybitmap);

    bmp.tile.dx = -50;
    bmp.tile.dy = -50;

Pixels

Pixels (represented by hxd.Pixels) are a picture stored in local memory which you can modify and access its individual pixels. In Heaps, before being displayed, pixels needs to be turned into a Texture.

A Texture (represented by ) whose per-pixel data is located in GPU memory. You can no longer access its pixels or modify it in an efficient way. But it can be used to display 3D models or 2D pictures.

var mytex = myimage.toTexture();

Example

    class Main extends hxd.App {
        var bmp : h2d.Bitmap;
            // allocate a Texture with red color and creates a 100x100 Tile from it
            // create a Bitmap object, which will display the tile
            // and will be added to our 2D scene (s2d)
            bmp = new h2d.Bitmap(tile, s2d);
            // modify the display position of the Bitmap sprite
            bmp.x = s2d.width * 0.5;
            bmp.y = s2d.height * 0.5;
        }
        // on each frame
        override function update(dt:Float) {
            // increment the display bitmap rotation by 0.1 radians
            bmp.rotation += 0.1;
        }
        static function main() {
            new Main();
    }