Phaser 2: Can`t load image after preload() function

[MrLane]

 

var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create});

 

function preload(){

      game.load.image('tardis', "./tardis.jpg");

}

 

function create() {

 

       game.stage.backgroundColor = '#182d3b';

       var sprite1 = game.add.sprite(40, 100, 'tardis');

       //if i move it to preload t works fine

      game.load.image('flower', './flower.jpeg');

 

      game.load.start();

      var sprite2 = game.add.sprite(100, 100, 'flower');

 

      //ERROR:
      //Phaser.Cache.getImage: Key "flower" not found in Cache

}

[gyfak]

You must load flower pic on preload function

 

[charlie_says]

sure @MrLane

the problem is you're trying to add the new image before it's loaded. 

so:

 

game.load.image('flower', './flower.jpeg');
game.load.onLoadComplete.add(newImageLoaded, this);
game.load.start();

function newImageLoaded()
{
var sprite2 = game.add.sprite(100, 100, 'flower');
}