Loading a texture directly from image?

[2dt]

The most prominent method for loading textures seems to be the .fromImage functions, which use URLs. What if I have a raw image source, but no URL (like an image generated inside the app). How would I go about making a texture out of that?

[bubamara]

Draw that image to canvas and then use .fromCanvas

Or use base64 encoded string as source for texture

[xerver]

The Texture class is created from a BaseTexture which is created from a texture source (such as an image or canvas). When you do "PIXI.Texture.fromImage('my/url/image.png');" basically what happens is this:

var img = new Image();img.src = 'my/url/image.png';var base = new PIXI.BaseTexture(img),    texture = new PIXI.Texture(base);// return you the texture

If you already have the image, you can just create a base texture from it and thereby a texture that you can use in your sprites. Hope this helps.

[2dt]

Fantastic. Thank you.

[MichalGo]

Hello. Is there a way to do same with ImageBitmap? As I can see currently it is not possible to inject bitmap into BaseTexture as a resource.

Edited February 28, 2020 by MichalGo

[ivan.popelyshev]

1 hour ago, MichalGo said:

Hello. Is there a way to do same with ImageBitmap? As I can see currently it is not possible to inject bitmap into BaseTexture as a resource.

Use "new BaseTexture(imageBitmap)" in latest pixi (5.1 or 5.2) . Or directly "new BaseTexture(new PIXI.resources.ImageBitmapResource(imageBitmap))"

Edited February 28, 2020 by ivan.popelyshev