mirror of
https://github.com/EsotericSoftware/spine-runtimes.git
synced 2026-02-04 22:34:53 +08:00
263 lines
8.9 KiB
TypeScript
263 lines
8.9 KiB
TypeScript
/******************************************************************************
|
|
* Spine Runtimes Software License v2.5
|
|
*
|
|
* Copyright (c) 2013-2016, Esoteric Software
|
|
* All rights reserved.
|
|
*
|
|
* You are granted a perpetual, non-exclusive, non-sublicensable, and
|
|
* non-transferable license to use, install, execute, and perform the Spine
|
|
* Runtimes software and derivative works solely for personal or internal
|
|
* use. Without the written permission of Esoteric Software (see Section 2 of
|
|
* the Spine Software License Agreement), you may not (a) modify, translate,
|
|
* adapt, or develop new applications using the Spine Runtimes or otherwise
|
|
* create derivative works or improvements of the Spine Runtimes or (b) remove,
|
|
* delete, alter, or obscure any trademarks or any copyright, trademark, patent,
|
|
* or other intellectual property or proprietary rights notices on or in the
|
|
* Software, including any copy thereof. Redistributions in binary or source
|
|
* form must include this license and terms.
|
|
*
|
|
* THIS SOFTWARE IS PROVIDED BY ESOTERIC SOFTWARE "AS IS" AND ANY EXPRESS OR
|
|
* IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
|
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO
|
|
* EVENT SHALL ESOTERIC SOFTWARE BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
|
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
|
|
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES, BUSINESS INTERRUPTION, OR LOSS OF
|
|
* USE, DATA, OR PROFITS) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER
|
|
* IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
|
|
* ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
|
|
* POSSIBILITY OF SUCH DAMAGE.
|
|
*****************************************************************************/
|
|
|
|
module spine {
|
|
export class AssetManager implements Disposable {
|
|
private pathPrefix: string;
|
|
private textureLoader: (image: HTMLImageElement) => any;
|
|
private assets: Map<any> = {};
|
|
private errors: Map<string> = {};
|
|
private toLoad = 0;
|
|
private loaded = 0;
|
|
|
|
constructor (textureLoader: (image: HTMLImageElement) => any, pathPrefix: string = "") {
|
|
this.textureLoader = textureLoader;
|
|
this.pathPrefix = pathPrefix;
|
|
}
|
|
|
|
private static downloadText (url: string, success: (data: string) => void, error: (status: number, responseText: string) => void) {
|
|
let request = new XMLHttpRequest();
|
|
request.open("GET", url, true);
|
|
request.onload = () => {
|
|
if (request.status == 200) {
|
|
success(request.responseText);
|
|
} else {
|
|
error(request.status, request.responseText);
|
|
}
|
|
}
|
|
request.onerror = () => {
|
|
error(request.status, request.responseText);
|
|
}
|
|
request.send();
|
|
}
|
|
|
|
private static downloadBinary (url: string, success: (data: Uint8Array) => void, error: (status: number, responseText: string) => void) {
|
|
let request = new XMLHttpRequest();
|
|
request.open("GET", url, true);
|
|
request.responseType = "arraybuffer";
|
|
request.onload = () => {
|
|
if (request.status == 200) {
|
|
success(new Uint8Array(request.response as ArrayBuffer));
|
|
} else {
|
|
error(request.status, request.responseText);
|
|
}
|
|
}
|
|
request.onerror = () => {
|
|
error(request.status, request.responseText);
|
|
}
|
|
request.send();
|
|
}
|
|
|
|
loadText(path: string,
|
|
success: (path: string, text: string) => void = null,
|
|
error: (path: string, error: string) => void = null) {
|
|
path = this.pathPrefix + path;
|
|
this.toLoad++;
|
|
|
|
AssetManager.downloadText(path, (data: string): void => {
|
|
this.assets[path] = data;
|
|
if (success) success(path, data);
|
|
this.toLoad--;
|
|
this.loaded++;
|
|
}, (state: number, responseText: string): void => {
|
|
this.errors[path] = `Couldn't load text ${path}: status ${status}, ${responseText}`;
|
|
if (error) error(path, `Couldn't load text ${path}: status ${status}, ${responseText}`);
|
|
this.toLoad--;
|
|
this.loaded++;
|
|
});
|
|
}
|
|
|
|
loadTexture (path: string,
|
|
success: (path: string, image: HTMLImageElement) => void = null,
|
|
error: (path: string, error: string) => void = null) {
|
|
path = this.pathPrefix + path;
|
|
this.toLoad++;
|
|
let img = new Image();
|
|
img.crossOrigin = "anonymous";
|
|
img.onload = (ev) => {
|
|
let texture = this.textureLoader(img);
|
|
this.assets[path] = texture;
|
|
this.toLoad--;
|
|
this.loaded++;
|
|
if (success) success(path, img);
|
|
}
|
|
img.onerror = (ev) => {
|
|
this.errors[path] = `Couldn't load image ${path}`;
|
|
this.toLoad--;
|
|
this.loaded++;
|
|
if (error) error(path, `Couldn't load image ${path}`);
|
|
}
|
|
img.src = path;
|
|
}
|
|
|
|
loadTextureData(path: string, data: string,
|
|
success: (path: string, image: HTMLImageElement) => void = null,
|
|
error: (path: string, error: string) => void = null) {
|
|
path = this.pathPrefix + path;
|
|
this.toLoad++;
|
|
let img = new Image();
|
|
img.onload = (ev) => {
|
|
let texture = this.textureLoader(img);
|
|
this.assets[path] = texture;
|
|
this.toLoad--;
|
|
this.loaded++;
|
|
if (success) success(path, img);
|
|
}
|
|
img.onerror = (ev) => {
|
|
this.errors[path] = `Couldn't load image ${path}`;
|
|
this.toLoad--;
|
|
this.loaded++;
|
|
if (error) error(path, `Couldn't load image ${path}`);
|
|
}
|
|
img.src = data;
|
|
}
|
|
|
|
loadTextureAtlas (path: string,
|
|
success: (path: string, atlas: TextureAtlas) => void = null,
|
|
error: (path: string, error: string) => void = null) {
|
|
let parent = path.lastIndexOf("/") >= 0 ? path.substring(0, path.lastIndexOf("/")) : "";
|
|
path = this.pathPrefix + path;
|
|
this.toLoad++;
|
|
|
|
AssetManager.downloadText(path, (atlasData: string): void => {
|
|
var pagesLoaded: any = { count: 0 };
|
|
var atlasPages = new Array<string>();
|
|
try {
|
|
let atlas = new spine.TextureAtlas(atlasData, (path: string) => {
|
|
atlasPages.push(parent + "/" + path);
|
|
let image = document.createElement("img") as HTMLImageElement;
|
|
image.width = 16;
|
|
image.height = 16;
|
|
return new spine.FakeTexture(image);
|
|
});
|
|
} catch (e) {
|
|
let ex = e as Error;
|
|
this.errors[path] = `Couldn't load texture atlas ${path}: ${ex.message}`;
|
|
if (error) error(path, `Couldn't load texture atlas ${path}: ${ex.message}`);
|
|
this.toLoad--;
|
|
this.loaded++;
|
|
return;
|
|
}
|
|
|
|
for (let atlasPage of atlasPages) {
|
|
let pageLoadError = false;
|
|
this.loadTexture(atlasPage, (imagePath: string, image: HTMLImageElement) => {
|
|
pagesLoaded.count++;
|
|
|
|
if (pagesLoaded.count == atlasPages.length) {
|
|
if (!pageLoadError) {
|
|
try {
|
|
let atlas = new spine.TextureAtlas(atlasData, (path: string) => {
|
|
return this.get(parent + "/" + path);
|
|
});
|
|
this.assets[path] = atlas;
|
|
if (success) success(path, atlas);
|
|
this.toLoad--;
|
|
this.loaded++;
|
|
} catch (e) {
|
|
let ex = e as Error;
|
|
this.errors[path] = `Couldn't load texture atlas ${path}: ${ex.message}`;
|
|
if (error) error(path, `Couldn't load texture atlas ${path}: ${ex.message}`);
|
|
this.toLoad--;
|
|
this.loaded++;
|
|
}
|
|
} else {
|
|
this.errors[path] = `Couldn't load texture atlas page ${imagePath}} of atlas ${path}`;
|
|
if (error) error(path, `Couldn't load texture atlas page ${imagePath} of atlas ${path}`);
|
|
this.toLoad--;
|
|
this.loaded++;
|
|
}
|
|
}
|
|
}, (imagePath: string, errorMessage: string) => {
|
|
pageLoadError = true;
|
|
pagesLoaded.count++;
|
|
|
|
if (pagesLoaded.count == atlasPages.length) {
|
|
this.errors[path] = `Couldn't load texture atlas page ${imagePath}} of atlas ${path}`;
|
|
if (error) error(path, `Couldn't load texture atlas page ${imagePath} of atlas ${path}`);
|
|
this.toLoad--;
|
|
this.loaded++;
|
|
}
|
|
});
|
|
}
|
|
}, (state: number, responseText: string): void => {
|
|
this.errors[path] = `Couldn't load texture atlas ${path}: status ${status}, ${responseText}`;
|
|
if (error) error(path, `Couldn't load texture atlas ${path}: status ${status}, ${responseText}`);
|
|
this.toLoad--;
|
|
this.loaded++;
|
|
});
|
|
}
|
|
|
|
get (path: string) {
|
|
path = this.pathPrefix + path;
|
|
return this.assets[path];
|
|
}
|
|
|
|
remove (path: string) {
|
|
path = this.pathPrefix + path;
|
|
let asset = this.assets[path];
|
|
if ((<any>asset).dispose) (<any>asset).dispose();
|
|
this.assets[path] = null;
|
|
}
|
|
|
|
removeAll () {
|
|
for (let key in this.assets) {
|
|
let asset = this.assets[key];
|
|
if ((<any>asset).dispose) (<any>asset).dispose();
|
|
}
|
|
this.assets = {};
|
|
}
|
|
|
|
isLoadingComplete (): boolean {
|
|
return this.toLoad == 0;
|
|
}
|
|
|
|
getToLoad (): number {
|
|
return this.toLoad;
|
|
}
|
|
|
|
getLoaded (): number {
|
|
return this.loaded;
|
|
}
|
|
|
|
dispose () {
|
|
this.removeAll();
|
|
}
|
|
|
|
hasErrors() {
|
|
return Object.keys(this.errors).length > 0;
|
|
}
|
|
|
|
getErrors() {
|
|
return this.errors;
|
|
}
|
|
}
|
|
}
|