react-simple-game-engine 0.2.7 → 0.2.11

package/lib/classes/scaler.js

@@ -92,10 +92,10 @@ var Scaler = /** @class */ (function () {
     Scaler.prototype.update = function () {
         if (this._layoutMode === LayoutMode.LANDSCAPE) {
             if (this._canvasSize.width >= this._canvasSize.height) {
-                this._value = this._canvasSize.height / this._gameSize.height;
+                this._value = this._canvasSize.width / this._gameSize.width;
             }
             else {
-                this._value = this._canvasSize.width / this._gameSize.width;
+                this._value = this._canvasSize.height / this._gameSize.height;
             }
         }
         else {

package/lib/classes/scene.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="p5" />
-import { ComponentType } from "react";
+import { ComponentType, ReactElement } from "react";
 import { Camera } from "./camera";
 import { LogicComponent } from "./logic-component";
 import { SceneManagement } from "./scene-management";
@@ -8,6 +8,17 @@ import { Prefab } from "./prefab";
 import { Sound } from "./sound";
 import { Avatar, GetSoundOptions, SoundManagement } from "../export-types";
 import { SoundType } from "../export-enums";
+declare type AssetErrorType = "load-sound" | "load-sprite" | "load-extends";
+export declare type AssetsFailBehavior = {
+    skip: true;
+    render?: never;
+} | {
+    skip?: false;
+    render?: (errors: {
+        type: AssetErrorType;
+        detail: any;
+    }[]) => ReactElement;
+};
 declare type SoundOptionsChangeListener<O extends SoundType> = (options: SoundManagement[O]) => void;
 declare type LoadAssetsListener = (loadedAssets: boolean) => void;
 declare type EntityPropsChangeListener<V = any> = (value: V) => void;
@@ -16,6 +27,7 @@ export declare abstract class Scene<UIP = any> {
     private ui;
     private worldManagement;
     private _loadedAssets;
+    private _renderAssetsFail;
     private loadAssetsListener;
     private nativeEventsUnsubscribes;
     private readonly entityPropsChangeListeners;
@@ -33,6 +45,10 @@ export declare abstract class Scene<UIP = any> {
     manager: SceneManagement;
     abstract getComponents(camera: Camera): LogicComponent<EntitySult>[];
     constructor();
+    get renderAssetsFail(): () => ReactElement<any, string | import("react").JSXElementConstructor<any>> | {
+        type: AssetErrorType;
+        detail: any;
+    }[];
     get UI(): ComponentType<UIP> | (() => any);
     get UIProps(): UIP;
     get soundBackgroundOptions(): SoundManagement[SoundType.BACKGROUND];
@@ -66,7 +82,7 @@ export declare abstract class Scene<UIP = any> {
     })[]): Promise<Sound[]>;
     mapSprites(...srcs: string[]): Promise<void>;
     mapSounds(...srcs: string[]): Promise<void>;
-    loadAssets(delay?: number): Promise<void>;
+    loadAssets(delay: number | undefined | null, { skip, render }?: AssetsFailBehavior): Promise<void>;
     onLoadAssets(): Promise<void>;
     getPrefab<C extends EntitySult>(Class: {
         new (...args: any[]): Prefab<C>;

package/lib/classes/scene.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/classes/scene.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AASlC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EACL,MAAM,EACN,eAAe,EAEf,eAAe,EAEhB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C,aAAK,0BAA0B,CAAC,CAAC,SAAS,SAAS,IAAI,CACrD,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,KACxB,IAAI,CAAC;AACV,aAAK,kBAAkB,GAAG,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;AAC1D,aAAK,yBAAyB,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AAC7D,aAAK,0BAA0B,GAAG,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;AAElE,8BAAsB,KAAK,CAAC,GAAG,GAAG,GAAG;IACnC,OAAO,CAAC,EAAE,CAAqB;IAC/B,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,kBAAkB,CAAqB;IAC/C,OAAO,CAAC,wBAAwB,CAAwB;IAExD,OAAO,CAAC,QAAQ,CAAC,0BAA0B,CAGpC;IACP,OAAO,CAAC,QAAQ,CAAC,qCAAqC,CACjD;IACL,OAAO,CAAC,QAAQ,CAAC,+BAA+B,CAC3C;IACL,OAAO,CAAC,QAAQ,CAAC,2BAA2B,CACvC;IACL,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAgB;IACxC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAe;IAC3C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAgB;IAE7C,SAAgB,MAAM,EAAE,KAAK,EAAE,CAAM;IACrC,SAAgB,OAAO,EAAE,MAAM,EAAE,CAAM;IACvC,SAAgB,SAAS,EAAE,MAAM,CAA8C;IAExE,WAAW,EAAE,MAAM,CAAK;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,eAAe,CAAC;aAEhB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,EAAE;;IAY3E,IAAI,EAAE,qCAGL;IAED,IAAI,OAAO,QAEV;IAED,IAAI,sBAAsB,IAAI,eAAe,CAAC,SAAS,CAAC,UAAU,CAAC,CAElE;IAED,IAAI,gBAAgB,IAAI,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAEtD;IAED,IAAI,sBAAsB,CACxB,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EAMxD;IAED,IAAI,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAKrE;IAED,OAAO,CAAC,gBAAgB;IAYxB,SAAS,CAAC,eAAe,IAAI,eAAe;IAI5C,SAAS,CAAC,MAAM;IAEhB,SAAS,CAAC,UAAU,IAAI,GAAG;IAI3B,IAAI,YAAY,IAIuB,OAAO,CAF7C;IAED,OAAO,KAAK,YAAY,QAGvB;IAED,4BAA4B,CAAC,IAAI,EAAE,0BAA0B;IAW7D,wBAAwB,CAAC,IAAI,EAAE,0BAA0B,CAAC,SAAS,CAAC,IAAI,CAAC;IAUzE,8BAA8B,CAC5B,IAAI,EAAE,0BAA0B,CAAC,SAAS,CAAC,UAAU,CAAC;IAWxD,mBAAmB,CAAC,CAAC,GAAG,GAAG,EACzB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAepC,8BAA8B,CAAC,YAAY,EAAE,OAAO;IAOpD,qBAAqB,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAOrD,iBAAiB,CAAC,IAAI,EAAE,kBAAkB;IAI1C,UAAU;IAQV,aAAa,CAAC,GAAG,EAAE,MAAM;IAIzB,OAAO,CAAC,WAAW;YAcL,UAAU;IAcxB,aAAa,CAAC,GAAG,QAAQ,EAAE,CAAC,MAAM,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE;IAcjD,YAAY,CAChB,GAAG,QAAQ,EAAE,CAAC,MAAM,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,EAAE;IAsBxE,UAAU,CAAC,GAAG,IAAI,EAAE,MAAM,EAAE;IAgB5B,SAAS,CAAC,GAAG,IAAI,EAAE,MAAM,EAAE;IAc3B,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM;IAsBzB,YAAY;IAElB,SAAS,CAAC,CAAC,SAAS,UAAU,EAAE,KAAK,EAAE;QACrC,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;KACjC,GAAG,MAAM,CAAC,CAAC,CAAC;IAIb,kBAAkB;IAelB,SAAS,CAAC,MAAM,EAAE,MAAM;IAgCxB,SAAS,CAAC,MAAM;IAChB,SAAS,CAAC,QAAQ;IAElB,MAAM;CAUP"}
+{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/classes/scene.ts"],"names":[],"mappings":"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"}

package/lib/classes/scene.js

@@ -58,6 +58,13 @@ var Scene = /** @class */ (function () {
         this._loadedAssets = false;
         this.onBorn();
     }
+    Object.defineProperty(Scene.prototype, "renderAssetsFail", {
+        get: function () {
+            return this._renderAssetsFail;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Scene.prototype, "UI", {
         get: function () {
             var Ui = this.ui || (function () { return null; });
@@ -195,23 +202,32 @@ var Scene = /** @class */ (function () {
         this.manager.gotoScene(tag);
     };
     Scene.prototype.loadSprites = function () {
-        var _this_1 = this;
-        return parallel(this.spritesDecor, function (decor) { return __awaiter(_this_1, void 0, void 0, function () {
-            var sprite;
+        return __awaiter(this, void 0, void 0, function () {
+            var _this_1 = this;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0:
-                        if (!decor.src) return [3 /*break*/, 2];
-                        return [4 /*yield*/, createAssetImage(decor.src)];
+                    case 0: return [4 /*yield*/, parallel(this.spritesDecor, function (decor) { return __awaiter(_this_1, void 0, void 0, function () {
+                            var sprite;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        if (!decor.src) return [3 /*break*/, 2];
+                                        return [4 /*yield*/, createAssetImage(decor.src)];
+                                    case 1:
+                                        sprite = _a.sent();
+                                        this[decor.propertyKey] = sprite;
+                                        this.sprites.push(sprite);
+                                        _a.label = 2;
+                                    case 2: return [2 /*return*/];
+                                }
+                            });
+                        }); }, MAX_ASSET_PARALLEL_LOAD)];
                     case 1:
-                        sprite = _a.sent();
-                        this[decor.propertyKey] = sprite;
-                        this.sprites.push(sprite);
-                        _a.label = 2;
-                    case 2: return [2 /*return*/];
+                        _a.sent();
+                        return [2 /*return*/];
                 }
             });
-        }); }, MAX_ASSET_PARALLEL_LOAD);
+        });
     };
     Scene.prototype.loadSounds = function () {
         return __awaiter(this, void 0, void 0, function () {
@@ -373,10 +389,12 @@ var Scene = /** @class */ (function () {
             });
         });
     };
-    Scene.prototype.loadAssets = function (delay) {
+    Scene.prototype.loadAssets = function (delay, _a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.skip, skip = _c === void 0 ? false : _c, render = _b.render;
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var result, hasErrors;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0:
                         if (delay != null) {
                             this.assetsDelay = delay;
@@ -385,22 +403,45 @@ var Scene = /** @class */ (function () {
                         return [4 /*yield*/, tick(this.assetsDelay < 0 ? undefined : this.assetsDelay)];
                     case 1:
                         // if delay less than 0, it will wait forever
-                        _a.sent();
+                        _d.sent();
                         this.loadedAssets = false;
                         return [4 /*yield*/, Promise.all([
                                 this.loadSounds().catch(function (err) {
-                                    console.warn("Load sounds fail", err.toString());
+                                    return {
+                                        error: true,
+                                        type: "load-sound",
+                                        detail: err,
+                                    };
                                 }),
                                 this.loadSprites().catch(function (err) {
-                                    console.warn("Load sprites fail", err.toString());
+                                    return {
+                                        error: true,
+                                        type: "load-sprite",
+                                        detail: err,
+                                    };
                                 }),
                                 this.onLoadAssets().catch(function (err) {
-                                    console.warn("Load assets fail", err.toString());
+                                    return {
+                                        error: true,
+                                        type: "load-extends",
+                                        detail: err,
+                                    };
                                 }),
                             ])];
                     case 2:
-                        _a.sent();
-                        this.loadedAssets = true;
+                        result = _d.sent();
+                        hasErrors = result.some(function (rs) { return rs === null || rs === void 0 ? void 0 : rs.error; });
+                        if (hasErrors && !skip) {
+                            // this.loadedAssets = false;
+                            this._renderAssetsFail = function () {
+                                var errors = result.filter(function (rs) { return !!(rs === null || rs === void 0 ? void 0 : rs.error); });
+                                return render ? render(errors) : errors;
+                            };
+                        }
+                        else {
+                            // when dont have error or skip error
+                            this.loadedAssets = true;
+                        }
                         return [2 /*return*/];
                 }
             });
@@ -430,12 +471,18 @@ var Scene = /** @class */ (function () {
         this.bootSoundOptions();
         this.onProcessStateChangeListener(function (isForeground) {
             if (isForeground) {
-                for (var _i = 0, _a = _this_1.sounds; _i < _a.length; _i++) {
-                    var sound = _a[_i];
-                    sound.resume();
+                if (window.Renderer.running) {
+                    for (var _i = 0, _a = _this_1.sounds; _i < _a.length; _i++) {
+                        var sound = _a[_i];
+                        // only resume background sounds
+                        if (sound.type === SoundType.BACKGROUND) {
+                            sound.resume();
+                        }
+                    }
                 }
             }
             else {
+                // pause all sounds
                 for (var _b = 0, _c = _this_1.sounds; _b < _c.length; _b++) {
                     var sound = _c[_b];
                     sound.pause();

package/lib/classes/sound.d.ts

@@ -1,7 +1,7 @@
 import { SoundType } from "../export-enums";
 import { SoundManagement } from "../export-types";
 export declare class Sound {
-    private readonly type;
+    readonly type: SoundType;
     static Management: SoundManagement;
     readonly native: HTMLAudioElement;
     constructor(type?: SoundType);

package/lib/classes/sound.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sound.d.ts","sourceRoot":"","sources":["../../src/classes/sound.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGlD,qBAAa,KAAK;IAWJ,OAAO,CAAC,QAAQ,CAAC,IAAI;IAVjC,MAAM,CAAC,UAAU,EAAE,eAAe,CAOhC;IACF,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAe;gBAEnB,IAAI,GAAE,SAA0B;IAE7D,IAAI,MAAM,IAIM,MAAM,CAFrB;IAED,IAAI,MAAM,CAAC,GAAG,EAAE,MAAM,EAErB;IAED,IAAI,SAAS,YAEZ;IAEK,OAAO;IAQP,KAAK;IAIL,MAAM;IAQN,IAAI;IAQJ,IAAI;CAYX"}
+{"version":3,"file":"sound.d.ts","sourceRoot":"","sources":["../../src/classes/sound.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGlD,qBAAa,KAAK;aAWY,IAAI,EAAE,SAAS;IAV3C,MAAM,CAAC,UAAU,EAAE,eAAe,CAOhC;IACF,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAe;gBAEpB,IAAI,GAAE,SAA0B;IAE5D,IAAI,MAAM,IAIM,MAAM,CAFrB;IAED,IAAI,MAAM,CAAC,GAAG,EAAE,MAAM,EAErB;IAED,IAAI,SAAS,YAEZ;IAEK,OAAO;IAQP,KAAK;IAIL,MAAM;IAQN,IAAI;IAQJ,IAAI;CAYX"}

package/lib/ui-components/scene-runner.d.ts

@@ -1,16 +1,17 @@
 import { ComponentType, ReactNode } from "react";
-import { Scene } from "../classes/scene";
+import { AssetsFailBehavior, Scene } from "../classes/scene";
 import { LayoutMode } from "../export-enums";
 export declare type SceneRunnerPublicProps = {
     width: number;
     height: number;
     assetsLoader?: ReactNode | ComponentType;
     assetsDelay?: number;
+    assetsFailBehavior?: AssetsFailBehavior;
     layoutMode?: LayoutMode;
 };
 declare type SceneRunnerProps = SceneRunnerPublicProps & {
     current: Scene;
 };
-export declare function SceneRunner({ assetsDelay, current, width, height, assetsLoader: AssetsLoader, layoutMode, }: SceneRunnerProps): JSX.Element;
+export declare function SceneRunner({ width, height, current, layoutMode, assetsDelay, assetsFailBehavior, assetsLoader: AssetsLoader, }: SceneRunnerProps): JSX.Element;
 export {};
 //# sourceMappingURL=scene-runner.d.ts.map

package/lib/ui-components/scene-runner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scene-runner.d.ts","sourceRoot":"","sources":["../../src/ui-components/scene-runner.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAKzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,aAAK,gBAAgB,GAAG,sBAAsB,GAAG;IAC/C,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,OAAO,EACP,KAAK,EACL,MAAM,EACN,YAAY,EAAE,YAAY,EAC1B,UAAiC,GAClC,EAAE,gBAAgB,eAiHlB"}
+{"version":3,"file":"scene-runner.d.ts","sourceRoot":"","sources":["../../src/ui-components/scene-runner.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAK7D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,aAAK,gBAAgB,GAAG,sBAAsB,GAAG;IAC/C,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,OAAO,EACP,UAAiC,EAEjC,WAAW,EACX,kBAAkB,EAClB,YAAY,EAAE,YAAY,GAC3B,EAAE,gBAAgB,eAyIlB"}

package/lib/ui-components/scene-runner.js

@@ -9,14 +9,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState, } from "react";
 import { Sketch } from "./sketch";
 import { useWindowSize } from "../utils";
 import { LayoutMode } from "../export-enums";
 import { Scaler } from "../classes/scaler";
 export function SceneRunner(_a) {
-    var assetsDelay = _a.assetsDelay, current = _a.current, width = _a.width, height = _a.height, AssetsLoader = _a.assetsLoader, _b = _a.layoutMode, layoutMode = _b === void 0 ? LayoutMode.LANDSCAPE : _b;
+    var width = _a.width, height = _a.height, current = _a.current, _b = _a.layoutMode, layoutMode = _b === void 0 ? LayoutMode.LANDSCAPE : _b, 
+    //
+    assetsDelay = _a.assetsDelay, assetsFailBehavior = _a.assetsFailBehavior, AssetsLoader = _a.assetsLoader;
     var windowSize = useWindowSize();
     var refScaler = useRef(new Scaler(windowSize, { width: width, height: height }, layoutMode));
     var _c = useState(false), isBootDone = _c[0], setBootDone = _c[1];
@@ -39,7 +41,8 @@ export function SceneRunner(_a) {
         refScaler.current.layoutMode = layoutMode;
     }, [layoutMode]);
     useEffect(function () {
-        current.loadAssets(assetsDelay);
+        current.loadAssets(assetsDelay, assetsFailBehavior);
+        // Don't Dependency on assetsFailBehavior
     }, [current, assetsDelay]);
     var setup = function (camera) {
         current.bootstrap(camera);
@@ -77,7 +80,18 @@ export function SceneRunner(_a) {
                 } }, { children: _jsx("div", __assign({ style: __assign({ width: width, height: height, transform: "scale(".concat(refScaler.current.value, ")"), transformOrigin: "left top", position: "relative" }, (function () {
                         var deltaOfScaleForUI = refScaler.current.deltaOfScaleForUI;
                         return { left: deltaOfScaleForUI.x, top: deltaOfScaleForUI.y };
-                    })()) }, { children: !current.loadedAssets ? (assetsLoader) : (_jsx(_Fragment, { children: isBootDone ? (_jsx("div", __assign({ style: {
+                    })()) }, { children: !current.loadedAssets ? (_jsx(_Fragment, { children: current.renderAssetsFail
+                            ? (function () {
+                                var rendered = current.renderAssetsFail();
+                                if (Array.isArray(rendered)) {
+                                    return (_jsx("div", __assign({ style: {
+                                            backgroundColor: "#f28181a1",
+                                            color: "#000",
+                                        } }, { children: rendered.map(function (item) { return (_jsxs("p", { children: [item.type, ": ", item.detail] })); }) })));
+                                }
+                                return rendered;
+                            })()
+                            : assetsLoader })) : (_jsx(_Fragment, { children: isBootDone ? (_jsx("div", __assign({ style: {
                                 width: "100%",
                                 height: "100%",
                             } }, { children: _jsx(current.UI, __assign({ scene: current }, current.UIProps)) }))) : (_jsx("div", {})) })) })) }))] })));

package/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAiBxC,wBAAsB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAInE;AAED,wBAAsB,gBAAgB,CACpC,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,SAAS,GACf,OAAO,CAAC,KAAK,CAAC,CAoDhB;AAED,wBAAsB,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,oBAQxC;AAED,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAO5B;AAED,wBAAsB,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,EAC3C,KAAK,EAAE,CAAC,EAAE,EACV,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,KAAK,OAAO,CAAC,CAAC,CAAC,EACtE,KAAK,SAAI,GACR,OAAO,CAAC,CAAC,EAAE,CAAC,CAkBd;AAED,wBAAgB,aAAa;;;EAiB5B"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAiBxC,wBAAsB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAInE;AAED,wBAAsB,gBAAgB,CACpC,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,SAAS,GACf,OAAO,CAAC,KAAK,CAAC,CAiChB;AAED,wBAAsB,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,oBAQxC;AAED,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAO5B;AAED,wBAAsB,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,EAC3C,KAAK,EAAE,CAAC,EAAE,EACV,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,KAAK,OAAO,CAAC,CAAC,CAAC,EACtE,KAAK,SAAI,GACR,OAAO,CAAC,CAAC,EAAE,CAAC,CAkBd;AAED,wBAAgB,aAAa;;;EAiB5B"}

package/lib/utils.js

@@ -83,29 +83,15 @@ export function createAssetSound(src, type) {
                     media.native.onerror = function (e) {
                         if (e instanceof Event) {
                             var targetError = e.currentTarget.error;
-                            var expectedSrc = src;
-                            var realSrc = e.currentTarget.src;
-                            console.warn("[Audio Error] Expected src: " + expectedSrc);
-                            console.warn("[Audio Error] Real src: " + realSrc);
-                            switch (targetError.code) {
-                                case targetError.MEDIA_ERR_ABORTED:
-                                    console.warn("You aborted the video playback.");
-                                    break;
-                                case targetError.MEDIA_ERR_NETWORK:
-                                    console.warn("A network error caused the audio download to fail.");
-                                    break;
-                                case targetError.MEDIA_ERR_DECODE:
-                                    console.warn("The audio playback was aborted due to a corruption problem or because the video used features your browser did not support.");
-                                    break;
-                                case targetError.MEDIA_ERR_SRC_NOT_SUPPORTED:
-                                    console.warn("The video audio not be loaded, either because the server or network failed or because the format is not supported.");
-                                    break;
-                                default:
-                                    console.warn("An unknown error occurred.");
-                                    break;
-                            }
+                            rej({
+                                fullSrc: e.currentTarget.src,
+                                src: src,
+                                code: targetError.code,
+                            });
+                        }
+                        else {
+                            rej(e);
                         }
-                        rej(e);
                     };
                     media.native.setAttribute("preload", "metadata");
                     media.native.setAttribute("type", "audio/wav");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simple-game-engine",
-  "version": "0.2.7",
+  "version": "0.2.11",
   "description": "",
   "main": "lib/index.js",
   "types": "lib",