//1. Setting up and starting Hexi

//Initialize and start Heximod
let g = heximod(
    {
        //An advantage to doing this is that it lets you use your own custom build of Pixi, or a
        //specific version of Pixi that you want to use.
        pixi: PIXI, // Optional
        
        settings:{
            // All the PIXI.Application (options) are valid
            width: 550,
            height: 400
            // Optional, Provide view-container; i.e canvas to append inside
            // viewContainer: document.getElementById("gameContainer")
        },
        assets: [
            //An array of files you want to load
            "images/cat.png",
            "maps/level.json",
            "images/sprites.json",
            "fonts/puzzler.ttf",
            "sounds/music.mp3"
        ],
        setup,
        load // Optional
});
g.start();

// Optional
// Initialize all the helper modules / external libraries, so that it can be access through top-level reference.
g.injectSystem(function (sys) {
    // - [Bump](https://github.com/kittykatattack/bump):
    sys.bump = new Bump(PIXI);
    // - [Tink](https://github.com/kittykatattack/tink):
    sys.tink = new Tink(PIXI, sys.canvas);
    // - [Sprite Utilities](https://github.com/kittykatattack/spriteUtilities):
    sys.spriteFx = new SpriteUtilities(PIXI);
    // - [Tile Utilities](https://github.com/kittykatattack/tileUtilities):
    sys.tiles = new TileUtilities(PIXI);
    // - [Game Utilities](https://github.com/kittykatattack/gameUtilities):
    sys.gameFx = new GameUtilities();
});

// Optional, a root update method
g.systemUpdate = (data) => {
    g.spriteFx.update();
    g.tink.update();
};

// Optional, middleware on injectValidateAssets
g.injectValidateAssets(callback) {
    // Perform specific task, like custom sound loading.
    return true;
};

//2. Optional, The `load` function that will run while your files are loading

function load(){}

//3. The `setup` function, which initializes your game objects, variables and sprites

function setup() {

  //Create your game objects here

  let sprite = new PIXI.Sprite("player.png");
  // Add to gameStage
  g.gameStage.addChild(sprite);
  // Use addProperties method to access Hexi's sprite built-in feature
  g.addProperties(sprite);

  //Set the game state to `play` to start the game loop
  g.state = play;
}

//4. The `play` function, which is your game or application logic that runs in a loop

function play(data){
  //This is your game loop, where you can move sprites and add your
  //game logic
}