UnityMirror/spine-runtimes
1
0
Fork 0
mirror of https://github.com/EsotericSoftware/spine-runtimes.git synced 2026-03-26 22:49:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

[ts][pixi] Added PMA support.

Browse Source
This commit is contained in:
Davide Tantillo 2024-03-26 12:15:51 +01:00
parent 5cdedfa845
commit 6adfde3c0f
No known key found for this signature in database
GPG Key ID: 473ABA42CC0FDDC6
2 changed files with 23 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
spine-ts/spine-pixi/example/mouse-following.html
View File

@ -49,6 +49,7 @@
// Make the stage interactive and register pointer events // Make the stage interactive and register pointer events
app.stage.eventMode = "dynamic"; app.stage.eventMode = "dynamic";
app.stage.hitArea = app.screen;
let isDragging = false; let isDragging = false;
app.stage.on("pointerdown", (e) => { app.stage.on("pointerdown", (e) => {

28
spine-ts/spine-pixi/src/assets/atlasLoader.ts
View File

@ -26,13 +26,13 @@
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THE * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THE
* SPINE RUNTIMES, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. * SPINE RUNTIMES, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*****************************************************************************/ *****************************************************************************/
import { TextureAtlas } from "@esotericsoftware/spine-core"; import { TextureAtlas } from "@esotericsoftware/spine-core";
import { SpineTexture } from "../SpineTexture.js"; import { SpineTexture } from "../SpineTexture.js";
import type { AssetExtension, Loader } from "@pixi/assets"; import type { AssetExtension, Loader } from "@pixi/assets";
import { Assets } from "@pixi/assets";
import { LoaderParserPriority, checkExtension } from "@pixi/assets"; import { LoaderParserPriority, checkExtension } from "@pixi/assets";
import type { Texture } from "@pixi/core"; import type { Texture } from "@pixi/core";
import { ExtensionType, settings, utils, BaseTexture, extensions } from "@pixi/core"; import { ALPHA_MODES, ExtensionType, settings, utils, BaseTexture, extensions } from "@pixi/core";
type RawAtlas = string; type RawAtlas = string;
@ -77,7 +77,7 @@ const spineTextureAtlasLoader: AssetExtension<RawAtlas | TextureAtlas, ISpineAtl
basePath += "/"; basePath += "/";
} }
// Retval is going to be a texture atlas. However we need to wait for it's callback to resolve this promise. // Retval is going to be a texture atlas. However, we need to wait for its callback to resolve this promise.
const retval = new TextureAtlas(asset); const retval = new TextureAtlas(asset);
// If the user gave me only one texture, that one is assumed to be the "first" texture in the atlas // If the user gave me only one texture, that one is assumed to be the "first" texture in the atlas
@ -90,6 +90,17 @@ const spineTextureAtlasLoader: AssetExtension<RawAtlas | TextureAtlas, ISpineAtl
// we will wait for all promises for the textures at the same time at the end. // we will wait for all promises for the textures at the same time at the end.
const textureLoadingPromises = []; const textureLoadingPromises = [];
// setting preferCreateImageBitmap to false for loadTextures loader to allow loading PMA images
let oldPreferCreateImageBitmap = true;
for (const parser of loader.parsers) {
if (parser.name == "loadTextures") {
oldPreferCreateImageBitmap = parser.config?.preferCreateImageBitmap;
break;
}
}
Assets.setPreferences({ preferCreateImageBitmap: false });
// fill the pages // fill the pages
for (const page of retval.pages) { for (const page of retval.pages) {
const pageName = page.name; const pageName = page.name;
@ -98,15 +109,20 @@ const spineTextureAtlasLoader: AssetExtension<RawAtlas | TextureAtlas, ISpineAtl
page.setTexture(SpineTexture.from(providedPage)); page.setTexture(SpineTexture.from(providedPage));
} else { } else {
const url: string = providedPage ?? utils.path.normalize([...basePath.split(utils.path.sep), pageName].join(utils.path.sep)); const url: string = providedPage ?? utils.path.normalize([...basePath.split(utils.path.sep), pageName].join(utils.path.sep));
const pixiPromise = loader.load<Texture>({ src: url, data: metadata.imageMetadata }).then((texture) => { const assetsToLoadIn = { src: url, data: { ...metadata.imageMetadata, ...{ alphaMode: page.pma ? ALPHA_MODES.PMA : ALPHA_MODES.UNPACK } } };
page.setTexture(SpineTexture.from(texture.baseTexture)); const pixiPromise = loader.load<Texture>(assetsToLoadIn)
}); .then((texture) => {
page.setTexture(SpineTexture.from(texture.baseTexture));
});
textureLoadingPromises.push(pixiPromise); textureLoadingPromises.push(pixiPromise);
} }
} }
await Promise.all(textureLoadingPromises); await Promise.all(textureLoadingPromises);
// restoring preferCreateImageBitmap old value for loadTextures loader
Assets.setPreferences({ preferCreateImageBitmap: oldPreferCreateImageBitmap });
return retval; return retval;
}, },
}, },