Wait for Image to load ?

A problem I have with several plugin : how to force the runtime to load Image when I do something like a new Image() inside my plugin ?

Usually, we do something like :

var img = new Image();

img.onload = function (){

ctx.drawImage(img);

}

img.src = myurl

But onload() doesn't fire. Is there a way to do that ?

I saw that some plugin for Scirra use

this.runtime.wait_for_textures.push(...);[/]

But it doesn't work either.

So I'm stuck...

don't use img.onload. It either won't fire or it will fire as soon as you change the SRC attribute, and there are no workarounds.

use img.completed, which is a flag that returns TRUE when the image is loaded. You'd have to check it every tick though. In my "insert external image into sprite frame" plugin (I can't come up with a good name), I use cf_fake_trigger and evaluate that flag every tick.

You can use the runtime wait_for_textures, but it only works in the object type constructor, which runs just before the loading bar appears. During runtime you can't use it.

and what about jQuery(elem).load() ?

Ashley : ok, so I think I'm going to use Fimbul's trick.

septeven : it doesn't work either, because the jQuery .load() use .onload beneath it.