loadTexture() not firing txLoaded event inline unless at least one animation loop has occurred

[hiratariq]

loadTexture() not firing txLoaded event inline unless at least one animation loop has occurred

[frank-weindel]

Hi @hiratariq! Sorry for the delay. Much of the team has been on vacation.

Unfortunately, this is by design. We do not call txLoaded for a texture until it and its Element are "Activated" (see Lifecycle Events). This activation process does not occur until the first render loop.

If you're using loadTexture() in this way, you can actually access the w/h of the texture directly:

class LoadTextureExample extends lng.Application {
	static _template() {
		return {
    	Text1:{ x: 0, y: 0 },
    }
	}
  
  _init() {
    console.log('txLoaded does not execute in between 1 and 2')
    this.tag('Text1').patch({ text: { text: 'Text one', textColor: 0xffffffff }});
    this.tag('Text1').loadTexture();
    console.log('renderWidth', this.tag('Text1').texture.source.w);
    console.log('renderHeight', this.tag('Text1').texture.source.h);
  }
}

https://jsfiddle.net/uxdnr1zt/