Allow passing BaseTexture options to Loader

[bigtimebuddy]

Fixes #7148

Now BaseTexture options can be passed to the metadata field.

loader.add('bunny', 'bunny.png', { metadata: {
  scaleMode: PIXI.SCALE_MODES.NEAREST,
  resolution: 1,
}});

loader.add('logo', 'logo.svg', { metadata: {
  resourceOptions: {
    scale: 0.25
  }
}});

🔥 Breaking Change

• This changes the default load type for SVG images. Instead of loading as an <img> element, SVGs are loaded as text with resource-loader, and parsed with SVGResource.

🔬 Demos

https://jsfiddle.net/bigtimebuddy/gs6d81qk/ (png)
https://jsfiddle.net/bigtimebuddy/qwb6nduv/ (svg)

Follow-up Needed

• Error handling for Textures & Loader is awful. We need to do a better job of handling internal errors with the fromLoader function. I suggest we return a Promise like fromUrl, and make sure the Loader does not swallow errors.

[codecov-io]

Codecov Report

Merging #7183 (3fb192e) into dev (97db247) will not change coverage.
The diff coverage is n/a.

@@            Coverage Diff            @@
##               dev     #7183   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           17        17           
  Lines          699       699           
=========================================
  Hits           699       699           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 97db247...3fb192e. Read the comment docs.

[ivanpopelyshev]

It works!
Though it needs unit-tests for loader

+1 for error Handling problems

[bigtimebuddy]

I have some ideas how to handle resource errors and bubble them up to the loader. Will work on that next. But yes on unit tests. Will add.

[bigtimebuddy]

Okay I added unit-tests which uncovered an async error with SVGs. Basically, I needed to wait until the resource was completely finished loading before continuing with the Loader.

[ivanpopelyshev]

Good!

[ShukantPal]

LGTM!

[saraOrkide]

How can I zoom in on svg sharply and control the gpu to slow it down?
Or how can I update the resolution or scale value each time I zoom in

[ivanpopelyshev]

Its possible, but so far people who did it didnt share :) If you give a demo that needs quality - someone can do that. From grounds up? sorry, no.

[ShukantPal]

You could use @pixi-essentials/svg for sharp rendering of SVG files

[saraOrkide]

You could use @pixi-essentials/svg for sharp rendering of SVG files

When the number of svg paths is high and the use tag is used, it becomes very slow and does not support the pattern.

[saraOrkide]

Its possible, but so far people who did it didnt share :) If you give a demo that needs quality - someone can do that. From grounds up? sorry, no.

Well, there is no way I can better display svg with resolution and scaled when zooming

[ShukantPal]

I think you can increase the width/height of the SVG, and then create a texture from it at that higher size