SpriteSheetLoader triggering onComplete too early

[moleboy]

I'm not sure what I'm doing wrong but the onComplete is triggering when the JSON is loaded.  I thought it should wait until the PNG spritesheet that the JSON refers to is loaded too?

 

Any help would be greatly appreciated.  Here's my code

loadAssets: function(){  if(window.devicePixelRatio>1){     this.spriteSheetRef='img/processed/spritesheet_hires.json';  } else {     this.spriteSheetRef='img/processed/spritesheet.json';  }  this.loader = new PIXI.SpriteSheetLoader(this.spriteSheetRef,false);  this.loader.onComplete = this.onAssetsLoaded(this);  this.loader.load();},onAssetsLoaded: function(me){  me.assetsLoaded = true;  console.log("assets loaded");}

[moleboy]

Doh!  Schoolboy error!!

 

I was invoking the onComplete function right away by adding (this) to the this.loader.onComplete = this.onAssetsLoaded

 

Why it took me so long to find it I'll never know!

[Sebi]

this.loader.onComplete = this.onAssetsLoaded.bind(this);

That way "this" refers to the right scope and you don't need your "me" var.

[xerver]

this.loader.onComplete = this.onAssetsLoaded(this);

This does not do what you think it does, this immediately invokes your onAssetsLoaded function and assigns the results (undefined) to onComplete. Sebastian's reply is what you are looking for.