Add: Spritesheet option cachePrefix

[bigtimebuddy]

This was a request that was made via Discord.

The use-case is that we have a global TextureCache and a global Assets cache and collisions of textures can easily happen with an app that's a little more complex. Sometimes there's a need to be more specific when loading multiple atlases that might share the same texture name. This change allows users to optionally provide a cachePrefix that prepended to texture IDs whenever adding to TextureCache or Assets' Cache.

Added

• Adds cachePrefix option to Spritesheet
• Adds options for Spritesheet constructor

Chores

• General cleanup of Spritesheet tests to unload assets better

Example

import { Assets } from 'pixi.js';

await Assets.load({
   src: './atlas.json', // contains "background" texture
   data: { cachePrefix: 'atlas.json/' }
});

await Assets.load({
   src: './atlas2.json', // also contains "background" texture
   data: { cachePrefix: 'atlas2.json/' }
});

const background = Assets.get('atlas.json/background');
const background2 = Assets.get('atlas2.json/background');

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 978ae57:

Sandbox	Source
pixi.js-sandbox	Configuration

[aaclayton]

This would certainly resolve my use case of needing to namespace same-named textures in multiple loaded spritesheets, so looks good to me!