Basetexture image resource source update on the fly

[Arin D]

Hi,

I am trying to update the basetexture source with different images at different points in my game. In pixi 4 it was easy, we could use  BaseTexture.updateSourceImageO , but in Pixi 5 we dont have this at all.

Is there any straight forward way to do it in Pixi 5 ? I havent found any s far.

Migration to pixi 5 is stalled due to this. Any help is much appreciated.

regards,

Arin

[ivan.popelyshev]

did you look at "baseTexture.resource"? you can create baseTexture out of your own resource or one of pixi classes, and that'll make loading behaviour. Please provide full minimal example if you want exact help, which classes to use, how often do you want to update source, whether its canvas or image, e.t.c.

[Arin D]

i did look at baseTexture.resource.

Here is the details,

using pixi 5 legacy.

myrenderer = new PIXI.autoDetectRenderer
load external graphics using XMLhttpRequest, 

create a new Image() from a blob created from  XMLhttpRequest response
const myTexture = new PIXI.BaseTexture(created image)

create a sprite, using the texture, addChild to the parent container, gets rendered.

so far so good,

I load another texture using  XMLhttpRequest, create new image again then

myTexture.resource.source.src = newly created Image

Nothing happens now, dont see the sprite texture updated

 

 

 

[ivan.popelyshev]

Its not possible anymore to just change it. According to https://github.com/pixijs/pixi.js/tree/dev/packages/core/src/textures/resources there's a special logic that helps to use createImageBitmap if needed, and because of that code is scrumbled that way .. its just not possible.

Maybe its possible to hack BaseTexture and allow to change current resource to another BaseImageResource / ImageResource. Maybe just simple "texture.update()" (Texture, not BaseTexture) will work for you.

Anyway, that research is yours, you are the only one who used undocumented feature that way.

[Arin D]

Got a work around , but how I wish BaseTexture.updateSourceImage() was never truncated, such useful convenient APIs are used by many developers and we dont we expect them to vanish overnight with a version upgrade. 

Thanks anyway.

 

 

 

[ivan.popelyshev]

Then post it!

[ivan.popelyshev]

How do you think I re-port stuff to other people?

[Arin D]

Sorry for the delay in response, nothing fancy,

const listener = async () => {

baseTexture.resource.source.removeEventListener('load', listener)

await baseTexture.resource.load()

baseTexture.resource.update()

}

baseTexture.resource.source.addEventListener('load', listener)

baseTexture.resource.source.src = newcontent.responseURL