@galacean/engine 1.5.3 → 1.5.4

package/dist/browser.js

@@ -5781,6 +5781,185 @@
         GLCapabilityType["sRGB"] = "EXT_sRGB";
         return GLCapabilityType;
     }({});
+    var AssetPromise = /*#__PURE__*/ function() {
+        function AssetPromise(executor) {
+            var _this = this;
+            this._state = "pending";
+            this._onTaskCompleteCallbacks = [];
+            this._onTaskDetailCallbacks = [];
+            this._promise = new Promise(function(resolve, reject) {
+                _this._reject = reject;
+                var onResolve = function onResolve(value) {
+                    if (_this._state === "pending") {
+                        resolve(value);
+                        _this._state = "fulfilled";
+                        _this._onTaskCompleteCallbacks = undefined;
+                        _this._onTaskDetailCallbacks = undefined;
+                    }
+                };
+                var onReject = function onReject(reason) {
+                    if (_this._state === "pending") {
+                        reject(reason);
+                        _this._state = "rejected";
+                        _this._onTaskCompleteCallbacks = undefined;
+                        _this._onTaskDetailCallbacks = undefined;
+                    }
+                };
+                var onCancel = function onCancel(callback) {
+                    if (_this._state === "pending") {
+                        _this._onCancelHandler = callback;
+                    }
+                };
+                var setTaskCompleteProgress = function setTaskCompleteProgress(loaded, total) {
+                    if (_this._state === "pending") {
+                        var progress = _this._taskCompleteProgress || (_this._taskCompleteProgress = {
+                            loaded: loaded,
+                            total: total
+                        });
+                        progress.loaded = loaded;
+                        progress.total = total;
+                        _this._onTaskCompleteCallbacks.forEach(function(callback) {
+                            return callback(loaded, total);
+                        });
+                    }
+                };
+                var setTaskDetailProgress = function setTaskDetailProgress(url, loaded, total) {
+                    if (_this._state === "pending") {
+                        var _this__taskDetailProgress, _url;
+                        _this._taskDetailProgress || (_this._taskDetailProgress = {});
+                        var progress = (_this__taskDetailProgress = _this._taskDetailProgress)[_url = url] || (_this__taskDetailProgress[_url] = {
+                            loaded: loaded,
+                            total: total
+                        });
+                        progress.loaded = loaded;
+                        progress.total = total;
+                        _this._onTaskDetailCallbacks.forEach(function(callback) {
+                            return callback(url, loaded, total);
+                        });
+                    }
+                };
+                executor(onResolve, onReject, setTaskCompleteProgress, setTaskDetailProgress, onCancel);
+            });
+        }
+        var _proto = AssetPromise.prototype;
+        /**
+       * Progress callback.
+       * @param onTaskComplete - This callback function provides information about the overall progress of the task. For example, in batch processing tasks, you can use the loaded and total parameters to calculate the percentage of task completion or display a progress bar
+       * @param onTaskDetail - This callback function provides detailed progress information about the task. For instance, in file downloading scenarios, you can use the loaded and total parameters to calculate the download progress percentage and utilize the url parameter to provide additional details such as download speed and estimated remaining time
+       * @returns AssetPromise
+       */ _proto.onProgress = function onProgress(onTaskComplete, onTaskDetail) {
+            var completeProgress = this._taskCompleteProgress;
+            var detailProgress = this._taskDetailProgress;
+            if (completeProgress) {
+                onTaskComplete(completeProgress.loaded, completeProgress.total);
+            }
+            if (detailProgress) {
+                for(var url in detailProgress){
+                    var _detailProgress_url = detailProgress[url], loaded = _detailProgress_url.loaded, total = _detailProgress_url.total;
+                    onTaskDetail(url, loaded, total);
+                }
+            }
+            if (this._state === "pending") {
+                onTaskComplete && this._onTaskCompleteCallbacks.push(onTaskComplete);
+                onTaskDetail && this._onTaskDetailCallbacks.push(onTaskDetail);
+            }
+            return this;
+        };
+        _proto.then = function then(onfulfilled, onrejected) {
+            var _this = this;
+            return new AssetPromise(function(resolve, reject) {
+                _this._promise.then(onfulfilled, onrejected).then(resolve).catch(reject);
+            });
+        };
+        /**
+       * Attaches a callback for only the rejection of the Promise.
+       * @param onRejected - The callback to execute when the Promise is rejected.
+       * @returns A Promise for the completion of the callback.
+       */ _proto.catch = function _catch(onRejected) {
+            var _this = this;
+            return new AssetPromise(function(resolve, reject) {
+                _this._promise.catch(onRejected).then(resolve).catch(reject);
+            });
+        };
+        /**
+       * Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The
+       * resolved value cannot be modified from the callback.
+       * @param onfinally The callback to execute when the Promise is settled (fulfilled or rejected).
+       * @returns A Promise for the completion of the callback.
+       */ _proto.finally = function _finally(onFinally) {
+            return this._promise.finally(onFinally);
+        };
+        /**
+       * Cancel promise request.
+       * @returns Asset promise
+       */ _proto.cancel = function cancel() {
+            if (this._state !== "pending") {
+                return;
+            }
+            this._state = "canceled";
+            this._reject("canceled");
+            this._onCancelHandler && this._onCancelHandler();
+            return this;
+        };
+        AssetPromise.resolve = function resolve(value) {
+            if (value === undefined) {
+                return new AssetPromise(function(resolve) {
+                    return resolve();
+                });
+            } else if (_instanceof1$2(value, AssetPromise) || _instanceof1$2(value, Promise)) {
+                return new AssetPromise(function(resolve, reject) {
+                    value.then(function(resolved) {
+                        return resolve(resolved);
+                    }, reject);
+                });
+            } else {
+                return new AssetPromise(function(resolve) {
+                    return resolve(value);
+                });
+            }
+        };
+        AssetPromise.all = function all(values) {
+            return new AssetPromise(function(resolve, reject, setTaskCompleteProgress) {
+                var onComplete = function onComplete(index, resultValue) {
+                    completed++;
+                    results[index] = resultValue;
+                    setTaskCompleteProgress(completed, count);
+                    if (completed === count) {
+                        resolve(results);
+                    }
+                };
+                var onProgress = function onProgress(promise, index) {
+                    if (_instanceof1$2(promise, AssetPromise) || _instanceof1$2(promise, Promise)) {
+                        promise.then(function(value) {
+                            onComplete(index, value);
+                        }, reject);
+                    } else {
+                        Promise.resolve().then(function() {
+                            onComplete(index, promise);
+                        });
+                    }
+                };
+                var count = Array.from(values).length;
+                var results = new Array(count);
+                var completed = 0;
+                if (count === 0) {
+                    return resolve(results);
+                }
+                for(var i = 0; i < count; i++){
+                    onProgress(values[i], i);
+                }
+            });
+        };
+        _create_class$2(AssetPromise, [
+            {
+                key: Symbol.toStringTag,
+                get: /** compatible with Promise */ function get() {
+                    return "AssetPromise";
+                }
+            }
+        ]);
+        return AssetPromise;
+    }();
     /**
      * Access operating system, platform and hardware information.
      */ var SystemInfo = /*#__PURE__*/ function() {
@@ -5884,6 +6063,27 @@
             }
             return this._simdSupported;
         };
