@galacean/engine-loader 2.0.0-alpha.2 → 2.0.0-alpha.6

package/dist/main.js

@@ -252,7 +252,9 @@ var decoderMap = {};
     };
 }
 
-var FileHeader = /*#__PURE__*/ function() {
+/**
+ * Binary format: [MAGIC(4B)] [totalLength(4B)] [version(1B)] [typeLen(2B)] [type] [nameLen(2B)] [name] [data...]
+ */ var FileHeader = /*#__PURE__*/ function() {
     function FileHeader() {
         this.totalLength = 0;
         this.version = 0;
@@ -260,14 +262,23 @@ var FileHeader = /*#__PURE__*/ function() {
         this.name = "";
         this.headerLength = 0;
     }
+    FileHeader.checkMagic = function checkMagic(arrayBuffer) {
+        if (arrayBuffer.byteLength < 4) return false;
+        var view = new DataView(arrayBuffer);
+        return view.getUint32(0, true) === FileHeader.MAGIC;
+    };
     FileHeader.decode = function decode(arrayBuffer) {
         var dataView = new DataView(arrayBuffer);
-        var totalLen = dataView.getUint32(0, true);
-        var fileVersion = dataView.getUint8(4);
-        var typeLen = dataView.getUint16(5, true);
-        var typeUint8Array = new Uint8Array(arrayBuffer, 7, typeLen);
-        var nameLen = dataView.getUint16(7 + typeLen, true);
-        var nameUint8Array = new Uint8Array(arrayBuffer, 9 + typeLen, nameLen);
+        if (!FileHeader.checkMagic(arrayBuffer)) {
+            throw new Error("Invalid Galacean binary file: missing GLCN magic header.");
+        }
+        var offset = 4;
+        var totalLen = dataView.getUint32(offset, true);
+        var fileVersion = dataView.getUint8(offset + 4);
+        var typeLen = dataView.getUint16(offset + 5, true);
+        var typeUint8Array = new Uint8Array(arrayBuffer, offset + 7, typeLen);
+        var nameLen = dataView.getUint16(offset + 7 + typeLen, true);
+        var nameUint8Array = new Uint8Array(arrayBuffer, offset + 9 + typeLen, nameLen);
         var name = engineCore.Utils.decodeText(nameUint8Array);
         var type = engineCore.Utils.decodeText(typeUint8Array);
         var header = new FileHeader();
@@ -275,7 +286,7 @@ var FileHeader = /*#__PURE__*/ function() {
         header.name = name;
         header.type = type;
         header.version = fileVersion;
-        header.headerLength = nameUint8Array.byteLength + typeUint8Array.byteLength + 9;
+        header.headerLength = offset + nameUint8Array.byteLength + typeUint8Array.byteLength + 9;
         return header;
     };
     _create_class(FileHeader, [
@@ -288,6 +299,8 @@ var FileHeader = /*#__PURE__*/ function() {
     ]);
     return FileHeader;
 }();
+FileHeader.MAGIC = 0x4e434c47 // "GLCN" in little-endian
+;
 
 var InterpolableValueType = /*#__PURE__*/ function(InterpolableValueType) {
     InterpolableValueType[InterpolableValueType["Float"] = 0] = "Float";
@@ -694,12 +707,12 @@ var ParserType = /*#__PURE__*/ function(ParserType) {
         this.rootIds.length = 0;
         this.strippedIds.length = 0;
     };
-    /** @internal */ _proto._addDependentAsset = function _addDependentAsset(refID, promise) {
+    /** @internal */ _proto._addDependentAsset = function _addDependentAsset(url, promise) {
         var _this = this;
         var tasks = this._tasks;
-        if (tasks.has(refID)) return;
+        if (tasks.has(url)) return;
         ++this._total;
-        tasks.add(refID);
+        tasks.add(url);
         promise.finally(function() {
             ++_this._loaded;
             _this._setTaskCompleteProgress(_this._loaded, _this._total);
@@ -807,7 +820,7 @@ var ReflectionParser = /*#__PURE__*/ function() {
                 // reference object
                 // @ts-ignore
                 return context.resourceManager.getResourceByRef(value).then(function(resource) {
-                    if (context.type === ParserType.Prefab) {
+                    if (resource && context.type === ParserType.Prefab) {
                         // @ts-ignore
                         context.resource._addDependenceAsset(resource);
                     }
@@ -850,18 +863,18 @@ var ReflectionParser = /*#__PURE__*/ function() {
     _proto._getEntityByConfig = function _getEntityByConfig(entityConfig) {
         var _this = this;
         // @ts-ignore
-        var assetRefId = entityConfig.assetRefId;
+        var assetUrl = entityConfig.assetUrl;
         var engine = this._context.engine;
-        if (assetRefId) {
+        if (assetUrl) {
             return engine.resourceManager// @ts-ignore
             .getResourceByRef({
-                refId: assetRefId,
+                url: assetUrl,
                 key: entityConfig.key,
                 isClone: entityConfig.isClone
             }).then(function(entity) {
                 // @ts-ignore
-                var resource = engine.resourceManager._objectPool[assetRefId];
-                if (_this._context.type === ParserType.Prefab) {
+                var resource = engine.resourceManager._objectPool[assetUrl];
+                if (resource && _this._context.type === ParserType.Prefab) {
                     // @ts-ignore
                     _this._context.resource._addDependenceAsset(resource);
                 }
@@ -884,7 +897,7 @@ var ReflectionParser = /*#__PURE__*/ function() {
         return value["classType"] !== undefined;
     };
     ReflectionParser._isAssetRef = function _isAssetRef(value) {
-        return value["refId"] !== undefined;
+        return value["url"] !== undefined;
     };
     ReflectionParser._isEntityRef = function _isEntityRef(value) {
         return value["entityId"] !== undefined;
@@ -903,7 +916,7 @@ exports.Texture2DDecoder = /*#__PURE__*/ function() {
     function Texture2DDecoder() {}
     Texture2DDecoder.decode = function decode(engine, bufferReader, restoredTexture) {
         return new engineCore.AssetPromise(function(resolve, reject) {
-            var objectId = bufferReader.nextStr();
+            var url = bufferReader.nextStr();
             var mipmap = !!bufferReader.nextUint8();
             var filterMode = bufferReader.nextUint8();
             var anisoLevel = bufferReader.nextUint8();
@@ -932,7 +945,7 @@ exports.Texture2DDecoder = /*#__PURE__*/ function() {
                     }
                 }
                 // @ts-ignore
-                engine.resourceManager._objectPool[objectId] = texture2D;
+                engine.resourceManager._objectPool[url] = texture2D;
                 resolve(texture2D);
             } else {
                 var blob = new window.Blob([
@@ -1236,7 +1249,7 @@ function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
     _proto._getEntityByConfig = function _getEntityByConfig(entityConfig, engine) {
         var _this = this;
         var entityPromise;
-        if (entityConfig.assetRefId) {
+        if (entityConfig.assetUrl) {
             entityPromise = this._parsePrefab(entityConfig, engine);
         } else if (entityConfig.strippedId) {
             entityPromise = this._parseStrippedEntity(entityConfig);
@@ -1256,10 +1269,10 @@ function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
     };
     _proto._parsePrefab = function _parsePrefab(entityConfig, engine) {
         var _this = this;
-        var assetRefId = entityConfig.assetRefId;
+        var assetUrl = entityConfig.assetUrl;
         return engine.resourceManager// @ts-ignore
         .getResourceByRef({
-            refId: assetRefId
+            url: assetUrl
         }).then(function(prefabResource) {
             var entity = _instanceof(prefabResource, PrefabResource) ? prefabResource.instantiate() : prefabResource.instantiateSceneRoot();
             var instanceContext = new ParserContext(engine, ParserType.Prefab, null);
@@ -1310,7 +1323,7 @@ function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
         var componentConfigMap = context.componentConfigMap;
         for(var i = 0, n = components.length; i < n; i++){
             var componentConfig = components[i];
-            var key = !componentConfig.refId ? componentConfig.class : componentConfig.refId;
+            var key = !componentConfig.url ? componentConfig.class : componentConfig.url;
             var componentId = componentConfig.id;
             var component = entity.addComponent(engineCore.Loader.getClass(key));
             componentMap.set(componentId, component);
@@ -1358,53 +1371,6 @@ function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
     return HierarchyParser;
 }();
 
-exports.EditorTextureLoader = /*#__PURE__*/ function(Loader) {
-    _inherits(EditorTextureLoader, Loader);
-    function EditorTextureLoader() {
-        return Loader.apply(this, arguments) || this;
-    }
-    var _proto = EditorTextureLoader.prototype;
-    _proto.load = function load(item, resourceManager) {
-        var requestConfig = _extends({}, item, {
-            type: "arraybuffer"
-        });
-        var url = item.url;
-        return new engineCore.AssetPromise(function(resolve, reject) {
-            resourceManager// @ts-ignore
-            ._request(url, requestConfig).then(function(data) {
-                decode(data, resourceManager.engine).then(function(texture) {
-                    resourceManager.addContentRestorer(new EditorTexture2DContentRestorer(texture, url, requestConfig));
-                    resolve(texture);
-                });
-            }).catch(reject);
-        });
-    };
-    return EditorTextureLoader;
-}(engineCore.Loader);
-exports.EditorTextureLoader = __decorate([
-    engineCore.resourceLoader("EditorTexture2D", [
-        "prefab"
-    ], true)
-], exports.EditorTextureLoader);
-var EditorTexture2DContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
-    _inherits(EditorTexture2DContentRestorer, ContentRestorer);
-    function EditorTexture2DContentRestorer(resource, url, requestConfig) {
-        var _this;
-        _this = ContentRestorer.call(this, resource) || this, _this.url = url, _this.requestConfig = requestConfig;
-        return _this;
-    }
-    var _proto = EditorTexture2DContentRestorer.prototype;
-    _proto.restoreContent = function restoreContent() {
-        var texture = this.resource;
-        var engine = texture.engine;
-        return engine.resourceManager// @ts-ignore
-        ._request(this.url, this.requestConfig).then(function(data) {
-            return decode(data, engine, texture);
-        });
-    };
-    return EditorTexture2DContentRestorer;
-}(engineCore.ContentRestorer);
-
 var MaterialLoaderType = /*#__PURE__*/ function(MaterialLoaderType) {
     MaterialLoaderType["Vector2"] = "Vector2";
     MaterialLoaderType["Vector3"] = "Vector3";
@@ -1445,11 +1411,11 @@ var SpecularMode = /*#__PURE__*/ function(SpecularMode) {
             var customAmbientLight = ambient.customAmbientLight, ambientLight = ambient.ambientLight;
             if (useCustomAmbient && customAmbientLight) {
                 // @ts-ignore
-                context._addDependentAsset(customAmbientLight.refId, resourceManager.getResourceByRef(customAmbientLight));
+                context._addDependentAsset(customAmbientLight.url, resourceManager.getResourceByRef(customAmbientLight));
             }
             if (ambientLight && (!useCustomAmbient || useSH)) {
                 // @ts-ignore
-                context._addDependentAsset(ambientLight.refId, resourceManager.getResourceByRef(ambientLight));
+                context._addDependentAsset(ambientLight.url, resourceManager.getResourceByRef(ambientLight));
             }
         }
         var background = scene.background;
@@ -1457,14 +1423,14 @@ var SpecularMode = /*#__PURE__*/ function(SpecularMode) {
         if (backgroundMode === engineCore.BackgroundMode.Texture) {
             var texture = background.texture;
             // @ts-ignore
-            texture && context._addDependentAsset(texture.refId, resourceManager.getResourceByRef(texture));
+            texture && context._addDependentAsset(texture.url, resourceManager.getResourceByRef(texture));
         } else if (backgroundMode === engineCore.BackgroundMode.Sky) {
             var skyMesh = background.skyMesh, skyMaterial = background.skyMaterial;
             if (skyMesh && skyMaterial) {
                 // @ts-ignore
-                context._addDependentAsset(skyMesh.refId, resourceManager.getResourceByRef(skyMesh));
+                context._addDependentAsset(skyMesh.url, resourceManager.getResourceByRef(skyMesh));
                 // @ts-ignore
-                context._addDependentAsset(skyMaterial.refId, resourceManager.getResourceByRef(skyMaterial));
+                context._addDependentAsset(skyMaterial.url, resourceManager.getResourceByRef(skyMaterial));
             }
         }
     };
@@ -1480,12 +1446,12 @@ var SpecularMode = /*#__PURE__*/ function(SpecularMode) {
         var entities = file.entities;
         for(var i = 0, n = entities.length; i < n; i++){
             var entity = entities[i];
-            if (!!entity.assetRefId) {
+            if (!!entity.assetUrl) {
                 var context = this.context;
-                var refId = entity.assetRefId, key = entity.key;
+                var url = entity.assetUrl, key = entity.key;
                 // @ts-ignore
-                context._addDependentAsset(refId, context.resourceManager.getResourceByRef({
-                    refId: refId,
+                context._addDependentAsset(url, context.resourceManager.getResourceByRef({
+                    url: url,
                     key: key
                 }));
             } else if (entity.strippedId) {
@@ -1510,7 +1476,7 @@ var SpecularMode = /*#__PURE__*/ function(SpecularMode) {
             if (ReflectionParser._isAssetRef(value)) {
                 var context = this.context;
                 // @ts-ignore
-                context._addDependentAsset(value.refId, context.resourceManager.getResourceByRef(value));
+                context._addDependentAsset(value.url, context.resourceManager.getResourceByRef(value));
             } else {
                 for(var key in value){
                     this._searchDependentAssets(value[key]);
@@ -1574,7 +1540,7 @@ var AnimationClipLoader = /*#__PURE__*/ function(Loader) {
     };
     _proto._parseKeyframeValue = function _parseKeyframeValue(keyframe, resourceManager) {
         var value = keyframe.value;
-        if ((typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && (value == null ? void 0 : value.refId)) {
+        if ((typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && (value == null ? void 0 : value.url)) {
             return new Promise(function(resolve) {
                 resourceManager// @ts-ignore
                 .getResourceByRef(value).then(function(asset) {
@@ -1590,7 +1556,7 @@ var AnimationClipLoader = /*#__PURE__*/ function(Loader) {
 }(engineCore.Loader);
 AnimationClipLoader = __decorate([
     engineCore.resourceLoader(engineCore.AssetType.AnimationClip, [
-        "ani"
+        "anim"
     ])
 ], AnimationClipLoader);
 
@@ -1702,13 +1668,11 @@ var AnimatorControllerLoader = /*#__PURE__*/ function(Loader1) {
 }(engineCore.Loader);
 AnimatorControllerLoader = __decorate([
     engineCore.resourceLoader(engineCore.AssetType.AnimatorController, [
-        "json"
-    ], false)
+        "animCtrl"
+    ])
 ], AnimatorControllerLoader);
 
-function isBase64(url) {
-    return /^data:(.+?);base64,/.test(url);
-}
+var base64Regex = /^data:(.+?);base64,/;
 var BufferLoader = /*#__PURE__*/ function(Loader) {
     _inherits(BufferLoader, Loader);
     function BufferLoader() {
@@ -1717,27 +1681,24 @@ var BufferLoader = /*#__PURE__*/ function(Loader) {
     var _proto = BufferLoader.prototype;
     _proto.load = function load(item, resourceManager) {
         var url = item.url;
-        if (isBase64(url)) {
-            return new engineCore.AssetPromise(function(resolve) {
-                var base64Str = url.slice(13 + RegExp.$1.length);
-                var result = Uint8Array.from(atob(base64Str), function(c) {
-                    return c.charCodeAt(0);
-                });
-                resolve(result.buffer);
-            });
-        }
-        // @ts-ignore
-        return resourceManager._request(url, _extends({}, item, {
+        var base64Match = base64Regex.exec(url);
+        var bufferPromise = base64Match ? Promise.resolve(Uint8Array.from(atob(url.slice(13 + base64Match[1].length)), function(c) {
+            return c.charCodeAt(0);
+        }).buffer) : resourceManager._request(url, _extends({}, item, {
             type: "arraybuffer"
         }));
+        return engineCore.AssetPromise.resolve(bufferPromise).then(function(buffer) {
+            var asset = new engineCore.BufferAsset(resourceManager.engine);
+            asset.buffer = buffer;
+            return asset;
+        });
     };
     return BufferLoader;
 }(engineCore.Loader);
 BufferLoader = __decorate([
     engineCore.resourceLoader(engineCore.AssetType.Buffer, [
-        "bin",
-        "r3bin"
-    ], false)
+        "bin"
+    ])
 ], BufferLoader);
 
 var EnvLoader = /*#__PURE__*/ function(Loader) {
@@ -5314,341 +5275,6 @@ PrefabLoader = __decorate([
     ])
 ], PrefabLoader);
 
-var PI = Math.PI;
-// referenece: https://www.flipcode.com/archives/HDR_Image_Reader.shtml
-var HDRLoader = /*#__PURE__*/ function(Loader) {
-    _inherits(HDRLoader, Loader);
-    function HDRLoader() {
-        return Loader.apply(this, arguments) || this;
-    }
-    var _proto = HDRLoader.prototype;
-    _proto.load = function load(item, resourceManager) {
-        return new engineCore.AssetPromise(function(resolve, reject) {
-            var engine = resourceManager.engine;
-            var requestConfig = _extends({}, item, {
-                type: "arraybuffer"
-            });
-            var url = item.url;
-            resourceManager// @ts-ignore
-            ._request(url, requestConfig).then(function(buffer) {
-                var texture = HDRLoader._setTextureByBuffer(engine, buffer);
-                engine.resourceManager.addContentRestorer(new HDRContentRestorer(texture, url, requestConfig));
-                resolve(texture);
-            }).catch(reject);
-        });
-    };
-    /**
-   * @internal
-   */ HDRLoader._setTextureByBuffer = function _setTextureByBuffer(engine, buffer, texture) {
-        var bufferArray = new Uint8Array(buffer);
-        var _HDRLoader__parseHeader = HDRLoader._parseHeader(bufferArray), width = _HDRLoader__parseHeader.width, height = _HDRLoader__parseHeader.height, dataPosition = _HDRLoader__parseHeader.dataPosition;
-        var cubeSize = height >> 1;
-        texture || (texture = new engineCore.TextureCube(engine, cubeSize, undefined, undefined, false));
-        var pixels = HDRLoader._readPixels(bufferArray.subarray(dataPosition), width, height);
-        var cubeMapData = HDRLoader._convertToCubemap(pixels, width, height, cubeSize);
-        for(var faceIndex = 0; faceIndex < 6; faceIndex++){
-            texture.setPixelBuffer(engineCore.TextureCubeFace.PositiveX + faceIndex, cubeMapData[faceIndex], 0);
-        }
-        texture.generateMipmaps();
-        return texture;
-    };
-    HDRLoader._convertToCubemap = function _convertToCubemap(pixels, inputWidth, inputHeight, size) {
-        if (!pixels) {
-            throw "ConvertPanoramaToCubemap: input cannot be null";
-        }
-        if (pixels.length != inputWidth * inputHeight * 4) {
-            throw "ConvertPanoramaToCubemap: input size is wrong";
-        }
-        var textureRight = this._createCubemapData(size, this._faceRight, pixels, inputWidth, inputHeight);
-        var textureLeft = this._createCubemapData(size, this._faceLeft, pixels, inputWidth, inputHeight);
-        var textureUp = this._createCubemapData(size, this._faceUp, pixels, inputWidth, inputHeight);
-        var textureDown = this._createCubemapData(size, this._faceBottom, pixels, inputWidth, inputHeight);
-        var textureFront = this._createCubemapData(size, this._faceFront, pixels, inputWidth, inputHeight);
-        var textureBack = this._createCubemapData(size, this._faceBack, pixels, inputWidth, inputHeight);
-        return [
-            textureRight,
-            textureLeft,
-            textureUp,
-            textureDown,
-            textureFront,
-            textureBack
-        ];
-    };
-    HDRLoader._createCubemapData = function _createCubemapData(texSize, faceData, pixels, inputWidth, inputHeight) {
-        var textureArray = new Uint8ClampedArray(texSize * texSize * 4);
-        var rotDX1 = this._tempVector3.set(0, 0, 0).add(faceData[1]).subtract(faceData[0]).scale(1 / texSize);
-        var rotDX2 = this._temp2Vector3.set(0, 0, 0).add(faceData[3]).subtract(faceData[2]).scale(1 / texSize);
-        var dy = 1 / texSize;
-        var fy = 0;
-        for(var y = 0; y < texSize; y++){
-            var xv1 = this._temp3Vector3.set(0, 0, 0).add(faceData[0]);
-            var xv2 = this._temp4Vector3.set(0, 0, 0).add(faceData[2]);
-            for(var x = 0; x < texSize; x++){
-                var v = this._temp5Vector3.set(0, 0, 0).add(xv2).subtract(xv1).scale(fy).add(xv1);
-                v.normalize();
-                var color = this._calcProjectionSpherical(v, pixels, inputWidth, inputHeight);
-                this._RGBEToLinear(color);
-                this._linearToRGBM(color, 5);
-                // 4 channels per pixels
-                var index = y * texSize * 4 + x * 4;
-                textureArray[index] = color.r;
-                textureArray[index + 1] = color.g;
-                textureArray[index + 2] = color.b;
-                textureArray[index + 3] = color.a;
-                xv1.add(rotDX1);
-                xv2.add(rotDX2);
-            }
-            fy += dy;
-        }
-        return textureArray;
-    };
-    HDRLoader._calcProjectionSpherical = function _calcProjectionSpherical(vDir, pixels, inputWidth, inputHeight) {
-        var theta = Math.atan2(vDir.z, vDir.x);
-        var phi = Math.acos(vDir.y);
-        while(theta < -PI){
-            theta += 2 * PI;
-        }
-        while(theta > PI){
-            theta -= 2 * PI;
-        }
-        var dx = theta / PI;
-        var dy = phi / PI;
-        // recenter.
-        dx = dx * 0.5 + 0.5;
-        var px = Math.round(dx * inputWidth);
-        if (px < 0) {
-            px = 0;
-        } else if (px >= inputWidth) {
-            px = inputWidth - 1;
-        }
-        var py = Math.round(dy * inputHeight);
-        if (py < 0) {
-            py = 0;
-        } else if (py >= inputHeight) {
-            py = inputHeight - 1;
-        }
-        var inputY = inputHeight - py - 1;
-        var index = inputY * inputWidth * 4 + px * 4;
-        var r = pixels[index];
-        var g = pixels[index + 1];
-        var b = pixels[index + 2];
-        var a = pixels[index + 3];
-        return new engineMath.Color(r, g, b, a);
-    };
-    HDRLoader._readStringLine = function _readStringLine(uint8array, startIndex) {
-        var line = "";
-        var character = "";
-        for(var i = startIndex; i < uint8array.length - startIndex; i++){
-            character = String.fromCharCode(uint8array[i]);
-            if (character == "\n") {
-                break;
-            }
-            line += character;
-        }
-        return line;
-    };
-    HDRLoader._parseHeader = function _parseHeader(uint8array) {
-        var height = 0;
-        var width = 0;
-        var line = this._readStringLine(uint8array, 0);
-        if (line[0] != "#" || line[1] != "?") {
-            throw "Bad HDR Format.";
-        }
-        var endOfHeader = false;
-        var findFormat = false;
-        var lineIndex = 0;
-        do {
-            lineIndex += line.length + 1;
-            line = this._readStringLine(uint8array, lineIndex);
-            if (line == "FORMAT=32-bit_rle_rgbe") {
-                findFormat = true;
-            } else if (line.length == 0) {
-                endOfHeader = true;
-            }
-        }while (!endOfHeader);
-        if (!findFormat) {
-            throw "HDR Bad header format, unsupported FORMAT";
-        }
-        lineIndex += line.length + 1;
-        line = this._readStringLine(uint8array, lineIndex);
-        var sizeRegexp = /^\-Y (.*) \+X (.*)$/g;
-        var match = sizeRegexp.exec(line);
-        // TODO. Support +Y and -X if needed.
-        if (!match || match.length < 3) {
-            throw "HDR Bad header format, no size";
-        }
-        width = parseInt(match[2]);
-        height = parseInt(match[1]);
-        if (width < 8 || width > 0x7fff) {
-            throw "HDR Bad header format, unsupported size";
-        }
-        lineIndex += line.length + 1;
-        return {
-            height: height,
-            width: width,
-            dataPosition: lineIndex
-        };
-    };
-    HDRLoader._readPixels = function _readPixels(buffer, width, height) {
-        var scanLineWidth = width;
-        var byteLength = buffer.byteLength;
-        var dataRGBA = new Uint8Array(4 * width * height);
-        var offset = 0, pos = 0;
-        var ptrEnd = 4 * scanLineWidth;
-        var scanLineBuffer = new Uint8Array(ptrEnd);
-        var numScanLines = height; // read in each successive scanLine
-        while(numScanLines > 0 && pos < byteLength){
-            var a = buffer[pos++];
-            var b = buffer[pos++];
-            var c = buffer[pos++];
-            var d = buffer[pos++];
-            if (a != 2 || b != 2 || c & 0x80 || width < 8 || width > 32767) {
-                // this file is not run length encoded
-                // read values sequentially
-                return buffer;
-            }
-            if ((c << 8 | d) != scanLineWidth) {
-                // eslint-disable-next-line no-throw-literal
-                throw "HDR Bad header format, wrong scan line width";
-            }
-            // read each of the four channels for the scanline into the buffer
-            // first red, then green, then blue, then exponent
-            var ptr = 0, count = void 0;
-            while(ptr < ptrEnd && pos < byteLength){
-                count = buffer[pos++];
-                var isEncodedRun = count > 128;
-                if (isEncodedRun) count -= 128;
-                if (0 === count || ptr + count > ptrEnd) {
-                    throw "HDR Bad Format, bad scanline data (run)";
-                }
-                if (isEncodedRun) {
-                    // a (encoded) run of the same value
-                    var byteValue = buffer[pos++];
-                    for(var i = 0; i < count; i++){
-                        scanLineBuffer[ptr++] = byteValue;
-                    } //ptr += count;
-                } else {
-                    // a literal-run
-                    scanLineBuffer.set(buffer.subarray(pos, pos + count), ptr);
-                    ptr += count;
-                    pos += count;
-                }
-            } // now convert data from buffer into rgba
-            // first red, then green, then blue, then exponent (alpha)
-            var l = scanLineWidth; //scanLine_buffer.byteLength;
-            for(var i1 = 0; i1 < l; i1++){
-                var off = 0;
-                dataRGBA[offset] = scanLineBuffer[i1 + off];
-                off += scanLineWidth;
-                dataRGBA[offset + 1] = scanLineBuffer[i1 + off];
-                off += scanLineWidth;
-                dataRGBA[offset + 2] = scanLineBuffer[i1 + off];
-                off += scanLineWidth;
-                dataRGBA[offset + 3] = scanLineBuffer[i1 + off];
-                offset += 4;
-            }
-            numScanLines--;
-        }
-        return dataRGBA;
-    };
-    HDRLoader._RGBEToLinear = function _RGBEToLinear(color) {
-        var scaleFactor = Math.pow(2, color.a - 128) / 255;
-        color.r *= scaleFactor;
-        color.g *= scaleFactor;
-        color.b *= scaleFactor;
-        color.a = 1;
-    };
-    HDRLoader._linearToRGBM = function _linearToRGBM(color, maxRange) {
-        var maxRGB = Math.max(color.r, Math.max(color.g, color.b));
-        var M = Math.min(maxRGB / maxRange, 1);
-        M = Math.ceil(M * 255);
-        var scaleFactor = 65025 / (M * maxRange); // 255 * (255 / (M * maxRange) )
-        color.r *= scaleFactor;
-        color.g *= scaleFactor;
-        color.b *= scaleFactor;
-        color.a *= M;
-    };
-    return HDRLoader;
-}(engineCore.Loader);
-HDRLoader._rightBottomBack = new engineMath.Vector3(1.0, -1.0, -1.0);
-HDRLoader._rightBottomFront = new engineMath.Vector3(1.0, -1.0, 1.0);
-HDRLoader._rightUpBack = new engineMath.Vector3(1.0, 1.0, -1.0);
-HDRLoader._rightUpFront = new engineMath.Vector3(1.0, 1.0, 1.0);
-HDRLoader._leftBottomBack = new engineMath.Vector3(-1.0, -1.0, -1.0);
-HDRLoader._leftBottomFront = new engineMath.Vector3(-1.0, -1.0, 1.0);
-HDRLoader._leftUpBack = new engineMath.Vector3(-1.0, 1.0, -1.0);
-HDRLoader._leftUpFront = new engineMath.Vector3(-1.0, 1.0, 1.0);
-HDRLoader._faceRight = [
-    HDRLoader._rightBottomBack,
-    HDRLoader._rightBottomFront,
-    HDRLoader._rightUpBack,
-    HDRLoader._rightUpFront
-];
-HDRLoader._faceLeft = [
-    HDRLoader._leftBottomFront,
-    HDRLoader._leftBottomBack,
-    HDRLoader._leftUpFront,
-    HDRLoader._leftUpBack
-];
-HDRLoader._faceUp = [
-    HDRLoader._leftBottomFront,
-    HDRLoader._rightBottomFront,
-    HDRLoader._leftBottomBack,
-    HDRLoader._rightBottomBack
-];
-HDRLoader._faceBottom = [
-    HDRLoader._leftUpBack,
-    HDRLoader._rightUpBack,
-    HDRLoader._leftUpFront,
-    HDRLoader._rightUpFront
-];
-HDRLoader._faceFront = [
-    HDRLoader._leftBottomBack,
-    HDRLoader._rightBottomBack,
-    HDRLoader._leftUpBack,
-    HDRLoader._rightUpBack
-];
-HDRLoader._faceBack = [
-    HDRLoader._rightBottomFront,
-    HDRLoader._leftBottomFront,
-    HDRLoader._rightUpFront,
-    HDRLoader._leftUpFront
-];
-HDRLoader._tempVector3 = new engineMath.Vector3();
-HDRLoader._temp2Vector3 = new engineMath.Vector3();
-HDRLoader._temp3Vector3 = new engineMath.Vector3();
-HDRLoader._temp4Vector3 = new engineMath.Vector3();
-HDRLoader._temp5Vector3 = new engineMath.Vector3();
-HDRLoader = __decorate([
-    engineCore.resourceLoader(engineCore.AssetType.HDR, [
-        "hdr"
-    ])
-], HDRLoader);
-/**
- * @internal
- */ var HDRContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
-    _inherits(HDRContentRestorer, ContentRestorer);
-    function HDRContentRestorer(resource, url, requestConfig) {
-        var _this;
-        _this = ContentRestorer.call(this, resource) || this, _this.url = url, _this.requestConfig = requestConfig;
-        return _this;
-    }
-    var _proto = HDRContentRestorer.prototype;
-    _proto.restoreContent = function restoreContent() {
-        var _this = this;
-        return new engineCore.AssetPromise(function(resolve, reject) {
-            var resource = _this.resource;
-            var engine = resource.engine;
-            engine.resourceManager// @ts-ignore
-            ._request(_this.url, _this.requestConfig).then(function(buffer) {
-                HDRLoader._setTextureByBuffer(engine, buffer, resource);
-                resolve(resource);
-            }).catch(reject);
-        });
-    };
-    return HDRContentRestorer;
-}(engineCore.ContentRestorer);
-
 var JSONLoader = /*#__PURE__*/ function(Loader) {
     _inherits(JSONLoader, Loader);
     function JSONLoader() {
@@ -5659,14 +5285,18 @@ var JSONLoader = /*#__PURE__*/ function(Loader) {
         // @ts-ignore
         return resourceManager._request(item.url, _extends({}, item, {
             type: "json"
-        }));
+        })).then(function(data) {
+            var asset = new engineCore.JSONAsset(resourceManager.engine);
+            asset.data = data;
+            return asset;
+        });
     };
     return JSONLoader;
 }(engineCore.Loader);
 JSONLoader = __decorate([
     engineCore.resourceLoader(engineCore.AssetType.JSON, [
         "json"
-    ], false)
+    ])
 ], JSONLoader);
 
 var HEADER_LEN = 12 + 13 * 4; // identifier + header elements (not including key value meta-data pairs)
@@ -6047,7 +5677,7 @@ var MaterialLoader = /*#__PURE__*/ function(Loader) {
 }(engineCore.Loader);
 MaterialLoader = __decorate([
     engineCore.resourceLoader(engineCore.AssetType.Material, [
-        "json"
+        "mat"
     ])
 ], MaterialLoader);
 
@@ -6170,7 +5800,7 @@ var ProjectLoader = /*#__PURE__*/ function(Loader) {
 }(engineCore.Loader);
 ProjectLoader = __decorate([
     engineCore.resourceLoader(engineCore.AssetType.Project, [
-        "proj"
+        "project"
     ], false)
 ], ProjectLoader);
 
@@ -6367,28 +5997,44 @@ SpriteLoader = __decorate([
     ])
 ], SpriteLoader);
 
-/**
- * @internal
- */ var Texture2DContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
-    _inherits(Texture2DContentRestorer, ContentRestorer);
-    function Texture2DContentRestorer(resource, url, requestConfig) {
-        var _this;
-        _this = ContentRestorer.call(this, resource) || this, _this.url = url, _this.requestConfig = requestConfig;
-        return _this;
+var TextLoader = /*#__PURE__*/ function(Loader) {
+    _inherits(TextLoader, Loader);
+    function TextLoader() {
+        return Loader.apply(this, arguments) || this;
     }
-    var _proto = Texture2DContentRestorer.prototype;
-    _proto.restoreContent = function restoreContent() {
-        var _this = this;
-        return engineCore.request(this.url, this.requestConfig).then(function(image) {
-            var resource = _this.resource;
-            resource.setImageSource(image);
-            resource.generateMipmaps();
-            return resource;
+    var _proto = TextLoader.prototype;
+    _proto.load = function load(item, resourceManager) {
+        // @ts-ignore
+        return resourceManager._request(item.url, _extends({}, item, {
+            type: "text"
+        })).then(function(text) {
+            var asset = new engineCore.TextAsset(resourceManager.engine);
+            asset.text = text;
+            return asset;
         });
     };
-    return Texture2DContentRestorer;
-}(engineCore.ContentRestorer);
+    return TextLoader;
+}(engineCore.Loader);
+TextLoader = __decorate([
+    engineCore.resourceLoader(engineCore.AssetType.Text, [
+        "txt"
+    ])
+], TextLoader);
 
+function loadImageFromBuffer(buffer) {
+    return new engineCore.AssetPromise(function(resolve, reject) {
+        var blob = new Blob([
+            buffer
+        ]);
+        var img = new Image();
+        img.onload = function() {
+            URL.revokeObjectURL(img.src);
+            resolve(img);
+        };
+        img.onerror = reject;
+        img.src = URL.createObjectURL(blob);
+    });
+}
 var Texture2DLoader = /*#__PURE__*/ function(Loader) {
     _inherits(Texture2DLoader, Loader);
     function Texture2DLoader() {
@@ -6396,36 +6042,48 @@ var Texture2DLoader = /*#__PURE__*/ function(Loader) {
     }
     var _proto = Texture2DLoader.prototype;
     _proto.load = function load(item, resourceManager) {
+        var _this = this;
+        var url = item.url;
+        var requestConfig = _extends({}, item, {
+            type: "arraybuffer"
+        });
         return new engineCore.AssetPromise(function(resolve, reject, setTaskCompleteProgress, setTaskDetailProgress) {
-            var url = item.url;
-            var requestConfig = _extends({}, item, {
-                type: "image"
-            });
             resourceManager// @ts-ignore
-            ._request(url, requestConfig).onProgress(setTaskCompleteProgress, setTaskDetailProgress).then(function(image) {
-                var _item_params;
-                var _ref = (_item_params = item.params) != null ? _item_params : {}, _ref_format = _ref.format, format = _ref_format === void 0 ? engineCore.TextureFormat.R8G8B8A8 : _ref_format, anisoLevel = _ref.anisoLevel, wrapModeU = _ref.wrapModeU, wrapModeV = _ref.wrapModeV, filterMode = _ref.filterMode, _ref_isSRGBColorSpace = _ref.isSRGBColorSpace, isSRGBColorSpace = _ref_isSRGBColorSpace === void 0 ? true : _ref_isSRGBColorSpace, _ref_mipmap = _ref.mipmap, mipmap = _ref_mipmap === void 0 ? true : _ref_mipmap;
-                var width = image.width, height = image.height;
-                var engine = resourceManager.engine;
-                var generateMipmap = engineCore.TextureUtils.supportGenerateMipmapsWithCorrection(engine, width, height, format, mipmap, isSRGBColorSpace);
-                var texture = new engineCore.Texture2D(engine, width, height, format, generateMipmap, isSRGBColorSpace);
-                texture.anisoLevel = anisoLevel != null ? anisoLevel : texture.anisoLevel;
-                texture.filterMode = filterMode != null ? filterMode : texture.filterMode;
-                texture.wrapModeU = wrapModeU != null ? wrapModeU : texture.wrapModeU;
-                texture.wrapModeV = wrapModeV != null ? wrapModeV : texture.wrapModeV;
-                texture.setImageSource(image);
-                generateMipmap && texture.generateMipmaps();
-                if (url.indexOf("data:") !== 0) {
-                    var index = url.lastIndexOf("/");
-                    texture.name = url.substring(index + 1);
+            ._request(url, requestConfig).onProgress(setTaskCompleteProgress, setTaskDetailProgress).then(function(buffer) {
+                if (FileHeader.checkMagic(buffer)) {
+                    decode(buffer, resourceManager.engine).then(function(texture) {
+                        resourceManager.addContentRestorer(new Texture2DContentRestorer(texture, url, requestConfig));
+                        resolve(texture);
+                    }, reject);
+                } else {
+                    loadImageFromBuffer(buffer).then(function(img) {
+                        var texture = _this._createTexture(img, item, resourceManager);
+                        resourceManager.addContentRestorer(new Texture2DContentRestorer(texture, url, requestConfig));
+                        resolve(texture);
+                    }, reject);
                 }
-                resourceManager.addContentRestorer(new Texture2DContentRestorer(texture, url, requestConfig));
-                resolve(texture);
-            }).catch(function(e) {
-                reject(e);
-            });
+            }).catch(reject);
         });
     };
+    _proto._createTexture = function _createTexture(img, item, resourceManager) {
+        var _item_params;
+        var _ref = (_item_params = item.params) != null ? _item_params : {}, _ref_format = _ref.format, format = _ref_format === void 0 ? engineCore.TextureFormat.R8G8B8A8 : _ref_format, anisoLevel = _ref.anisoLevel, wrapModeU = _ref.wrapModeU, wrapModeV = _ref.wrapModeV, filterMode = _ref.filterMode, _ref_isSRGBColorSpace = _ref.isSRGBColorSpace, isSRGBColorSpace = _ref_isSRGBColorSpace === void 0 ? true : _ref_isSRGBColorSpace, _ref_mipmap = _ref.mipmap, mipmap = _ref_mipmap === void 0 ? true : _ref_mipmap;
+        var width = img.width, height = img.height;
+        var engine = resourceManager.engine;
+        var generateMipmap = engineCore.TextureUtils.supportGenerateMipmapsWithCorrection(engine, width, height, format, mipmap, isSRGBColorSpace);
+        var texture = new engineCore.Texture2D(engine, width, height, format, generateMipmap, isSRGBColorSpace);
+        texture.anisoLevel = anisoLevel != null ? anisoLevel : texture.anisoLevel;
+        texture.filterMode = filterMode != null ? filterMode : texture.filterMode;
+        texture.wrapModeU = wrapModeU != null ? wrapModeU : texture.wrapModeU;
+        texture.wrapModeV = wrapModeV != null ? wrapModeV : texture.wrapModeV;
+        texture.setImageSource(img);
+        generateMipmap && texture.generateMipmaps();
+        var url = item.url;
+        if (url.indexOf("data:") !== 0) {
+            texture.name = url.substring(url.lastIndexOf("/") + 1);
+        }
+        return texture;
+    };
     return Texture2DLoader;
 }(engineCore.Loader);
 Texture2DLoader = __decorate([
@@ -6433,40 +6091,319 @@ Texture2DLoader = __decorate([
         "png",
         "jpg",
         "webp",
-        "jpeg"
+        "jpeg",
+        "tex"
     ])
 ], Texture2DLoader);
-
-/**
- * @internal
- */ var TextureCubeContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
-    _inherits(TextureCubeContentRestorer, ContentRestorer);
-    function TextureCubeContentRestorer(resource, urls, requestConfig) {
+var Texture2DContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
+    _inherits(Texture2DContentRestorer, ContentRestorer);
+    function Texture2DContentRestorer(resource, url, requestConfig) {
         var _this;
-        _this = ContentRestorer.call(this, resource) || this, _this.urls = urls, _this.requestConfig = requestConfig;
+        _this = ContentRestorer.call(this, resource) || this, _this.url = url, _this.requestConfig = requestConfig;
         return _this;
     }
-    var _proto = TextureCubeContentRestorer.prototype;
+    var _proto = Texture2DContentRestorer.prototype;
     _proto.restoreContent = function restoreContent() {
-        var _this = this;
-        return new engineCore.AssetPromise(function(resolve, reject) {
-            Promise.all(_this.urls.map(function(url) {
-                return engineCore.request(url, _this.requestConfig);
-            })).then(function(images) {
-                var resource = _this.resource;
-                for(var faceIndex = 0; faceIndex < 6; faceIndex++){
-                    resource.setImageSource(engineCore.TextureCubeFace.PositiveX + faceIndex, images[faceIndex], 0);
-                }
-                resource.generateMipmaps();
-                resolve(resource);
-            }).catch(function(e) {
-                reject(e);
-            });
+        var texture = this.resource;
+        var engine = texture.engine;
+        return engine.resourceManager// @ts-ignore
+        ._request(this.url, this.requestConfig).then(function(buffer) {
+            if (FileHeader.checkMagic(buffer)) {
+                return decode(buffer, engine, texture);
+            } else {
+                return loadImageFromBuffer(buffer).then(function(img) {
+                    texture.setImageSource(img);
+                    texture.generateMipmaps();
+                    return texture;
+                });
+            }
         });
     };
-    return TextureCubeContentRestorer;
+    return Texture2DContentRestorer;
 }(engineCore.ContentRestorer);
 
+/**
+ * @internal
+ * HDR panorama to cubemap decoder.
+ */ var HDRDecoder = /*#__PURE__*/ function() {
+    function HDRDecoder() {}
+    HDRDecoder.parseHeader = function parseHeader(uint8array) {
+        var line = this._readStringLine(uint8array, 0);
+        if (line[0] !== "#" || line[1] !== "?") {
+            throw "HDRDecoder: invalid file header";
+        }
+        var endOfHeader = false;
+        var findFormat = false;
+        var lineIndex = 0;
+        do {
+            lineIndex += line.length + 1;
+            line = this._readStringLine(uint8array, lineIndex);
+            if (line === "FORMAT=32-bit_rle_rgbe") findFormat = true;
+            else if (line.length === 0) endOfHeader = true;
+        }while (!endOfHeader);
+        if (!findFormat) {
+            throw "HDRDecoder: unsupported format, expected 32-bit_rle_rgbe";
+        }
+        lineIndex += line.length + 1;
+        line = this._readStringLine(uint8array, lineIndex);
+        var match = /^\-Y (.*) \+X (.*)$/g.exec(line);
+        if (!match || match.length < 3) {
+            throw "HDRDecoder: missing image size, only -Y +X layout is supported";
+        }
+        var width = parseInt(match[2]);
+        var height = parseInt(match[1]);
+        if (width < 8 || width > 0x7fff) {
+            throw "HDRDecoder: unsupported image width, must be between 8 and 32767";
+        }
+        return {
+            height: height,
+            width: width,
+            dataPosition: lineIndex + line.length + 1
+        };
+    };
+    HDRDecoder.decodeFaces = function decodeFaces(bufferArray, header, onFace) {
+        var width = header.width, height = header.height, dataPosition = header.dataPosition;
+        var cubeSize = height >> 1;
+        var pixels = HDRDecoder._readPixels(bufferArray.subarray(dataPosition), width, height);
+        var faces = HDRDecoder._faces;
+        var faceBuffer = new Uint16Array(cubeSize * cubeSize * 4);
+        for(var faceIndex = 0; faceIndex < 6; faceIndex++){
+            HDRDecoder._createCubemapData(cubeSize, faces[faceIndex], pixels, width, height, faceBuffer);
+            onFace(faceIndex, faceBuffer);
+        }
+    };
+    HDRDecoder._generateFloat2HalfTables = function _generateFloat2HalfTables() {
+        var baseTable = new Uint32Array(512);
+        var shiftTable = new Uint32Array(512);
+        for(var i = 0; i < 256; ++i){
+            var e = i - 127;
+            if (e < -27) {
+                baseTable[i] = 0x0000;
+                baseTable[i | 0x100] = 0x8000;
+                shiftTable[i] = 24;
+                shiftTable[i | 0x100] = 24;
+            } else if (e < -14) {
+                baseTable[i] = 0x0400 >> -e - 14;
+                baseTable[i | 0x100] = 0x0400 >> -e - 14 | 0x8000;
+                shiftTable[i] = -e - 1;
+                shiftTable[i | 0x100] = -e - 1;
+            } else if (e <= 15) {
+                baseTable[i] = e + 15 << 10;
+                baseTable[i | 0x100] = e + 15 << 10 | 0x8000;
+                shiftTable[i] = 13;
+                shiftTable[i | 0x100] = 13;
+            } else if (e < 128) {
+                baseTable[i] = 0x7c00;
+                baseTable[i | 0x100] = 0xfc00;
+                shiftTable[i] = 24;
+                shiftTable[i | 0x100] = 24;
+            } else {
+                baseTable[i] = 0x7c00;
+                baseTable[i | 0x100] = 0xfc00;
+                shiftTable[i] = 13;
+                shiftTable[i | 0x100] = 13;
+            }
+        }
+        return {
+            baseTable: baseTable,
+            shiftTable: shiftTable
+        };
+    };
+    HDRDecoder._createCubemapData = function _createCubemapData(texSize, face, pixels, inputWidth, inputHeight, facePixels) {
+        var invSize = 1 / texSize;
+        var rotDX1X = (face[3] - face[0]) * invSize;
+        var rotDX1Y = (face[4] - face[1]) * invSize;
+        var rotDX1Z = (face[5] - face[2]) * invSize;
+        var rotDX2X = (face[9] - face[6]) * invSize;
+        var rotDX2Y = (face[10] - face[7]) * invSize;
+        var rotDX2Z = (face[11] - face[8]) * invSize;
+        var floatView = HDRDecoder._floatView;
+        var uint32View = HDRDecoder._uint32View;
+        var _HDRDecoder__float2HalfTables = HDRDecoder._float2HalfTables, baseTable = _HDRDecoder__float2HalfTables.baseTable, shiftTable = _HDRDecoder__float2HalfTables.shiftTable;
+        var one = HDRDecoder._one;
+        var fy = 0;
+        for(var y = 0; y < texSize; y++){
+            var xv1X = face[0], xv1Y = face[1], xv1Z = face[2];
+            var xv2X = face[6], xv2Y = face[7], xv2Z = face[8];
+            for(var x = 0; x < texSize; x++){
+                var dirX = xv1X + (xv2X - xv1X) * fy;
+                var dirY = xv1Y + (xv2Y - xv1Y) * fy;
+                var dirZ = xv1Z + (xv2Z - xv1Z) * fy;
+                var invLen = 1 / Math.sqrt(dirX * dirX + dirY * dirY + dirZ * dirZ);
+                dirX *= invLen;
+                dirY *= invLen;
+                dirZ *= invLen;
+                var px = Math.round((Math.atan2(dirZ, dirX) / Math.PI * 0.5 + 0.5) * inputWidth);
+                if (px < 0) px = 0;
+                else if (px >= inputWidth) px = inputWidth - 1;
+                var py = Math.round(Math.acos(dirY) / Math.PI * inputHeight);
+                if (py < 0) py = 0;
+                else if (py >= inputHeight) py = inputHeight - 1;
+                var srcIndex = (inputHeight - py - 1) * inputWidth * 4 + px * 4;
+                var scaleFactor = Math.pow(2, pixels[srcIndex + 3] - 128) / 255;
+                var dstIndex = y * texSize * 4 + x * 4;
+                for(var c = 0; c < 3; c++){
+                    floatView[0] = pixels[srcIndex + c] * scaleFactor;
+                    var f = uint32View[0];
+                    var e = f >> 23 & 0x1ff;
+                    facePixels[dstIndex + c] = baseTable[e] + ((f & 0x007fffff) >> shiftTable[e]);
+                }
+                facePixels[dstIndex + 3] = one;
+                xv1X += rotDX1X;
+                xv1Y += rotDX1Y;
+                xv1Z += rotDX1Z;
+                xv2X += rotDX2X;
+                xv2Y += rotDX2Y;
+                xv2Z += rotDX2Z;
+            }
+            fy += invSize;
+        }
+    };
+    HDRDecoder._readStringLine = function _readStringLine(uint8array, startIndex) {
+        var line = "";
+        for(var i = startIndex, n = uint8array.length; i < n; i++){
+            var character = String.fromCharCode(uint8array[i]);
+            if (character === "\n") break;
+            line += character;
+        }
+        return line;
+    };
+    HDRDecoder._readPixels = function _readPixels(buffer, width, height) {
+        var byteLength = buffer.byteLength;
+        var dataRGBA = new Uint8Array(4 * width * height);
+        var offset = 0;
+        var pos = 0;
+        var ptrEnd = 4 * width;
+        var scanLineBuffer = new Uint8Array(ptrEnd);
+        var numScanLines = height;
+        while(numScanLines > 0 && pos < byteLength){
+            var a = buffer[pos++];
+            var b = buffer[pos++];
+            var c = buffer[pos++];
+            var d = buffer[pos++];
+            if (a !== 2 || b !== 2 || c & 0x80 || width < 8 || width > 32767) return buffer;
+            if ((c << 8 | d) !== width) throw "HDRDecoder: wrong scanline width";
+            var ptr = 0;
+            while(ptr < ptrEnd && pos < byteLength){
+                var count = buffer[pos++];
+                var isEncodedRun = count > 128;
+                if (isEncodedRun) count -= 128;
+                if (count === 0 || ptr + count > ptrEnd) throw "HDRDecoder: bad scanline data";
+                if (isEncodedRun) {
+                    var byteValue = buffer[pos++];
+                    for(var i = 0; i < count; i++)scanLineBuffer[ptr++] = byteValue;
+                } else {
+                    scanLineBuffer.set(buffer.subarray(pos, pos + count), ptr);
+                    ptr += count;
+                    pos += count;
+                }
+            }
+            for(var i1 = 0; i1 < width; i1++, offset += 4){
+                dataRGBA[offset] = scanLineBuffer[i1];
+                dataRGBA[offset + 1] = scanLineBuffer[i1 + width];
+                dataRGBA[offset + 2] = scanLineBuffer[i1 + width * 2];
+                dataRGBA[offset + 3] = scanLineBuffer[i1 + width * 3];
+            }
+            numScanLines--;
+        }
+        return dataRGBA;
+    };
+    return HDRDecoder;
+}();
+// Float32 to Float16 lookup tables (http://www.fox-toolkit.org/ftp/fasthalffloatconversion.pdf)
+HDRDecoder._float2HalfTables = HDRDecoder._generateFloat2HalfTables();
+HDRDecoder._floatView = new Float32Array(1);
+HDRDecoder._uint32View = new Uint32Array(HDRDecoder._floatView.buffer);
+HDRDecoder._one = 0x3c00 // Half float for 1.0
+;
+// prettier-ignore
+HDRDecoder._faces = [
+    /* +X */ [
+        1,
+        -1,
+        -1,
+        1,
+        -1,
+        1,
+        1,
+        1,
+        -1,
+        1,
+        1,
+        1
+    ],
+    /* -X */ [
+        -1,
+        -1,
+        1,
+        -1,
+        -1,
+        -1,
+        -1,
+        1,
+        1,
+        -1,
+        1,
+        -1
+    ],
+    /* +Y */ [
+        -1,
+        -1,
+        1,
+        1,
+        -1,
+        1,
+        -1,
+        -1,
+        -1,
+        1,
+        -1,
+        -1
+    ],
+    /* -Y */ [
+        -1,
+        1,
+        -1,
+        1,
+        1,
+        -1,
+        -1,
+        1,
+        1,
+        1,
+        1,
+        1
+    ],
+    /* +Z */ [
+        -1,
+        -1,
+        -1,
+        1,
+        -1,
+        -1,
+        -1,
+        1,
+        -1,
+        1,
+        1,
+        -1
+    ],
+    /* -Z */ [
+        1,
+        -1,
+        1,
+        -1,
+        -1,
+        1,
+        1,
+        1,
+        1,
+        -1,
+        1,
+        1
+    ]
+];
+
 var TextureCubeLoader = /*#__PURE__*/ function(Loader) {
     _inherits(TextureCubeLoader, Loader);
     function TextureCubeLoader() {
@@ -6474,6 +6411,44 @@ var TextureCubeLoader = /*#__PURE__*/ function(Loader) {
     }
     var _proto = TextureCubeLoader.prototype;
     _proto.load = function load(item, resourceManager) {
+        if (item.urls) {
+            return this._loadCubeFaces(item, resourceManager);
+        } else {
+            return this._loadHDR(item, resourceManager);
+        }
+    };
+    _proto._loadHDR = function _loadHDR(item, resourceManager) {
+        return new engineCore.AssetPromise(function(resolve, reject) {
+            var engine = resourceManager.engine;
+            var url = item.url;
+            var requestConfig = _extends({}, item, {
+                type: "arraybuffer"
+            });
+            resourceManager// @ts-ignore
+            ._request(url, requestConfig).then(function(buffer) {
+                if (!engineCore.SystemInfo.supportsTextureFormat(engine, engineCore.TextureFormat.R16G16B16A16)) {
+                    reject(new Error("TextureCubeLoader: HDR texture requires half float support."));
+                    return;
+                }
+                var _item_params;
+                var _ref = (_item_params = item.params) != null ? _item_params : {}, _ref_mipmap = _ref.mipmap, mipmap = _ref_mipmap === void 0 ? true : _ref_mipmap, anisoLevel = _ref.anisoLevel, wrapModeU = _ref.wrapModeU, wrapModeV = _ref.wrapModeV, filterMode = _ref.filterMode;
+                var bufferArray = new Uint8Array(buffer);
+                var header = HDRDecoder.parseHeader(bufferArray);
+                var texture = new engineCore.TextureCube(engine, header.height >> 1, engineCore.TextureFormat.R16G16B16A16, mipmap, false);
+                HDRDecoder.decodeFaces(bufferArray, header, function(faceIndex, data) {
+                    texture.setPixelBuffer(engineCore.TextureCubeFace.PositiveX + faceIndex, data, 0);
+                });
+                texture.generateMipmaps();
+                texture.anisoLevel = anisoLevel != null ? anisoLevel : texture.anisoLevel;
+                texture.filterMode = filterMode != null ? filterMode : texture.filterMode;
+                texture.wrapModeU = wrapModeU != null ? wrapModeU : texture.wrapModeU;
+                texture.wrapModeV = wrapModeV != null ? wrapModeV : texture.wrapModeV;
+                resourceManager.addContentRestorer(new HDRContentRestorer(texture, url, requestConfig));
+                resolve(texture);
+            }).catch(reject);
+        });
+    };
+    _proto._loadCubeFaces = function _loadCubeFaces(item, resourceManager) {
         return new engineCore.AssetPromise(function(resolve, reject) {
             var urls = item.urls;
             var requestConfig = _extends({}, item, {
@@ -6487,7 +6462,7 @@ var TextureCubeLoader = /*#__PURE__*/ function(Loader) {
                 var _ref = (_item_params = item.params) != null ? _item_params : {}, _ref_format = _ref.format, format = _ref_format === void 0 ? engineCore.TextureFormat.R8G8B8A8 : _ref_format, anisoLevel = _ref.anisoLevel, wrapModeU = _ref.wrapModeU, wrapModeV = _ref.wrapModeV, filterMode = _ref.filterMode, _ref_isSRGBColorSpace = _ref.isSRGBColorSpace, isSRGBColorSpace = _ref_isSRGBColorSpace === void 0 ? true : _ref_isSRGBColorSpace, _ref_mipmap = _ref.mipmap, mipmap = _ref_mipmap === void 0 ? true : _ref_mipmap;
                 var _images_ = images[0], width = _images_.width, height = _images_.height;
                 if (width !== height) {
-                    console.error("The cube texture must have the same width and height");
+                    reject(new Error("The cube texture must have the same width and height"));
                     return;
                 }
                 var engine = resourceManager.engine;
@@ -6500,21 +6475,70 @@ var TextureCubeLoader = /*#__PURE__*/ function(Loader) {
                 for(var faceIndex = 0; faceIndex < 6; faceIndex++){
                     texture.setImageSource(engineCore.TextureCubeFace.PositiveX + faceIndex, images[faceIndex], 0);
                 }
-                generateMipmap && texture.generateMipmaps();
-                resourceManager.addContentRestorer(new TextureCubeContentRestorer(texture, urls, requestConfig));
+                texture.generateMipmaps();
+                resourceManager.addContentRestorer(new CubeFaceContentRestorer(texture, urls, requestConfig));
                 resolve(texture);
-            }).catch(function(e) {
-                reject(e);
-            });
+            }).catch(reject);
         });
     };
     return TextureCubeLoader;
 }(engineCore.Loader);
 TextureCubeLoader = __decorate([
     engineCore.resourceLoader(engineCore.AssetType.TextureCube, [
-        ""
+        "texCube",
+        "hdr"
     ])
 ], TextureCubeLoader);
+var HDRContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
+    _inherits(HDRContentRestorer, ContentRestorer);
+    function HDRContentRestorer(resource, url, requestConfig) {
+        var _this;
+        _this = ContentRestorer.call(this, resource) || this, _this.url = url, _this.requestConfig = requestConfig;
+        return _this;
+    }
+    var _proto = HDRContentRestorer.prototype;
+    _proto.restoreContent = function restoreContent() {
+        var _this = this;
+        return new engineCore.AssetPromise(function(resolve, reject) {
+            var resource = _this.resource;
+            resource.engine.resourceManager// @ts-ignore
+            ._request(_this.url, _this.requestConfig).then(function(buffer) {
+                var bufferArray = new Uint8Array(buffer);
+                HDRDecoder.decodeFaces(bufferArray, HDRDecoder.parseHeader(bufferArray), function(faceIndex, data) {
+                    resource.setPixelBuffer(engineCore.TextureCubeFace.PositiveX + faceIndex, data, 0);
+                });
+                resource.generateMipmaps();
+                resolve(resource);
+            }).catch(reject);
+        });
+    };
+    return HDRContentRestorer;
+}(engineCore.ContentRestorer);
+var CubeFaceContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
+    _inherits(CubeFaceContentRestorer, ContentRestorer);
+    function CubeFaceContentRestorer(resource, urls, requestConfig) {
+        var _this;
+        _this = ContentRestorer.call(this, resource) || this, _this.urls = urls, _this.requestConfig = requestConfig;
+        return _this;
+    }
+    var _proto = CubeFaceContentRestorer.prototype;
+    _proto.restoreContent = function restoreContent() {
+        var _this = this;
+        return new engineCore.AssetPromise(function(resolve, reject) {
+            Promise.all(_this.urls.map(function(url) {
+                return engineCore.request(url, _this.requestConfig);
+            })).then(function(images) {
+                var resource = _this.resource;
+                for(var faceIndex = 0; faceIndex < 6; faceIndex++){
+                    resource.setImageSource(engineCore.TextureCubeFace.PositiveX + faceIndex, images[faceIndex], 0);
+                }
+                resource.generateMipmaps();
+                resolve(resource);
+            }).catch(reject);
+        });
+    };
+    return CubeFaceContentRestorer;
+}(engineCore.ContentRestorer);
 
 var AudioLoader = /*#__PURE__*/ function(Loader) {
     _inherits(AudioLoader, Loader);
@@ -6587,6 +6611,7 @@ var ShaderChunkLoader = /*#__PURE__*/ function(Loader) {
             }
         }
         return Promise.all(shaderChunkPaths.map(function(chunkPath) {
+            // @ts-ignore
             return resourceManager.load({
                 type: "ShaderChunk",
                 url: chunkPath
@@ -6663,7 +6688,7 @@ var PhysicsMaterialLoader = /*#__PURE__*/ function(Loader) {
 }(engineCore.Loader);
 PhysicsMaterialLoader = __decorate([
     engineCore.resourceLoader(engineCore.AssetType.PhysicsMaterial, [
-        "mesh"
+        "physMat"
     ])
 ], PhysicsMaterialLoader);