+        SystemInfo._checkWebpSupported = function _checkWebpSupported() {
+            var _this = this;
+            if (!this._webpSupported) {
+                this._webpSupported = new AssetPromise(function(resolve) {
+                    if (_this._isBrowser) {
+                        var img = new Image();
+                        img.onload = function() {
+                            var result = img.width > 0 && img.height > 0;
+                            resolve(result);
+                        };
+                        img.onerror = function() {
+                            resolve(false);
+                        };
+                        img.src = "data:image/webp;base64,UklGRhACAABXRUJQVlA4WAoAAAAwAAAAAAAAAAAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIAgAAAAAAVlA4IBgAAAAwAQCdASoBAAEAAUAmJaQAA3AA/v02aAA=";
+                    } else {
+                        resolve(false);
+                    }
+                });
+            }
+            return this._webpSupported;
+        };
         /**
        * Checks whether the system supports the given texture format.
        * @param format - The texture format
@@ -5937,6 +6137,7 @@
     /** The operating system is running on. */ SystemInfo.operatingSystem = "";
     /** @internal */ SystemInfo._isBrowser = true;
     /** Whether the system support SIMD. */ SystemInfo._simdSupported = null;
+    SystemInfo._webpSupported = null;
     SystemInfo._initialize();
     /**
      * The base class of texture, contains some common functions of texture-related classes.
@@ -28111,185 +28312,6 @@
         ]);
         return SceneManager;
     }();
-    var AssetPromise = /*#__PURE__*/ function() {
-        function AssetPromise(executor) {
-            var _this = this;
-            this._state = "pending";
-            this._onTaskCompleteCallbacks = [];
-            this._onTaskDetailCallbacks = [];
-            this._promise = new Promise(function(resolve, reject) {
-                _this._reject = reject;
-                var onResolve = function onResolve(value) {
-                    if (_this._state === "pending") {
-                        resolve(value);
-                        _this._state = "fulfilled";
-                        _this._onTaskCompleteCallbacks = undefined;
-                        _this._onTaskDetailCallbacks = undefined;
-                    }
-                };
-                var onReject = function onReject(reason) {
-                    if (_this._state === "pending") {
-                        reject(reason);
-                        _this._state = "rejected";
-                        _this._onTaskCompleteCallbacks = undefined;
-                        _this._onTaskDetailCallbacks = undefined;
-                    }
-                };
-                var onCancel = function onCancel(callback) {
-                    if (_this._state === "pending") {
-                        _this._onCancelHandler = callback;
-                    }
-                };
-                var setTaskCompleteProgress = function setTaskCompleteProgress(loaded, total) {
-                    if (_this._state === "pending") {
-                        var progress = _this._taskCompleteProgress || (_this._taskCompleteProgress = {
-                            loaded: loaded,
-                            total: total
-                        });
-                        progress.loaded = loaded;
-                        progress.total = total;
-                        _this._onTaskCompleteCallbacks.forEach(function(callback) {
-                            return callback(loaded, total);
-                        });
-                    }
-                };
-                var setTaskDetailProgress = function setTaskDetailProgress(url, loaded, total) {
-                    if (_this._state === "pending") {
-                        var _this__taskDetailProgress, _url;
-                        _this._taskDetailProgress || (_this._taskDetailProgress = {});
-                        var progress = (_this__taskDetailProgress = _this._taskDetailProgress)[_url = url] || (_this__taskDetailProgress[_url] = {
-                            loaded: loaded,
-                            total: total
-                        });
-                        progress.loaded = loaded;
-                        progress.total = total;
-                        _this._onTaskDetailCallbacks.forEach(function(callback) {
-                            return callback(url, loaded, total);
-                        });
-                    }
-                };
-                executor(onResolve, onReject, setTaskCompleteProgress, setTaskDetailProgress, onCancel);
-            });
-        }
-        var _proto = AssetPromise.prototype;
-        /**
-       * Progress callback.
-       * @param onTaskComplete - This callback function provides information about the overall progress of the task. For example, in batch processing tasks, you can use the loaded and total parameters to calculate the percentage of task completion or display a progress bar
-       * @param onTaskDetail - This callback function provides detailed progress information about the task. For instance, in file downloading scenarios, you can use the loaded and total parameters to calculate the download progress percentage and utilize the url parameter to provide additional details such as download speed and estimated remaining time
-       * @returns AssetPromise
-       */ _proto.onProgress = function onProgress(onTaskComplete, onTaskDetail) {
-            var completeProgress = this._taskCompleteProgress;
-            var detailProgress = this._taskDetailProgress;
-            if (completeProgress) {
-                onTaskComplete(completeProgress.loaded, completeProgress.total);
-            }
-            if (detailProgress) {
-                for(var url in detailProgress){
-                    var _detailProgress_url = detailProgress[url], loaded = _detailProgress_url.loaded, total = _detailProgress_url.total;
-                    onTaskDetail(url, loaded, total);
-                }
-            }
-            if (this._state === "pending") {
-                onTaskComplete && this._onTaskCompleteCallbacks.push(onTaskComplete);
-                onTaskDetail && this._onTaskDetailCallbacks.push(onTaskDetail);
-            }
-            return this;
-        };
-        _proto.then = function then(onfulfilled, onrejected) {
-            var _this = this;
-            return new AssetPromise(function(resolve, reject) {
-                _this._promise.then(onfulfilled, onrejected).then(resolve).catch(reject);
-            });
-        };
-        /**
-       * Attaches a callback for only the rejection of the Promise.
-       * @param onRejected - The callback to execute when the Promise is rejected.
-       * @returns A Promise for the completion of the callback.
-       */ _proto.catch = function _catch(onRejected) {
-            var _this = this;
-            return new AssetPromise(function(resolve, reject) {
-                _this._promise.catch(onRejected).then(resolve).catch(reject);
-            });
-        };
-        /**
-       * Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The
-       * resolved value cannot be modified from the callback.
-       * @param onfinally The callback to execute when the Promise is settled (fulfilled or rejected).
-       * @returns A Promise for the completion of the callback.
-       */ _proto.finally = function _finally(onFinally) {
-            return this._promise.finally(onFinally);
-        };
-        /**
-       * Cancel promise request.
-       * @returns Asset promise
-       */ _proto.cancel = function cancel() {
-            if (this._state !== "pending") {
-                return;
-            }
-            this._state = "canceled";
-            this._reject("canceled");
-            this._onCancelHandler && this._onCancelHandler();
-            return this;
-        };
-        AssetPromise.resolve = function resolve(value) {
-            if (value === undefined) {
-                return new AssetPromise(function(resolve) {
-                    return resolve();
-                });
-            } else if (_instanceof1$2(value, AssetPromise) || _instanceof1$2(value, Promise)) {
-                return new AssetPromise(function(resolve, reject) {
-                    value.then(function(resolved) {
-                        return resolve(resolved);
-                    }, reject);
-                });
-            } else {
-                return new AssetPromise(function(resolve) {
-                    return resolve(value);
-                });
-            }
-        };
-        AssetPromise.all = function all(values) {
-            return new AssetPromise(function(resolve, reject, setTaskCompleteProgress) {
-                var onComplete = function onComplete(index, resultValue) {
-                    completed++;
-                    results[index] = resultValue;
-                    setTaskCompleteProgress(completed, count);
-                    if (completed === count) {
-                        resolve(results);
-                    }
-                };
-                var onProgress = function onProgress(promise, index) {
-                    if (_instanceof1$2(promise, AssetPromise) || _instanceof1$2(promise, Promise)) {
-                        promise.then(function(value) {
-                            onComplete(index, value);
-                        }, reject);
-                    } else {
-                        Promise.resolve().then(function() {
-                            onComplete(index, promise);
-                        });
-                    }
-                };
-                var count = Array.from(values).length;
-                var results = new Array(count);
-                var completed = 0;
-                if (count === 0) {
-                    return resolve(results);
-                }
-                for(var i = 0; i < count; i++){
-                    onProgress(values[i], i);
-                }
-            });
-        };
-        _create_class$2(AssetPromise, [
-            {
-                key: Symbol.toStringTag,
-                get: /** compatible with Promise */ function get() {
-                    return "AssetPromise";
-                }
-            }
-        ]);
-        return AssetPromise;
-    }();
     var mimeType = {
         json: "json",
         gltf: "json",
@@ -51118,24 +51140,15 @@
     var EXT_texture_webp = /*#__PURE__*/ function(GLTFExtensionParser) {
         _inherits(EXT_texture_webp, GLTFExtensionParser);
         function EXT_texture_webp() {
-            var _this;
-            _this = GLTFExtensionParser.call(this) || this, _this._supportWebP = false;
-            // @ts-ignore
-            if (SystemInfo._isBrowser) {
-                var testCanvas = document.createElement("canvas");
-                testCanvas.width = testCanvas.height = 1;
-                _this._supportWebP = testCanvas.toDataURL("image/webp").indexOf("data:image/webp") == 0;
-            } else {
-                _this._supportWebP = false;
-            }
-            return _this;
+            return GLTFExtensionParser.apply(this, arguments) || this;
         }
         var _proto = EXT_texture_webp.prototype;
         _proto.createAndParse = function createAndParse(context, schema, textureInfo, textureIndex, isSRGBColorSpace) {
             var webPIndex = schema.source;
             var sampler = textureInfo.sampler, tmp = textureInfo.source, fallbackIndex = tmp === void 0 ? 0 : tmp, textureName = textureInfo.name;
-            var texture = exports.GLTFTextureParser._parseTexture(context, this._supportWebP ? webPIndex : fallbackIndex, textureIndex, sampler, textureName, isSRGBColorSpace);
-            return texture;
+            return SystemInfo._checkWebpSupported().then(function(supportWebP) {
+                return exports.GLTFTextureParser._parseTexture(context, supportWebP ? webPIndex : fallbackIndex, textureIndex, sampler, textureName, isSRGBColorSpace);
+            });
         };
         return EXT_texture_webp;
     }(GLTFExtensionParser);
@@ -51144,7 +51157,7 @@
     ], EXT_texture_webp);
 
     //@ts-ignore
-    var version = "1.5.3";
+    var version = "1.5.4";
     console.log("Galacean Engine Version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);