@galacean/engine 1.5.14 → 1.6.0-alpha.0

package/dist/browser.js

@@ -5599,6 +5599,7 @@
         /** RGB compressed format, 4 bits per pixel. */ TextureFormat[TextureFormat["BC1"] = 10] = "BC1";
         /** RGBA compressed format, 8 bits per pixel. */ TextureFormat[TextureFormat["BC3"] = 11] = "BC3";
         /** RGB(A) compressed format, 128 bits per 4x4 pixel block. */ TextureFormat[TextureFormat["BC7"] = 12] = "BC7";
+        /** RGB HDR compressed format, 8 bits per pixel. */ TextureFormat[TextureFormat["BC6H"] = 100] = "BC6H";
         /** RGB compressed format, 4 bits per pixel. */ TextureFormat[TextureFormat["ETC1_RGB"] = 13] = "ETC1_RGB";
         /** RGB compressed format, 4 bits per pixel. */ TextureFormat[TextureFormat["ETC2_RGB"] = 14] = "ETC2_RGB";
         /** RGBA compressed format, 5 bits per pixel, 4 bit in RGB, 1 bit in A. */ TextureFormat[TextureFormat["ETC2_RGBA5"] = 15] = "ETC2_RGBA5";
@@ -5767,6 +5768,7 @@
         GLCapabilityType["fragDepth"] = "EXT_frag_depth";
         GLCapabilityType["astc"] = "WEBGL_compressed_texture_astc";
         GLCapabilityType["astc_webkit"] = "WEBKIT_WEBGL_compressed_texture_astc";
+        GLCapabilityType["astc_hdr"] = "WEBGL_compressed_texture_astc_hdr";
         GLCapabilityType["etc"] = "WEBGL_compressed_texture_etc";
         GLCapabilityType["etc_webkit"] = "WEBKIT_WEBGL_compressed_texture_etc";
         GLCapabilityType["etc1"] = "WEBGL_compressed_texture_etc1";
@@ -5882,12 +5884,19 @@
             });
         };
         /**
-       * 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.
+       * Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected).
+       * The callback result is ignored and the original value/reason is preserved per Promise spec.
+       * Returns an AssetPromise to keep chainability with AssetPromise methods.
+       * @param onFinally - The callback to execute when the Promise is settled.
+       * @returns An AssetPromise for the completion of the callback.
        */ _proto.finally = function _finally(onFinally) {
-            return this._promise.finally(onFinally);
+            return this.then(function(value) {
+                onFinally == null ? void 0 : onFinally();
+                return value;
+            }, function(reason) {
+                onFinally == null ? void 0 : onFinally();
+                throw reason;
+            });
         };
         /**
        * Cancel promise request.
@@ -10301,7 +10310,6 @@
             // Create program and link shader
             var program = gl.createProgram();
             if (!program) {
-                console.warn("Context lost while create program.");
                 return null;
             }
             gl.attachShader(program, vertexShader);
@@ -10321,7 +10329,6 @@
             var gl = this._gl;
             var shader = gl.createShader(shaderType);
             if (!shader) {
-                console.warn("Context lost while create shader.");
                 return null;
             }
             gl.shaderSource(shader, shaderSource);
@@ -10489,7 +10496,9 @@
         _proto._getUniformInfos = function _getUniformInfos() {
             var gl = this._gl;
             var program = this._glProgram;
-            var uniformCount = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
+            var _gl_getProgramParameter;
+            // uniformCount is `null` when context lost.
+            var uniformCount = (_gl_getProgramParameter = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS)) != null ? _gl_getProgramParameter : 0;
             var uniformInfos = new Array(uniformCount);
             for(var i = 0; i < uniformCount; ++i){
                 var info = gl.getActiveUniform(program, i);
@@ -10501,7 +10510,9 @@
             var gl = this._gl;
             var program = this._glProgram;
             var attributeInfos = new Array();
-            var attributeCount = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES);
+            var _gl_getProgramParameter;
+            // attributeCount is `null` when context lost.
+            var attributeCount = (_gl_getProgramParameter = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES)) != null ? _gl_getProgramParameter : 0;
             for(var i = 0; i < attributeCount; ++i){
                 var info = gl.getActiveAttrib(program, i);
                 attributeInfos[i] = info;
@@ -12728,22 +12739,59 @@
             target._rotation.copyFrom(this.rotation);
             target._scale.copyFrom(this.scale);
         };
-        _proto._onDestroy = function _onDestroy() {
-            Component.prototype._onDestroy.call(this);
-            //@ts-ignore
-            this._worldPosition._onValueChanged = null;
-            //@ts-ignore
-            this._rotation._onValueChanged = null;
-            //@ts-ignore
-            this._worldRotation._onValueChanged = null;
-            //@ts-ignore
-            this._rotationQuaternion._onValueChanged = null;
-            //@ts-ignore
-            this._worldRotationQuaternion._onValueChanged = null;
-            //@ts-ignore
-            this._position._onValueChanged = null;
-            //@ts-ignore
-            this._scale._onValueChanged = null;
+        _proto._onWorldMatrixChange = function _onWorldMatrixChange() {
+            this._setDirtyFlagFalse(128);
+        };
+        _proto._isContainDirtyFlags = function _isContainDirtyFlags(targetDirtyFlags) {
+            return (this._dirtyFlag & targetDirtyFlags) === targetDirtyFlags;
+        };
+        _proto._isContainDirtyFlag = function _isContainDirtyFlag(type) {
+            return (this._dirtyFlag & type) != 0;
+        };
+        _proto._setDirtyFlagTrue = function _setDirtyFlagTrue(type) {
+            this._dirtyFlag |= type;
+        };
+        _proto._setDirtyFlagFalse = function _setDirtyFlagFalse(type) {
+            this._dirtyFlag &= ~type;
+        };
+        _proto._worldAssociatedChange = function _worldAssociatedChange(type) {
+            var dispatchFlags = type & ~this._dirtyFlag;
+            this._dirtyFlag |= type;
+            this._entity._updateFlagManager.dispatch(dispatchFlags);
+        };
+        _proto._getParentTransform = function _getParentTransform() {
+            if (!this._isParentDirty) {
+                return this._parentTransformCache;
+            }
+            var parentCache = null;
+            var parent = this._entity.parent;
+            while(parent){
+                var transform = parent.transform;
+                if (transform) {
+                    parentCache = transform;
+                    break;
+                } else {
+                    parent = parent.parent;
+                }
+            }
+            this._parentTransformCache = parentCache;
+            this._isParentDirty = false;
+            return parentCache;
+        };
+        _proto._onPositionChanged = function _onPositionChanged() {
+            this._setDirtyFlagTrue(64);
+            this._updateWorldPositionFlag();
+        };
+        _proto._onWorldPositionChanged = function _onWorldPositionChanged() {
+            var worldPosition = this._worldPosition;
+            var parent = this._getParentTransform();
+            if (parent) {
+                Matrix.invert(parent.worldMatrix, Transform._tempMat41);
+                Vector3.transformCoordinate(worldPosition, Transform._tempMat41, this._position);
+            } else {
+                this._position.copyFrom(worldPosition);
+            }
+            this._setDirtyFlagFalse(4);
         };
         /**
        * Get worldMatrix: Will trigger the worldMatrix update of itself and all parent entities.
@@ -12845,25 +12893,6 @@
                 }
             }
         };
-        _proto._getParentTransform = function _getParentTransform() {
-            if (!this._isParentDirty) {
-                return this._parentTransformCache;
-            }
-            var parentCache = null;
-            var parent = this._entity.parent;
-            while(parent){
-                var transform = parent.transform;
-                if (transform) {
-                    parentCache = transform;
-                    break;
-                } else {
-                    parent = parent.parent;
-                }
-            }
-            this._parentTransformCache = parentCache;
-            this._isParentDirty = false;
-            return parentCache;
-        };
         _proto._getScaleMatrix = function _getScaleMatrix() {
             var invRotation = Transform._tempQuat0;
             var invRotationMat = Transform._tempMat30;
@@ -12875,22 +12904,6 @@
             Matrix3x3.multiply(invRotationMat, worldRotScaMat, scaMat);
             return scaMat;
         };
-        _proto._isContainDirtyFlags = function _isContainDirtyFlags(targetDirtyFlags) {
-            return (this._dirtyFlag & targetDirtyFlags) === targetDirtyFlags;
-        };
-        _proto._isContainDirtyFlag = function _isContainDirtyFlag(type) {
-            return (this._dirtyFlag & type) != 0;
-        };
-        _proto._setDirtyFlagTrue = function _setDirtyFlagTrue(type) {
-            this._dirtyFlag |= type;
-        };
-        _proto._setDirtyFlagFalse = function _setDirtyFlagFalse(type) {
-            this._dirtyFlag &= ~type;
-        };
-        _proto._worldAssociatedChange = function _worldAssociatedChange(type) {
-            this._dirtyFlag |= type;
-            this._entity._updateFlagManager.dispatch(type);
-        };
         _proto._rotateByQuat = function _rotateByQuat(rotateQuat, relativeToLocal) {
             if (relativeToLocal) {
                 Quaternion.multiply(this.rotationQuaternion, rotateQuat, this._rotationQuaternion);
@@ -12915,21 +12928,6 @@
             Quaternion.rotationEuler(x * radFactor, y * radFactor, z * radFactor, rotQuat);
             this._rotateByQuat(rotQuat, relativeToLocal);
         };
-        _proto._onPositionChanged = function _onPositionChanged() {
-            this._setDirtyFlagTrue(64);
-            this._updateWorldPositionFlag();
-        };
-        _proto._onWorldPositionChanged = function _onWorldPositionChanged() {
-            var worldPosition = this._worldPosition;
-            var parent = this._getParentTransform();
-            if (parent) {
-                Matrix.invert(parent.worldMatrix, Transform._tempMat41);
-                Vector3.transformCoordinate(worldPosition, Transform._tempMat41, this._position);
-            } else {
-                this._position.copyFrom(worldPosition);
-            }
-            this._setDirtyFlagFalse(4);
-        };
         _proto._onRotationChanged = function _onRotationChanged() {
             this._setDirtyFlagTrue(64 | 2);
             this._setDirtyFlagFalse(1);
@@ -13190,15 +13188,16 @@
                     var _this = this, position = _this._position, rotationQuaternion = _this._rotationQuaternion, scale = _this._scale;
                     // @ts-ignore
                     position._onValueChanged = rotationQuaternion._onValueChanged = scale._onValueChanged = null;
-                    this._localMatrix.decompose(position, rotationQuaternion, scale);
+                    value.decompose(position, rotationQuaternion, scale);
+                    this._onLocalMatrixChanging == null ? void 0 : this._onLocalMatrixChanging.call(this);
+                    this._setDirtyFlagTrue(1);
+                    this._setDirtyFlagFalse(64 | 2);
                     // @ts-ignore
                     position._onValueChanged = this._onPositionChanged;
                     // @ts-ignore
                     rotationQuaternion._onValueChanged = this._onRotationQuaternionChanged;
                     // @ts-ignore
                     scale._onValueChanged = this._onScaleChanged;
-                    this._setDirtyFlagTrue(1);
-                    this._setDirtyFlagFalse(64 | 2);
                     var localUniformScaling = scale.x === scale.y && scale.y === scale.z;
                     if (this._localUniformScaling !== localUniformScaling) {
                         this._localUniformScaling = localUniformScaling;
@@ -13237,7 +13236,7 @@
                         this._localMatrix.copyFrom(value);
                     }
                     this.localMatrix = this._localMatrix;
-                    this._setDirtyFlagFalse(128);
+                    this._onWorldMatrixChange();
                 }
             },
             {
@@ -13358,7 +13357,7 @@
         ignoreClone
     ], Transform.prototype, "_onScaleChanged", null);
     /**
-     * @internal
+     * Dirty flag of transform.
      */ var TransformModifyFlags = /*#__PURE__*/ function(TransformModifyFlags) {
         TransformModifyFlags[TransformModifyFlags["LocalEuler"] = 1] = "LocalEuler";
         TransformModifyFlags[TransformModifyFlags["LocalQuat"] = 2] = "LocalQuat";
@@ -15844,43 +15843,130 @@
             if (outHitResult) {
                 hitResult = outHitResult;
             }
-            var onRaycast = function onRaycast(obj) {
-                var shape = Engine._physicalObjectsMap[obj];
-                if (!shape) {
-                    return false;
-                }
-                return shape.collider.entity.layer & layerMask && shape.isSceneQuery;
-            };
-            var outIDX;
-            var outDistance;
-            var outPosition;
-            var outNormal;
-            if (hitResult != undefined) {
-                var result = this._nativePhysicsScene.raycast(ray, distance, onRaycast, function(idx, distance, position, normal) {
-                    outIDX = idx;
-                    outDistance = distance;
-                    outPosition = position;
-                    outNormal = normal;
-                });
-                if (result) {
-                    var hitShape = Engine._physicalObjectsMap[outIDX];
-                    hitResult.entity = hitShape._collider.entity;
-                    hitResult.shape = hitShape;
-                    hitResult.distance = outDistance;
-                    hitResult.point.copyFrom(outPosition);
-                    hitResult.normal.copyFrom(outNormal);
-                    return true;
-                } else {
-                    hitResult.entity = null;
-                    hitResult.shape = null;
-                    hitResult.distance = 0;
-                    hitResult.point.set(0, 0, 0);
-                    hitResult.normal.set(0, 0, 0);
-                    return false;
-                }
-            } else {
-                return this._nativePhysicsScene.raycast(ray, distance, onRaycast);
+            var preFilter = this._createPreFilter(layerMask);
+            var result = this._nativePhysicsScene.raycast(ray, distance, preFilter, hitResult ? this._createHitCallback(hitResult) : undefined);
+            if (!result && hitResult) {
+                this._clearHitResult(hitResult);
+            }
+            return result;
+        };
+        /**
+       * Casts a box through the Scene and returns true if there is any hit.
+       * @param center - The center of the box
+       * @param halfExtents - Half the size of the box in each dimension
+       * @param direction - The direction to sweep along
+       * @param orientation - The rotation of the box. @defaultValue `Quaternion(0, 0, 0, 1)`
+       * @param distance - The max distance to sweep. @defaultValue `Number.MAX_VALUE`
+       * @param layerMask - Layer mask that is used to selectively ignore Colliders when sweeping. @defaultValue `Layer.Everything`
+       * @param outHitResult - Optional HitResult object to store detailed hit information
+       * @returns Returns true if the box intersects with any collider, otherwise false
+       */ _proto.boxCast = function boxCast(center, halfExtents, direction, orientation, distance, layerMask, outHitResult) {
+            if (orientation === void 0) orientation = PhysicsScene._identityQuaternion;
+            if (distance === void 0) distance = Number.MAX_VALUE;
+            if (layerMask === void 0) layerMask = Layer.Everything;
+            var preFilter = this._createPreFilter(layerMask);
+            var result = this._nativePhysicsScene.boxCast(center, orientation, halfExtents, direction, distance, preFilter, outHitResult ? this._createHitCallback(outHitResult) : undefined);
+            if (!result && outHitResult) {
+                this._clearHitResult(outHitResult);
+            }
+            return result;
+        };
+        /**
+       * Casts a sphere through the Scene and returns true if there is any hit.
+       * @param center - The center of the sphere
+       * @param radius - The radius of the sphere
+       * @param direction - The direction to sweep along
+       * @param distance - The max distance to sweep. @defaultValue `Number.MAX_VALUE`
+       * @param layerMask - Layer mask that is used to selectively ignore Colliders when sweeping. @defaultValue `Layer.Everything`
+       * @param outHitResult - If true is returned, outHitResult will contain more detailed collision information
+       * @returns Returns True if the sphere intersects with any collider, otherwise false
+       */ _proto.sphereCast = function sphereCast(center, radius, direction, distance, layerMask, outHitResult) {
+            if (distance === void 0) distance = Number.MAX_VALUE;
+            if (layerMask === void 0) layerMask = Layer.Everything;
+            var preFilter = this._createPreFilter(layerMask);
+            var result = this._nativePhysicsScene.sphereCast(center, radius, direction, distance, preFilter, outHitResult ? this._createHitCallback(outHitResult) : undefined);
+            if (!result && outHitResult) {
+                this._clearHitResult(outHitResult);
             }
+            return result;
+        };
+        /**
+       * Casts a capsule through the Scene and returns true if there is any hit.
+       * @param center - The center of the capsule
+       * @param radius - The radius of the capsule
+       * @param height - The height of the capsule
+       * @param direction - The direction to sweep along
+       * @param orientation - The rotation of the capsule. @defaultValue `Quaternion(0, 0, 0, 1)`
+       * @param distance - The max distance to sweep. @defaultValue `Number.MAX_VALUE`
+       * @param layerMask - Layer mask that is used to selectively ignore Colliders when sweeping. @defaultValue `Layer.Everything`
+       * @param outHitResult - If true is returned, outHitResult will contain more detailed collision information
+       * @returns Returns True if the capsule intersects with any collider, otherwise false
+       */ _proto.capsuleCast = function capsuleCast(center, radius, height, direction, orientation, distance, layerMask, outHitResult) {
+            if (orientation === void 0) orientation = PhysicsScene._identityQuaternion;
+            if (distance === void 0) distance = Number.MAX_VALUE;
+            if (layerMask === void 0) layerMask = Layer.Everything;
+            var preFilter = this._createPreFilter(layerMask);
+            var result = this._nativePhysicsScene.capsuleCast(center, radius, height, orientation, direction, distance, preFilter, outHitResult ? this._createHitCallback(outHitResult) : undefined);
+            if (!result && outHitResult) {
+                this._clearHitResult(outHitResult);
+            }
+            return result;
+        };
+        /**
+       * Get all colliders that overlap with a box in the scene.
+       * @param center - The center of the box
+       * @param halfExtents - Half the size of the box in each dimension
+       * @param orientation - The rotation of the box. @defaultValue `Quaternion(0, 0, 0, 1)`
+       * @param layerMask - Layer mask that is used to selectively filter colliders. @defaultValue `Layer.Everything`
+       * @param shapes - Array to store overlapping collider shapes. @defaultValue `[]`
+       * @returns The collider shapes overlapping with the box
+       */ _proto.overlapBoxAll = function overlapBoxAll(center, halfExtents, orientation, layerMask, shapes) {
+            if (orientation === void 0) orientation = PhysicsScene._identityQuaternion;
+            if (layerMask === void 0) layerMask = Layer.Everything;
+            if (shapes === void 0) shapes = [];
+            var ids = this._nativePhysicsScene.overlapBoxAll(center, orientation, halfExtents, this._createPreFilter(layerMask));
+            shapes.length = 0;
+            for(var i = 0, n = ids.length; i < n; i++){
+                shapes.push(Engine._physicalObjectsMap[ids[i]]);
+            }
+            return shapes;
+        };
+        /**
+       * Get all colliders that overlap with a sphere in the scene.
+       * @param center - The center of the sphere
+       * @param radius - The radius of the sphere
+       * @param layerMask - Layer mask that is used to selectively filter colliders. @defaultValue `Layer.Everything`
+       * @param shapes - Array to store overlapping collider shapes. @defaultValue `[]`
+       * @returns The collider shapes overlapping with the sphere
+       */ _proto.overlapSphereAll = function overlapSphereAll(center, radius, layerMask, shapes) {
+            if (layerMask === void 0) layerMask = Layer.Everything;
+            if (shapes === void 0) shapes = [];
+            var ids = this._nativePhysicsScene.overlapSphereAll(center, radius, this._createPreFilter(layerMask));
+            shapes.length = 0;
+            for(var i = 0; i < ids.length; i++){
+                shapes.push(Engine._physicalObjectsMap[ids[i]]);
+            }
+            return shapes;
+        };
+        /**
+       * Get all colliders that overlap with a capsule in the scene.
+       * @param center - The center of the capsule
+       * @param radius - The radius of the capsule
+       * @param height - The height of the capsule
+       * @param orientation - The rotation of the capsule. @defaultValue `Quaternion(0, 0, 0, 1)`
+       * @param layerMask - Layer mask that is used to selectively filter colliders. @defaultValue `Layer.Everything`
+       * @param shapes - Array to store overlapping collider shapes. @defaultValue `[]`
+       * @returns The collider shapes overlapping with the capsule
+       */ _proto.overlapCapsuleAll = function overlapCapsuleAll(center, radius, height, orientation, layerMask, shapes) {
+            if (orientation === void 0) orientation = PhysicsScene._identityQuaternion;
+            if (layerMask === void 0) layerMask = Layer.Everything;
+            if (shapes === void 0) shapes = [];
+            var ids = this._nativePhysicsScene.overlapCapsuleAll(center, radius, height, orientation, this._createPreFilter(layerMask));
+            shapes.length = 0;
+            for(var i = 0; i < ids.length; i++){
+                shapes.push(Engine._physicalObjectsMap[ids[i]]);
+            }
+            return shapes;
         };
         /**
        * Call on every frame to update pose of objects.
@@ -15970,6 +16056,31 @@
         _proto._setGravity = function _setGravity() {
             this._nativePhysicsScene.setGravity(this._gravity);
         };
+        _proto._createPreFilter = function _createPreFilter(mask) {
+            return function(obj) {
+                var shape = Engine._physicalObjectsMap[obj];
+                if (!shape) {
+                    return false;
+                }
+                return shape.collider.entity.layer & mask && shape.isSceneQuery;
+            };
+        };
+        _proto._createHitCallback = function _createHitCallback(outHitResult) {
+            return function(shapeUniqueID, distance, position, normal) {
+                outHitResult.entity = Engine._physicalObjectsMap[shapeUniqueID].collider.entity;
+                outHitResult.shape = Engine._physicalObjectsMap[shapeUniqueID];
+                outHitResult.distance = distance;
+                outHitResult.point.copyFrom(position);
+                outHitResult.normal.copyFrom(normal);
+            };
+        };
+        _proto._clearHitResult = function _clearHitResult(hitResult) {
+            hitResult.entity = null;
+            hitResult.shape = null;
+            hitResult.distance = 0;
+            hitResult.point.set(0, 0, 0);
+            hitResult.normal.set(0, 0, 0);
+        };
         _create_class$2(PhysicsScene, [
             {
                 key: "gravity",
@@ -16000,6 +16111,7 @@
         return PhysicsScene;
     }();
     PhysicsScene._collision = new Collision();
+    PhysicsScene._identityQuaternion = new Quaternion(0, 0, 0, 1);
     /**
      * A static collider component that will not move.
      * @remarks Mostly used for object which always stays at the same place and never moves around.
@@ -18036,35 +18148,85 @@
         return TextureCoordinate;
     }({});
     /**
-     * PBR (Physically-Based Rendering) Material.
-     */ var PBRBaseMaterial = /*#__PURE__*/ function(BaseMaterial) {
-        _inherits$2(PBRBaseMaterial, BaseMaterial);
-        function PBRBaseMaterial(engine, shader) {
+     * Refraction mode.
+     */ var RefractionMode = /*#__PURE__*/ function(RefractionMode) {
+        /** Use the sphere refraction model when light passes through the surface. */ RefractionMode[RefractionMode["Sphere"] = 0] = "Sphere";
+        /** Use the planar refraction model when light passes through the surface. */ RefractionMode[RefractionMode["Planar"] = 1] = "Planar";
+        return RefractionMode;
+    }({});
+    /**
+     * PBR (Metallic-Roughness Workflow) Material.
+     */ var PBRMaterial = /*#__PURE__*/ function(BaseMaterial1) {
+        _inherits$2(PBRMaterial, BaseMaterial1);
+        function PBRMaterial(engine) {
             var _this;
-            _this = BaseMaterial.call(this, engine, shader) || this;
+            _this = BaseMaterial1.call(this, engine, Shader.find("pbr")) || this, _this._anisotropyRotation = 0, _this._iridescenceRange = new Vector2(100, 400), _this._sheenEnabled = false;
             var shaderData = _this.shaderData;
             shaderData.enableMacro("MATERIAL_NEED_WORLD_POS");
             shaderData.enableMacro("MATERIAL_NEED_TILING_OFFSET");
-            shaderData.setColor(PBRBaseMaterial._baseColorProp, new Color(1, 1, 1, 1));
-            shaderData.setColor(PBRBaseMaterial._emissiveColorProp, new Color(0, 0, 0, 1));
-            shaderData.setVector4(PBRBaseMaterial._tilingOffsetProp, new Vector4(1, 1, 0, 0));
-            shaderData.setFloat(PBRBaseMaterial._normalIntensityProp, 1);
-            shaderData.setFloat(PBRBaseMaterial._occlusionTextureIntensityProp, 1);
-            shaderData.setFloat(PBRBaseMaterial._occlusionTextureCoordProp, TextureCoordinate.UV0);
-            shaderData.setFloat(PBRBaseMaterial._clearCoatProp, 0);
-            shaderData.setFloat(PBRBaseMaterial._clearCoatRoughnessProp, 0);
+            shaderData.setColor(PBRMaterial._baseColorProp, new Color(1, 1, 1, 1));
+            shaderData.setColor(PBRMaterial._emissiveColorProp, new Color(0, 0, 0, 1));
+            shaderData.setVector4(PBRMaterial._tilingOffsetProp, new Vector4(1, 1, 0, 0));
+            shaderData.setFloat(PBRMaterial._normalIntensityProp, 1);
+            shaderData.setFloat(PBRMaterial._occlusionTextureIntensityProp, 1);
+            shaderData.setFloat(PBRMaterial._occlusionTextureCoordProp, TextureCoordinate.UV0);
+            shaderData.setFloat(PBRMaterial._clearCoatProp, 0);
+            shaderData.setFloat(PBRMaterial._clearCoatRoughnessProp, 0);
+            shaderData.setFloat(PBRMaterial._metallicProp, 1);
+            shaderData.setFloat(PBRMaterial._roughnessProp, 1);
+            shaderData.setFloat(PBRMaterial._iorProp, 1.5);
+            shaderData.setVector3(PBRMaterial._anisotropyInfoProp, new Vector3(1, 0, 0));
+            shaderData.setVector4(PBRMaterial._iridescenceInfoProp, new Vector4(0, 1.3, 100, 400));
+            var sheenColor = new Color(0, 0, 0);
+            shaderData.setColor(PBRMaterial._sheenColorProp, sheenColor);
+            _this.refractionMode = RefractionMode.Planar;
+            shaderData.setFloat(PBRMaterial._transmissionProp, 0);
+            shaderData.setFloat(PBRMaterial._thicknessProp, 0);
+            shaderData.setFloat(PBRMaterial._attenuationDistanceProp, Infinity);
+            shaderData.setColor(PBRMaterial._attenuationColorProp, new Color(1, 1, 1));
+            shaderData.setFloat(PBRMaterial._specularIntensityProp, 1);
+            shaderData.setColor(PBRMaterial._specularColorProp, new Color(1, 1, 1));
+            // @ts-ignore
+            _this._iridescenceRange._onValueChanged = _this._onIridescenceRangeChanged.bind(_this);
+            // @ts-ignore
+            sheenColor._onValueChanged = _this._onSheenColorChanged.bind(_this);
             return _this;
         }
-        _create_class$2(PBRBaseMaterial, [
+        var _proto = PBRMaterial.prototype;
+        /**
+       * @inheritdoc
+       */ _proto.clone = function clone() {
+            var dest = new PBRMaterial(this._engine);
+            this._cloneToAndModifyName(dest);
+            return dest;
+        };
+        _proto._onIridescenceRangeChanged = function _onIridescenceRangeChanged() {
+            var iridescenceInfo = this.shaderData.getVector4(PBRMaterial._iridescenceInfoProp);
+            iridescenceInfo.z = this._iridescenceRange.x;
+            iridescenceInfo.w = this._iridescenceRange.y;
+        };
+        _proto._onSheenColorChanged = function _onSheenColorChanged() {
+            var sheenColor = this.sheenColor;
+            var enableSheen = sheenColor.r + sheenColor.g + sheenColor.b > 0;
+            if (enableSheen !== this._sheenEnabled) {
+                this._sheenEnabled = enableSheen;
+                if (enableSheen) {
+                    this.shaderData.enableMacro("MATERIAL_ENABLE_SHEEN");
+                } else {
+                    this.shaderData.disableMacro("MATERIAL_ENABLE_SHEEN");
+                }
+            }
+        };
+        _create_class$2(PBRMaterial, [
             {
                 key: "baseColor",
                 get: /**
        * Base color.
        */ function get() {
-                    return this.shaderData.getColor(PBRBaseMaterial._baseColorProp);
+                    return this.shaderData.getColor(PBRMaterial._baseColorProp);
                 },
                 set: function set(value) {
-                    var baseColor = this.shaderData.getColor(PBRBaseMaterial._baseColorProp);
+                    var baseColor = this.shaderData.getColor(PBRMaterial._baseColorProp);
                     if (value !== baseColor) {
                         baseColor.copyFrom(value);
                     }
@@ -18075,14 +18237,14 @@
                 get: /**
        * Base texture.
        */ function get() {
-                    return this.shaderData.getTexture(PBRBaseMaterial._baseTextureProp);
+                    return this.shaderData.getTexture(PBRMaterial._baseTextureProp);
                 },
                 set: function set(value) {
-                    this.shaderData.setTexture(PBRBaseMaterial._baseTextureProp, value);
+                    this.shaderData.setTexture(PBRMaterial._baseTextureProp, value);
                     if (value) {
-                        this.shaderData.enableMacro(PBRBaseMaterial._baseTextureMacro);
+                        this.shaderData.enableMacro(PBRMaterial._baseTextureMacro);
                     } else {
-                        this.shaderData.disableMacro(PBRBaseMaterial._baseTextureMacro);
+                        this.shaderData.disableMacro(PBRMaterial._baseTextureMacro);
                     }
                 }
             },
@@ -18091,14 +18253,14 @@
                 get: /**
        * Normal texture.
        */ function get() {
-                    return this.shaderData.getTexture(PBRBaseMaterial._normalTextureProp);
+                    return this.shaderData.getTexture(PBRMaterial._normalTextureProp);
                 },
                 set: function set(value) {
-                    this.shaderData.setTexture(PBRBaseMaterial._normalTextureProp, value);
+                    this.shaderData.setTexture(PBRMaterial._normalTextureProp, value);
                     if (value) {
-                        this.shaderData.enableMacro(PBRBaseMaterial._normalTextureMacro);
+                        this.shaderData.enableMacro(PBRMaterial._normalTextureMacro);
                     } else {
-                        this.shaderData.disableMacro(PBRBaseMaterial._normalTextureMacro);
+                        this.shaderData.disableMacro(PBRMaterial._normalTextureMacro);
                     }
                 }
             },
@@ -18107,10 +18269,10 @@
                 get: /**
        * Normal texture intensity.
        */ function get() {
-                    return this.shaderData.getFloat(PBRBaseMaterial._normalIntensityProp);
+                    return this.shaderData.getFloat(PBRMaterial._normalIntensityProp);
                 },
                 set: function set(value) {
-                    this.shaderData.setFloat(PBRBaseMaterial._normalIntensityProp, value);
+                    this.shaderData.setFloat(PBRMaterial._normalIntensityProp, value);
                 }
             },
             {
@@ -18118,10 +18280,10 @@
                 get: /**
        * Emissive color.
        */ function get() {
-                    return this.shaderData.getColor(PBRBaseMaterial._emissiveColorProp);
+                    return this.shaderData.getColor(PBRMaterial._emissiveColorProp);
                 },
                 set: function set(value) {
-                    var emissiveColor = this.shaderData.getColor(PBRBaseMaterial._emissiveColorProp);
+                    var emissiveColor = this.shaderData.getColor(PBRMaterial._emissiveColorProp);
                     if (value !== emissiveColor) {
                         emissiveColor.copyFrom(value);
                     }
@@ -18132,14 +18294,14 @@
                 get: /**
        * Emissive texture.
        */ function get() {
-                    return this.shaderData.getTexture(PBRBaseMaterial._emissiveTextureProp);
+                    return this.shaderData.getTexture(PBRMaterial._emissiveTextureProp);
                 },
                 set: function set(value) {
-                    this.shaderData.setTexture(PBRBaseMaterial._emissiveTextureProp, value);
+                    this.shaderData.setTexture(PBRMaterial._emissiveTextureProp, value);
                     if (value) {
-                        this.shaderData.enableMacro(PBRBaseMaterial._emissiveTextureMacro);
+                        this.shaderData.enableMacro(PBRMaterial._emissiveTextureMacro);
                     } else {
-                        this.shaderData.disableMacro(PBRBaseMaterial._emissiveTextureMacro);
+                        this.shaderData.disableMacro(PBRMaterial._emissiveTextureMacro);
                     }
                 }
             },
@@ -18148,10 +18310,10 @@
                 get: /**
        * Occlusion texture.
        */ function get() {
-                    return this.shaderData.getTexture(PBRBaseMaterial._occlusionTextureProp);
+                    return this.shaderData.getTexture(PBRMaterial._occlusionTextureProp);
                 },
                 set: function set(value) {
-                    this.shaderData.setTexture(PBRBaseMaterial._occlusionTextureProp, value);
+                    this.shaderData.setTexture(PBRMaterial._occlusionTextureProp, value);
                     if (value) {
                         this.shaderData.enableMacro("MATERIAL_HAS_OCCLUSION_TEXTURE");
                     } else {
@@ -18164,10 +18326,10 @@
                 get: /**
        * Occlusion texture intensity.
        */ function get() {
-                    return this.shaderData.getFloat(PBRBaseMaterial._occlusionTextureIntensityProp);
+                    return this.shaderData.getFloat(PBRMaterial._occlusionTextureIntensityProp);
                 },
                 set: function set(value) {
-                    this.shaderData.setFloat(PBRBaseMaterial._occlusionTextureIntensityProp, value);
+                    this.shaderData.setFloat(PBRMaterial._occlusionTextureIntensityProp, value);
                 }
             },
             {
@@ -18176,13 +18338,13 @@
        * Occlusion texture uv coordinate.
        * @remarks Must be UV0 or UV1.
        */ function get() {
-                    return this.shaderData.getFloat(PBRBaseMaterial._occlusionTextureCoordProp);
+                    return this.shaderData.getFloat(PBRMaterial._occlusionTextureCoordProp);
                 },
                 set: function set(value) {
                     if (value > TextureCoordinate.UV1) {
                         Logger.warn("Occlusion texture uv coordinate must be UV0 or UV1.");
                     }
-                    this.shaderData.setFloat(PBRBaseMaterial._occlusionTextureCoordProp, value);
+                    this.shaderData.setFloat(PBRMaterial._occlusionTextureCoordProp, value);
                 }
             },
             {
@@ -18190,10 +18352,10 @@
                 get: /**
        * Tiling and offset of main textures.
        */ function get() {
-                    return this.shaderData.getVector4(PBRBaseMaterial._tilingOffsetProp);
+                    return this.shaderData.getVector4(PBRMaterial._tilingOffsetProp);
                 },
                 set: function set(value) {
-                    var tilingOffset = this.shaderData.getVector4(PBRBaseMaterial._tilingOffsetProp);
+                    var tilingOffset = this.shaderData.getVector4(PBRMaterial._tilingOffsetProp);
                     if (value !== tilingOffset) {
                         tilingOffset.copyFrom(value);
                     }
@@ -18204,17 +18366,17 @@
                 get: /**
        * The clearCoat layer intensity, default 0.
        */ function get() {
-                    return this.shaderData.getFloat(PBRBaseMaterial._clearCoatProp);
+                    return this.shaderData.getFloat(PBRMaterial._clearCoatProp);
                 },
                 set: function set(value) {
-                    if (!!this.shaderData.getFloat(PBRBaseMaterial._clearCoatProp) !== !!value) {
+                    if (!!this.shaderData.getFloat(PBRMaterial._clearCoatProp) !== !!value) {
                         if (value === 0) {
                             this.shaderData.disableMacro("MATERIAL_ENABLE_CLEAR_COAT");
                         } else {
                             this.shaderData.enableMacro("MATERIAL_ENABLE_CLEAR_COAT");
                         }
                     }
-                    this.shaderData.setFloat(PBRBaseMaterial._clearCoatProp, value);
+                    this.shaderData.setFloat(PBRMaterial._clearCoatProp, value);
                 }
             },
             {
@@ -18222,10 +18384,10 @@
                 get: /**
        * The clearCoat layer intensity texture.
        */ function get() {
-                    return this.shaderData.getTexture(PBRBaseMaterial._clearCoatTextureProp);
+                    return this.shaderData.getTexture(PBRMaterial._clearCoatTextureProp);
                 },
                 set: function set(value) {
-                    this.shaderData.setTexture(PBRBaseMaterial._clearCoatTextureProp, value);
+                    this.shaderData.setTexture(PBRMaterial._clearCoatTextureProp, value);
                     if (value) {
                         this.shaderData.enableMacro("MATERIAL_HAS_CLEAR_COAT_TEXTURE");
                     } else {
@@ -18238,10 +18400,10 @@
                 get: /**
        * The clearCoat layer roughness, default 0.
        */ function get() {
-                    return this.shaderData.getFloat(PBRBaseMaterial._clearCoatRoughnessProp);
+                    return this.shaderData.getFloat(PBRMaterial._clearCoatRoughnessProp);
                 },
                 set: function set(value) {
-                    this.shaderData.setFloat(PBRBaseMaterial._clearCoatRoughnessProp, value);
+                    this.shaderData.setFloat(PBRMaterial._clearCoatRoughnessProp, value);
                 }
             },
             {
@@ -18249,10 +18411,10 @@
                 get: /**
        * The clearCoat layer roughness texture.
        */ function get() {
-                    return this.shaderData.getTexture(PBRBaseMaterial._clearCoatRoughnessTextureProp);
+                    return this.shaderData.getTexture(PBRMaterial._clearCoatRoughnessTextureProp);
                 },
                 set: function set(value) {
-                    this.shaderData.setTexture(PBRBaseMaterial._clearCoatRoughnessTextureProp, value);
+                    this.shaderData.setTexture(PBRMaterial._clearCoatRoughnessTextureProp, value);
                     if (value) {
                         this.shaderData.enableMacro("MATERIAL_HAS_CLEAR_COAT_ROUGHNESS_TEXTURE");
                     } else {
@@ -18265,88 +18427,17 @@
                 get: /**
        * The clearCoat normal map texture.
        */ function get() {
-                    return this.shaderData.getTexture(PBRBaseMaterial._clearCoatNormalTextureProp);
+                    return this.shaderData.getTexture(PBRMaterial._clearCoatNormalTextureProp);
                 },
                 set: function set(value) {
-                    this.shaderData.setTexture(PBRBaseMaterial._clearCoatNormalTextureProp, value);
+                    this.shaderData.setTexture(PBRMaterial._clearCoatNormalTextureProp, value);
                     if (value) {
                         this.shaderData.enableMacro("MATERIAL_HAS_CLEAR_COAT_NORMAL_TEXTURE");
                     } else {
                         this.shaderData.disableMacro("MATERIAL_HAS_CLEAR_COAT_NORMAL_TEXTURE");
                     }
                 }
-            }
-        ]);
-        return PBRBaseMaterial;
-    }(BaseMaterial);
-    PBRBaseMaterial._occlusionTextureIntensityProp = ShaderProperty.getByName("material_OcclusionIntensity");
-    PBRBaseMaterial._occlusionTextureCoordProp = ShaderProperty.getByName("material_OcclusionTextureCoord");
-    PBRBaseMaterial._occlusionTextureProp = ShaderProperty.getByName("material_OcclusionTexture");
-    PBRBaseMaterial._clearCoatProp = ShaderProperty.getByName("material_ClearCoat");
-    PBRBaseMaterial._clearCoatTextureProp = ShaderProperty.getByName("material_ClearCoatTexture");
-    PBRBaseMaterial._clearCoatRoughnessProp = ShaderProperty.getByName("material_ClearCoatRoughness");
-    PBRBaseMaterial._clearCoatRoughnessTextureProp = ShaderProperty.getByName("material_ClearCoatRoughnessTexture");
-    PBRBaseMaterial._clearCoatNormalTextureProp = ShaderProperty.getByName("material_ClearCoatNormalTexture");
-    /**
-     * Refraction mode.
-     */ var RefractionMode = /*#__PURE__*/ function(RefractionMode) {
-        /** Use the sphere refraction model when light passes through the surface. */ RefractionMode[RefractionMode["Sphere"] = 0] = "Sphere";
-        /** Use the planar refraction model when light passes through the surface. */ RefractionMode[RefractionMode["Planar"] = 1] = "Planar";
-        return RefractionMode;
-    }({});
-    /**
-     * PBR (Metallic-Roughness Workflow) Material.
-     */ var PBRMaterial = /*#__PURE__*/ function(PBRBaseMaterial) {
-        _inherits$2(PBRMaterial, PBRBaseMaterial);
-        function PBRMaterial(engine) {
-            var _this;
-            _this = PBRBaseMaterial.call(this, engine, Shader.find("pbr")) || this, _this._anisotropyRotation = 0, _this._iridescenceRange = new Vector2(100, 400), _this._sheenEnabled = false;
-            var shaderData = _this.shaderData;
-            shaderData.setFloat(PBRMaterial._metallicProp, 1);
-            shaderData.setFloat(PBRMaterial._roughnessProp, 1);
-            shaderData.setFloat(PBRMaterial._iorProp, 1.5);
-            shaderData.setVector3(PBRMaterial._anisotropyInfoProp, new Vector3(1, 0, 0));
-            shaderData.setVector4(PBRMaterial._iridescenceInfoProp, new Vector4(0, 1.3, 100, 400));
-            var sheenColor = new Color(0, 0, 0);
-            shaderData.setColor(PBRMaterial._sheenColorProp, sheenColor);
-            _this.refractionMode = RefractionMode.Planar;
-            shaderData.setFloat(PBRMaterial._transmissionProp, 0);
-            shaderData.setFloat(PBRMaterial._thicknessProp, 0);
-            shaderData.setFloat(PBRMaterial._attenuationDistanceProp, Infinity);
-            var attenuationColor = new Color(1, 1, 1);
-            shaderData.setColor(PBRMaterial._attenuationColorProp, attenuationColor);
-            // @ts-ignore
-            _this._iridescenceRange._onValueChanged = _this._onIridescenceRangeChanged.bind(_this);
-            // @ts-ignore
-            sheenColor._onValueChanged = _this._onSheenColorChanged.bind(_this);
-            return _this;
-        }
-        var _proto = PBRMaterial.prototype;
-        /**
-       * @inheritdoc
-       */ _proto.clone = function clone() {
-            var dest = new PBRMaterial(this._engine);
-            this._cloneToAndModifyName(dest);
-            return dest;
-        };
-        _proto._onIridescenceRangeChanged = function _onIridescenceRangeChanged() {
-            var iridescenceInfo = this.shaderData.getVector4(PBRMaterial._iridescenceInfoProp);
-            iridescenceInfo.z = this._iridescenceRange.x;
-            iridescenceInfo.w = this._iridescenceRange.y;
-        };
-        _proto._onSheenColorChanged = function _onSheenColorChanged() {
-            var sheenColor = this.sheenColor;
-            var enableSheen = sheenColor.r + sheenColor.g + sheenColor.b > 0;
-            if (enableSheen !== this._sheenEnabled) {
-                this._sheenEnabled = enableSheen;
-                if (enableSheen) {
-                    this.shaderData.enableMacro("MATERIAL_ENABLE_SHEEN");
-                } else {
-                    this.shaderData.disableMacro("MATERIAL_ENABLE_SHEEN");
-                }
-            }
-        };
-        _create_class$2(PBRMaterial, [
+            },
             {
                 key: "ior",
                 get: /**
@@ -18356,7 +18447,7 @@
                     return this.shaderData.getFloat(PBRMaterial._iorProp);
                 },
                 set: function set(v) {
-                    this.shaderData.setFloat(PBRMaterial._iorProp, Math.max(v, 0));
+                    this.shaderData.setFloat(PBRMaterial._iorProp, Math.min(Math.max(v, 0), 5));
                 }
             },
             {
@@ -18748,102 +18839,106 @@
                         this.shaderData.disableMacro(PBRMaterial._thicknessTextureMacro);
                     }
                 }
-            }
-        ]);
-        return PBRMaterial;
-    }(PBRBaseMaterial);
-    PBRMaterial._metallicProp = ShaderProperty.getByName("material_Metal");
-    PBRMaterial._roughnessProp = ShaderProperty.getByName("material_Roughness");
-    PBRMaterial._roughnessMetallicTextureProp = ShaderProperty.getByName("material_RoughnessMetallicTexture");
-    PBRMaterial._iorProp = ShaderProperty.getByName("material_IOR");
-    PBRMaterial._anisotropyInfoProp = ShaderProperty.getByName("material_AnisotropyInfo");
-    PBRMaterial._anisotropyTextureProp = ShaderProperty.getByName("material_AnisotropyTexture");
-    PBRMaterial._iridescenceInfoProp = ShaderProperty.getByName("material_IridescenceInfo");
-    PBRMaterial._iridescenceThicknessTextureProp = ShaderProperty.getByName("material_IridescenceThicknessTexture");
-    PBRMaterial._iridescenceTextureProp = ShaderProperty.getByName("material_IridescenceTexture");
-    PBRMaterial._sheenColorProp = ShaderProperty.getByName("material_SheenColor");
-    PBRMaterial._sheenRoughnessProp = ShaderProperty.getByName("material_SheenRoughness");
-    PBRMaterial._sheenTextureProp = ShaderProperty.getByName("material_SheenTexture");
-    PBRMaterial._sheenRoughnessTextureProp = ShaderProperty.getByName("material_SheenRoughnessTexture");
-    PBRMaterial._transmissionMacro = ShaderMacro.getByName("MATERIAL_ENABLE_TRANSMISSION");
-    PBRMaterial._thicknessMacro = ShaderMacro.getByName("MATERIAL_HAS_THICKNESS");
-    PBRMaterial._thicknessTextureMacro = ShaderMacro.getByName("MATERIAL_HAS_THICKNESS_TEXTURE");
-    PBRMaterial._transmissionTextureMacro = ShaderMacro.getByName("MATERIAL_HAS_TRANSMISSION_TEXTURE");
-    PBRMaterial._transmissionProp = ShaderProperty.getByName("material_Transmission");
-    PBRMaterial._transmissionTextureProp = ShaderProperty.getByName("material_TransmissionTexture");
-    PBRMaterial._attenuationColorProp = ShaderProperty.getByName("material_AttenuationColor");
-    PBRMaterial._attenuationDistanceProp = ShaderProperty.getByName("material_AttenuationDistance");
-    PBRMaterial._thicknessProp = ShaderProperty.getByName("material_Thickness");
-    PBRMaterial._thicknessTextureProp = ShaderProperty.getByName("material_ThicknessTexture");
-    /**
-     * PBR (Specular-Glossiness Workflow) Material.
-     */ var PBRSpecularMaterial = /*#__PURE__*/ function(PBRBaseMaterial) {
-        _inherits$2(PBRSpecularMaterial, PBRBaseMaterial);
-        function PBRSpecularMaterial(engine) {
-            var _this;
-            _this = PBRBaseMaterial.call(this, engine, Shader.find("pbr-specular")) || this;
-            _this.shaderData.setColor(PBRSpecularMaterial._specularColorProp, new Color(1, 1, 1, 1));
-            _this.shaderData.setFloat(PBRSpecularMaterial._glossinessProp, 1.0);
-            return _this;
-        }
-        var _proto = PBRSpecularMaterial.prototype;
-        /**
-       * @inheritdoc
-       */ _proto.clone = function clone() {
-            var dest = new PBRSpecularMaterial(this._engine);
-            this._cloneToAndModifyName(dest);
-            return dest;
-        };
-        _create_class$2(PBRSpecularMaterial, [
+            },
+            {
+                key: "specularIntensity",
+                get: /**
+       * The intensity of the specular reflection.
+       * @defaultValue `1.0`
+       */ function get() {
+                    return this.shaderData.getFloat(PBRMaterial._specularIntensityProp);
+                },
+                set: function set(value) {
+                    this.shaderData.setFloat(PBRMaterial._specularIntensityProp, Math.min(Math.max(value, 0), 2));
+                }
+            },
             {
                 key: "specularColor",
                 get: /**
-       * Specular color.
+       * The F0 color of the specular reflection.
+       * @defaultValue `[1,1,1]`
        */ function get() {
-                    return this.shaderData.getColor(PBRSpecularMaterial._specularColorProp);
+                    return this.shaderData.getColor(PBRMaterial._specularColorProp);
                 },
                 set: function set(value) {
-                    var specularColor = this.shaderData.getColor(PBRSpecularMaterial._specularColorProp);
+                    var specularColor = this.shaderData.getColor(PBRMaterial._specularColorProp);
                     if (value !== specularColor) {
                         specularColor.copyFrom(value);
                     }
                 }
             },
             {
-                key: "glossiness",
+                key: "specularIntensityTexture",
                 get: /**
-       * Glossiness.
+       * The intensity of the specular reflection, stored in alpha(A) channel. This will be multiplied by `specularIntensity`.
        */ function get() {
-                    return this.shaderData.getFloat(PBRSpecularMaterial._glossinessProp);
+                    return this.shaderData.getTexture(PBRMaterial._specularIntensityTextureProp);
                 },
                 set: function set(value) {
-                    this.shaderData.setFloat(PBRSpecularMaterial._glossinessProp, value);
+                    this.shaderData.setTexture(PBRMaterial._specularIntensityTextureProp, value);
+                    if (value) {
+                        this.shaderData.enableMacro(PBRMaterial._specularTextureMacro);
+                    } else {
+                        this.shaderData.disableMacro(PBRMaterial._specularTextureMacro);
+                    }
                 }
             },
             {
-                key: "specularGlossinessTexture",
+                key: "specularColorTexture",
                 get: /**
-       * Specular glossiness texture.
-       * @remarks RGB is specular, A is glossiness
+       * The F0 color of the specular reflection, stored in the RGB channels. This will be multiplied by `specularColor`.
        */ function get() {
-                    return this.shaderData.getTexture(PBRSpecularMaterial._specularGlossinessTextureProp);
+                    return this.shaderData.getTexture(PBRMaterial._specularColorTextureProp);
                 },
                 set: function set(value) {
-                    this.shaderData.setTexture(PBRSpecularMaterial._specularGlossinessTextureProp, value);
+                    this.shaderData.setTexture(PBRMaterial._specularColorTextureProp, value);
                     if (value) {
-                        this.shaderData.enableMacro(PBRSpecularMaterial._specularGlossinessTextureMacro);
+                        this.shaderData.enableMacro(PBRMaterial._specularColorTextureMacro);
                     } else {
-                        this.shaderData.disableMacro(PBRSpecularMaterial._specularGlossinessTextureMacro);
+                        this.shaderData.disableMacro(PBRMaterial._specularColorTextureMacro);
                     }
                 }
             }
         ]);
-        return PBRSpecularMaterial;
-    }(PBRBaseMaterial);
-    PBRSpecularMaterial._specularColorProp = ShaderProperty.getByName("material_PBRSpecularColor");
-    PBRSpecularMaterial._glossinessProp = ShaderProperty.getByName("material_Glossiness");
-    PBRSpecularMaterial._specularGlossinessTextureProp = ShaderProperty.getByName("material_SpecularGlossinessTexture");
-    PBRSpecularMaterial._specularGlossinessTextureMacro = ShaderMacro.getByName("MATERIAL_HAS_SPECULAR_GLOSSINESS_TEXTURE");
+        return PBRMaterial;
+    }(BaseMaterial);
+    PBRMaterial._occlusionTextureIntensityProp = ShaderProperty.getByName("material_OcclusionIntensity");
+    PBRMaterial._occlusionTextureCoordProp = ShaderProperty.getByName("material_OcclusionTextureCoord");
+    PBRMaterial._occlusionTextureProp = ShaderProperty.getByName("material_OcclusionTexture");
+    PBRMaterial._clearCoatProp = ShaderProperty.getByName("material_ClearCoat");
+    PBRMaterial._clearCoatTextureProp = ShaderProperty.getByName("material_ClearCoatTexture");
+    PBRMaterial._clearCoatRoughnessProp = ShaderProperty.getByName("material_ClearCoatRoughness");
+    PBRMaterial._clearCoatRoughnessTextureProp = ShaderProperty.getByName("material_ClearCoatRoughnessTexture");
+    PBRMaterial._clearCoatNormalTextureProp = ShaderProperty.getByName("material_ClearCoatNormalTexture");
+    PBRMaterial._metallicProp = ShaderProperty.getByName("material_Metal");
+    PBRMaterial._roughnessProp = ShaderProperty.getByName("material_Roughness");
+    PBRMaterial._roughnessMetallicTextureProp = ShaderProperty.getByName("material_RoughnessMetallicTexture");
+    PBRMaterial._iorProp = ShaderProperty.getByName("material_IOR");
+    PBRMaterial._anisotropyInfoProp = ShaderProperty.getByName("material_AnisotropyInfo");
+    PBRMaterial._anisotropyTextureProp = ShaderProperty.getByName("material_AnisotropyTexture");
+    PBRMaterial._iridescenceInfoProp = ShaderProperty.getByName("material_IridescenceInfo");
+    PBRMaterial._iridescenceThicknessTextureProp = ShaderProperty.getByName("material_IridescenceThicknessTexture");
+    PBRMaterial._iridescenceTextureProp = ShaderProperty.getByName("material_IridescenceTexture");
+    PBRMaterial._sheenColorProp = ShaderProperty.getByName("material_SheenColor");
+    PBRMaterial._sheenRoughnessProp = ShaderProperty.getByName("material_SheenRoughness");
+    PBRMaterial._sheenTextureProp = ShaderProperty.getByName("material_SheenTexture");
+    PBRMaterial._sheenRoughnessTextureProp = ShaderProperty.getByName("material_SheenRoughnessTexture");
+    PBRMaterial._transmissionMacro = ShaderMacro.getByName("MATERIAL_ENABLE_TRANSMISSION");
+    PBRMaterial._thicknessMacro = ShaderMacro.getByName("MATERIAL_HAS_THICKNESS");
+    PBRMaterial._thicknessTextureMacro = ShaderMacro.getByName("MATERIAL_HAS_THICKNESS_TEXTURE");
+    PBRMaterial._transmissionTextureMacro = ShaderMacro.getByName("MATERIAL_HAS_TRANSMISSION_TEXTURE");
+    PBRMaterial._transmissionProp = ShaderProperty.getByName("material_Transmission");
+    PBRMaterial._transmissionTextureProp = ShaderProperty.getByName("material_TransmissionTexture");
+    PBRMaterial._attenuationColorProp = ShaderProperty.getByName("material_AttenuationColor");
+    PBRMaterial._attenuationDistanceProp = ShaderProperty.getByName("material_AttenuationDistance");
+    PBRMaterial._thicknessProp = ShaderProperty.getByName("material_Thickness");
+    PBRMaterial._thicknessTextureProp = ShaderProperty.getByName("material_ThicknessTexture");
+    PBRMaterial._specularTextureMacro = ShaderMacro.getByName("MATERIAL_HAS_SPECULAR_TEXTURE");
+    PBRMaterial._specularColorTextureMacro = ShaderMacro.getByName("MATERIAL_HAS_SPECULAR_COLOR_TEXTURE");
+    PBRMaterial._specularIntensityProp = ShaderProperty.getByName("material_SpecularIntensity");
+    PBRMaterial._specularColorProp = ShaderProperty.getByName("material_SpecularColor");
+    PBRMaterial._specularIntensityTextureProp = ShaderProperty.getByName("material_SpecularIntensityTexture");
+    PBRMaterial._specularColorTextureProp = ShaderProperty.getByName("material_SpecularColorTexture");
     /**
      * Unlit Material.
      */ var UnlitMaterial = /*#__PURE__*/ function(BaseMaterial) {
@@ -30505,7 +30600,7 @@
         _inherits$2(Engine, EventDispatcher);
         function Engine(canvas, hardwareRenderer, configuration) {
             var _this;
-            _this = EventDispatcher.call(this) || this, /** @internal */ _this._physicsInitialized = false, /* @internal */ _this._lastRenderState = new RenderState(), /* @internal */ _this._renderElementPool = new ClearableObjectPool(RenderElement), /* @internal */ _this._subRenderElementPool = new ClearableObjectPool(SubRenderElement), /* @internal */ _this._textSubRenderElementPool = new ClearableObjectPool(SubRenderElement), /* @internal */ _this._charRenderInfoPool = new ReturnableObjectPool(CharRenderInfo, 50), /* @internal */ _this._renderContext = new RenderContext(), /* @internal */ _this._renderCount = 0, /* @internal */ _this._shaderProgramPools = [], /** @internal */ _this._fontMap = {}, /** @internal */ _this._macroCollection = new ShaderMacroCollection(), /** @internal */ _this._postProcessPassNeedRefresh = false, _this._settings = {}, _this._resourceManager = new ResourceManager(_this), _this._sceneManager = new SceneManager(_this), _this._vSyncCount = 1, _this._targetFrameRate = 60, _this._time = new Time(), _this._isPaused = true, _this._vSyncCounter = 1, _this._targetFrameInterval = 1000 / 60, _this._destroyed = false, _this._frameInProcess = false, _this._waitingDestroy = false, _this._isDeviceLost = false, _this._waitingGC = false, _this._postProcessPasses = new Array(), _this._activePostProcessPasses = new Array(), _this._animate = function() {
+            _this = EventDispatcher.call(this) || this, /** @internal */ _this._physicsInitialized = false, /* @internal */ _this._lastRenderState = new RenderState(), /* @internal */ _this._renderElementPool = new ClearableObjectPool(RenderElement), /* @internal */ _this._subRenderElementPool = new ClearableObjectPool(SubRenderElement), /* @internal */ _this._textSubRenderElementPool = new ClearableObjectPool(SubRenderElement), /* @internal */ _this._charRenderInfoPool = new ReturnableObjectPool(CharRenderInfo, 50), /* @internal */ _this._renderContext = new RenderContext(), /* @internal */ _this._renderCount = 0, /* @internal */ _this._shaderProgramPools = [], /** @internal */ _this._fontMap = {}, /** @internal */ _this._macroCollection = new ShaderMacroCollection(), /** @internal */ _this._postProcessPassNeedRefresh = false, _this._settings = {}, _this._resourceManager = new ResourceManager(_this), _this._sceneManager = new SceneManager(_this), _this._vSyncCount = 1, _this._targetFrameRate = 60, _this._time = new Time(), _this._isPaused = true, _this._vSyncCounter = 1, _this._targetFrameInterval = 1000 / 60, _this._destroyed = false, _this._frameInProcess = false, _this._waitingDestroy = false, _this._waitingGC = false, _this._postProcessPasses = new Array(), _this._activePostProcessPasses = new Array(), _this._animate = function() {
                 if (_this._vSyncCount) {
                     var _this_xrManager;
                     var raf = ((_this_xrManager = _this.xrManager) == null ? void 0 : _this_xrManager._getRequestAnimationFrame()) || requestAnimationFrame;
@@ -30640,7 +30735,7 @@
                 scene4._componentsManager.callScriptOnLateUpdate(deltaTime);
             }
             // Render scene and fire `onBeginRender` and `onEndRender`
-            if (!this._isDeviceLost) {
+            if (!this._hardwareRenderer.isContextLost()) {
                 this._render(scenes);
             }
             if (this._waitingDestroy) {
@@ -30863,7 +30958,6 @@
             });
         };
         _proto._onDeviceLost = function _onDeviceLost() {
-            this._isDeviceLost = true;
             // Lose graphic resources
             this.resourceManager._lostGraphicResources();
             console.log("Device lost.");
@@ -30884,7 +30978,6 @@
             resourceManager._restoreResourcesContent().then(function() {
                 console.log("Graphic resource content restored.\n\n" + "Device restored.");
                 _this.dispatch("devicerestored", _this);
-                _this._isDeviceLost = false;
             }).catch(function(error) {
                 console.error(error);
             });
@@ -41288,6 +41381,7 @@
             Polyfill._registerMatchAll();
             Polyfill._registerAudioContext();
             Polyfill._registerTextMetrics();
+            Polyfill._registerPromiseFinally();
         };
         Polyfill._registerMatchAll = function _registerMatchAll() {
             if (!String.prototype.matchAll) {
@@ -41385,6 +41479,24 @@
                 });
             }
         };
+        Polyfill._registerPromiseFinally = function _registerPromiseFinally() {
+            // iOS Safari 10.0-10.2 and older versions do not support Promise.prototype.finally
+            // Examples: iPhone 6s and below devices without system upgrade
+            if (!Promise.prototype.finally) {
+                Logger.info("Polyfill Promise.prototype.finally");
+                Promise.prototype.finally = function(onFinally) {
+                    return this.then(function(value) {
+                        return Promise.resolve(onFinally == null ? void 0 : onFinally()).then(function() {
+                            return value;
+                        });
+                    }, function(reason) {
+                        return Promise.resolve(onFinally == null ? void 0 : onFinally()).then(function() {
+                            throw reason;
+                        });
+                    });
+                };
+            }
+        };
         return Polyfill;
     }();
     Polyfill.registerPolyfill();
@@ -41530,9 +41642,7 @@
         MeshTopology: MeshTopology,
         ModelMesh: ModelMesh,
         OverflowMode: OverflowMode,
-        PBRBaseMaterial: PBRBaseMaterial,
         PBRMaterial: PBRMaterial,
-        PBRSpecularMaterial: PBRSpecularMaterial,
         ParticleCompositeCurve: ParticleCompositeCurve,
         ParticleCompositeGradient: ParticleCompositeGradient,
         ParticleCurve: ParticleCurve,
@@ -41671,6 +41781,7 @@
         TrailMaterial: TrailMaterial,
         TrailRenderer: TrailRenderer,
         Transform: Transform,
+        TransformModifyFlags: TransformModifyFlags,
         UnlitMaterial: UnlitMaterial,
         Utils: Utils,
         VelocityOverLifetimeModule: VelocityOverLifetimeModule,
@@ -42021,7 +42132,7 @@
             var cap = this.capabilityList;
             var isWebGL2 = this.rhi.isWebGL2;
             var requireExtension = this.rhi.requireExtension.bind(this.rhi);
-            var shaderVertexID = GLCapabilityType.shaderVertexID, standardDerivatives = GLCapabilityType.standardDerivatives, shaderTextureLod = GLCapabilityType.shaderTextureLod, elementIndexUint = GLCapabilityType.elementIndexUint, depthTexture = GLCapabilityType.depthTexture, vertexArrayObject = GLCapabilityType.vertexArrayObject, instancedArrays = GLCapabilityType.instancedArrays, multipleSample = GLCapabilityType.multipleSample, drawBuffers = GLCapabilityType.drawBuffers, blendMinMax = GLCapabilityType.blendMinMax, astc = GLCapabilityType.astc, astc_webkit = GLCapabilityType.astc_webkit, etc = GLCapabilityType.etc, etc_webkit = GLCapabilityType.etc_webkit, etc1 = GLCapabilityType.etc1, etc1_webkit = GLCapabilityType.etc1_webkit, pvrtc = GLCapabilityType.pvrtc, pvrtc_webkit = GLCapabilityType.pvrtc_webkit, s3tc = GLCapabilityType.s3tc, s3tc_webkit = GLCapabilityType.s3tc_webkit, bptc = GLCapabilityType.bptc, s3tc_srgb = GLCapabilityType.s3tc_srgb, textureFloat = GLCapabilityType.textureFloat, textureHalfFloat = GLCapabilityType.textureHalfFloat, textureFloatLinear = GLCapabilityType.textureFloatLinear, textureHalfFloatLinear = GLCapabilityType.textureHalfFloatLinear, WEBGL_colorBufferFloat = GLCapabilityType.WEBGL_colorBufferFloat, colorBufferFloat = GLCapabilityType.colorBufferFloat, colorBufferHalfFloat = GLCapabilityType.colorBufferHalfFloat, textureFilterAnisotropic = GLCapabilityType.textureFilterAnisotropic, fragDepth = GLCapabilityType.fragDepth, sRGB = GLCapabilityType.sRGB;
+            var shaderVertexID = GLCapabilityType.shaderVertexID, standardDerivatives = GLCapabilityType.standardDerivatives, shaderTextureLod = GLCapabilityType.shaderTextureLod, elementIndexUint = GLCapabilityType.elementIndexUint, depthTexture = GLCapabilityType.depthTexture, vertexArrayObject = GLCapabilityType.vertexArrayObject, instancedArrays = GLCapabilityType.instancedArrays, multipleSample = GLCapabilityType.multipleSample, drawBuffers = GLCapabilityType.drawBuffers, blendMinMax = GLCapabilityType.blendMinMax, astc = GLCapabilityType.astc, astc_webkit = GLCapabilityType.astc_webkit, astc_hdr = GLCapabilityType.astc_hdr, etc = GLCapabilityType.etc, etc_webkit = GLCapabilityType.etc_webkit, etc1 = GLCapabilityType.etc1, etc1_webkit = GLCapabilityType.etc1_webkit, pvrtc = GLCapabilityType.pvrtc, pvrtc_webkit = GLCapabilityType.pvrtc_webkit, s3tc = GLCapabilityType.s3tc, s3tc_webkit = GLCapabilityType.s3tc_webkit, bptc = GLCapabilityType.bptc, s3tc_srgb = GLCapabilityType.s3tc_srgb, textureFloat = GLCapabilityType.textureFloat, textureHalfFloat = GLCapabilityType.textureHalfFloat, textureFloatLinear = GLCapabilityType.textureFloatLinear, textureHalfFloatLinear = GLCapabilityType.textureHalfFloatLinear, WEBGL_colorBufferFloat = GLCapabilityType.WEBGL_colorBufferFloat, colorBufferFloat = GLCapabilityType.colorBufferFloat, colorBufferHalfFloat = GLCapabilityType.colorBufferHalfFloat, textureFilterAnisotropic = GLCapabilityType.textureFilterAnisotropic, fragDepth = GLCapabilityType.fragDepth, sRGB = GLCapabilityType.sRGB;
             cap.set(shaderVertexID, isWebGL2);
             cap.set(standardDerivatives, isWebGL2 || !!requireExtension(standardDerivatives));
             cap.set(shaderTextureLod, isWebGL2 || !!requireExtension(shaderTextureLod));
@@ -42040,13 +42151,15 @@
             cap.set(colorBufferHalfFloat, isWebGL2 && !!requireExtension(colorBufferFloat) || !!requireExtension(colorBufferHalfFloat));
             cap.set(textureFilterAnisotropic, !!requireExtension(textureFilterAnisotropic));
             cap.set(fragDepth, isWebGL2 || !!requireExtension(fragDepth));
-            cap.set(astc, !!(requireExtension(astc) || requireExtension(astc_webkit)));
             cap.set(etc, !!(requireExtension(etc) || requireExtension(etc_webkit)));
             cap.set(etc1, !!(requireExtension(etc1) || requireExtension(etc1_webkit)));
             cap.set(pvrtc, !!(requireExtension(pvrtc) || requireExtension(pvrtc_webkit)));
             cap.set(s3tc, !!(requireExtension(s3tc) || requireExtension(s3tc_webkit)));
             cap.set(s3tc_srgb, !!requireExtension(s3tc_srgb));
             cap.set(bptc, !!requireExtension(bptc));
+            var astcExtension = requireExtension(astc) || requireExtension(astc_webkit);
+            cap.set(astc, !!astcExtension);
+            cap.set(astc_hdr, !!(astcExtension == null ? void 0 : astcExtension.getSupportedProfiles().includes("hdr")));
             cap.set(sRGB, isWebGL2 || !!requireExtension(sRGB));
         };
         /**
@@ -42681,6 +42794,11 @@
                         internalFormat: isSRGBColorSpace ? GLCompressedTextureInternalFormat.SRGB_ALPHA_BPTC_UNORM_EXT : GLCompressedTextureInternalFormat.RGBA_BPTC_UNORM_EXT,
                         isCompressed: true
                     };
+                case TextureFormat.BC6H:
+                    return {
+                        internalFormat: GLCompressedTextureInternalFormat.RGB_BPTC_UNSIGNED_FLOAT_EXT,
+                        isCompressed: true
+                    };
                 case TextureFormat.ETC1_RGB:
                     return {
                         internalFormat: GLCompressedTextureInternalFormat.RGB_ETC1_WEBGL,
@@ -43774,6 +43892,12 @@
             var extension = this.requireExtension(GLCapabilityType.WEBGL_lose_context);
             extension.restoreContext();
         };
+        /**
+       * @remarks
+       * WebGL context loss and restore can happen at any GPU execution point. refs to: https://www.khronos.org/webgl/wiki/HandlingContextLost
+       */ _proto.isContextLost = function isContextLost() {
+            return this.gl.isContextLost();
+        };
         _proto.resetState = function resetState() {
             this._readFrameBuffer = null;
             this._enableGlobalDepthBias = false;
@@ -44576,6 +44700,9 @@
             this.componentConfigMap = new Map();
             this.rootIds = [];
             this.strippedIds = [];
+            this._tasks = new Set();
+            this._loaded = 0;
+            this._total = 0;
             this.resourceManager = engine.resourceManager;
         }
         var _proto = ParserContext.prototype;
@@ -44587,6 +44714,17 @@
             this.rootIds.length = 0;
             this.strippedIds.length = 0;
         };
+        /** @internal */ _proto._addDependentAsset = function _addDependentAsset(refID, promise) {
+            var _this = this;
+            var tasks = this._tasks;
+            if (tasks.has(refID)) return;
+            ++this._total;
+            tasks.add(refID);
+            promise.finally(function() {
+                ++_this._loaded;
+                _this._setTaskCompleteProgress(_this._loaded, _this._total);
+            });
+        };
         return ParserContext;
     }();
     var ReflectionParser = /*#__PURE__*/ function() {
@@ -45273,6 +45411,22 @@
         };
         return EditorTexture2DContentRestorer;
     }(ContentRestorer);
+    var MaterialLoaderType = /*#__PURE__*/ function(MaterialLoaderType) {
+        MaterialLoaderType["Vector2"] = "Vector2";
+        MaterialLoaderType["Vector3"] = "Vector3";
+        MaterialLoaderType["Vector4"] = "Vector4";
+        MaterialLoaderType["Color"] = "Color";
+        MaterialLoaderType["Float"] = "Float";
+        MaterialLoaderType["Texture"] = "Texture";
+        MaterialLoaderType["Boolean"] = "Boolean";
+        MaterialLoaderType["Integer"] = "Integer";
+        return MaterialLoaderType;
+    }({});
+    var SpecularMode = /*#__PURE__*/ function(SpecularMode) {
+        SpecularMode["Sky"] = "Sky";
+        SpecularMode["Custom"] = "Custom";
+        return SpecularMode;
+    }({});
     /** @Internal */ var SceneParser = /*#__PURE__*/ function(HierarchyParser) {
         _inherits(SceneParser, HierarchyParser);
         function SceneParser(data, context, scene) {
@@ -45281,6 +45435,43 @@
             return _this;
         }
         var _proto = SceneParser.prototype;
+        /**
+       * @internal
+       */ _proto._collectDependentAssets = function _collectDependentAssets(data) {
+            var context = this.context;
+            var resourceManager = context.resourceManager;
+            this._parseDependentAssets(data);
+            var scene = data.scene;
+            var ambient = scene.ambient;
+            if (ambient) {
+                var useCustomAmbient = ambient.specularMode === SpecularMode.Custom;
+                var useSH = ambient.diffuseMode === DiffuseMode.SphericalHarmonics;
+                var customAmbientLight = ambient.customAmbientLight, ambientLight = ambient.ambientLight;
+                if (useCustomAmbient && customAmbientLight) {
+                    // @ts-ignore
+                    context._addDependentAsset(customAmbientLight.refId, resourceManager.getResourceByRef(customAmbientLight));
+                }
+                if (ambientLight && (!useCustomAmbient || useSH)) {
+                    // @ts-ignore
+                    context._addDependentAsset(ambientLight.refId, resourceManager.getResourceByRef(ambientLight));
+                }
+            }
+            var background = scene.background;
+            var backgroundMode = background.mode;
+            if (backgroundMode === BackgroundMode.Texture) {
+                var texture = background.texture;
+                // @ts-ignore
+                texture && context._addDependentAsset(texture.refId, resourceManager.getResourceByRef(texture));
+            } else if (backgroundMode === BackgroundMode.Sky) {
+                var skyMesh = background.skyMesh, skyMaterial = background.skyMaterial;
+                if (skyMesh && skyMaterial) {
+                    // @ts-ignore
+                    context._addDependentAsset(skyMesh.refId, resourceManager.getResourceByRef(skyMesh));
+                    // @ts-ignore
+                    context._addDependentAsset(skyMaterial.refId, resourceManager.getResourceByRef(skyMaterial));
+                }
+            }
+        };
         _proto._handleRootEntity = function _handleRootEntity(id) {
             var entityMap = this.context.entityMap;
             this.scene.addRootEntity(entityMap.get(id));
@@ -45289,38 +45480,50 @@
             this.context.clear();
             return this.scene;
         };
-        /**
-       * Parse scene data.
-       * @param engine - the engine of the parser context
-       * @param sceneData - scene data which is exported by editor
-       * @returns a promise of scene
-       */ SceneParser.parse = function parse(engine, sceneData) {
-            var scene = new Scene(engine);
-            var context = new ParserContext(engine, ParserType.Scene, scene);
-            var parser = new SceneParser(sceneData, context, scene);
-            parser.start();
-            return parser.promise.then(function() {
-                return scene;
-            });
+        _proto._parseDependentAssets = function _parseDependentAssets(file) {
+            var entities = file.entities;
+            for(var i = 0, n = entities.length; i < n; i++){
+                var entity = entities[i];
+                if (!!entity.assetRefId) {
+                    var context = this.context;
+                    var refId = entity.assetRefId, key = entity.key;
+                    // @ts-ignore
+                    context._addDependentAsset(refId, context.resourceManager.getResourceByRef({
+                        refId: refId,
+                        key: key
+                    }));
+                } else if (entity.strippedId) {
+                    continue;
+                } else {
+                    var components = entity.components;
+                    for(var j = 0, m = components.length; j < m; j++){
+                        var component = components[j];
+                        this._searchDependentAssets(component.methods);
+                        this._searchDependentAssets(component.props);
+                    }
+                }
+            }
+        };
+        _proto._searchDependentAssets = function _searchDependentAssets(value) {
+            if (Array.isArray(value)) {
+                for(var i = 0, n = value.length; i < n; i++){
+                    this._searchDependentAssets(value[i]);
+                }
+            } else if (!!value && (typeof value === "undefined" ? "undefined" : _type_of1(value)) === "object") {
+                // @ts-ignore
+                if (ReflectionParser._isAssetRef(value)) {
+                    var context = this.context;
+                    // @ts-ignore
+                    context._addDependentAsset(value.refId, context.resourceManager.getResourceByRef(value));
+                } else {
+                    for(var key in value){
+                        this._searchDependentAssets(value[key]);
+                    }
+                }
+            }
         };
         return SceneParser;
     }(HierarchyParser);
-    var MaterialLoaderType = /*#__PURE__*/ function(MaterialLoaderType) {
-        MaterialLoaderType["Vector2"] = "Vector2";
-        MaterialLoaderType["Vector3"] = "Vector3";
-        MaterialLoaderType["Vector4"] = "Vector4";
-        MaterialLoaderType["Color"] = "Color";
-        MaterialLoaderType["Float"] = "Float";
-        MaterialLoaderType["Texture"] = "Texture";
-        MaterialLoaderType["Boolean"] = "Boolean";
-        MaterialLoaderType["Integer"] = "Integer";
-        return MaterialLoaderType;
-    }({});
-    var SpecularMode = /*#__PURE__*/ function(SpecularMode) {
-        SpecularMode["Sky"] = "Sky";
-        SpecularMode["Custom"] = "Custom";
-        return SpecularMode;
-    }({});
     /**
      * Decode engine binary resource.
      * @param arrayBuffer - array buffer of decode binary file
@@ -46225,9 +46428,11 @@
             var _this = this;
             var task = this._progress.taskComplete;
             task.total += 1;
-            taskPromise.then(function() {
+            taskPromise.finally(function() {
                 _this._setTaskCompleteProgress(++task.loaded, task.total);
-            }, function() {});
+            }).catch(function(e) {
+            // Need catch to avoid unhandled rejection
+            });
         };
         _proto._handleSubAsset = function _handleSubAsset(resource, type, index) {
             var _this = this;
@@ -46293,8 +46498,8 @@
         GLTFParserType[GLTFParserType["AnimatorController"] = 11] = "AnimatorController";
         return GLTFParserType;
     }({});
-    var _obj$3;
-    var glTFSchemaMap = (_obj$3 = {}, _obj$3[2] = "scenes", _obj$3[3] = "buffers", _obj$3[5] = "textures", _obj$3[6] = "materials", _obj$3[7] = "meshes", _obj$3[8] = "nodes", _obj$3[9] = "skins", _obj$3[10] = "animations", _obj$3[4] = "bufferViews", _obj$3);
+    var _obj$2;
+    var glTFSchemaMap = (_obj$2 = {}, _obj$2[2] = "scenes", _obj$2[3] = "buffers", _obj$2[5] = "textures", _obj$2[6] = "materials", _obj$2[7] = "meshes", _obj$2[8] = "nodes", _obj$2[9] = "skins", _obj$2[10] = "animations", _obj$2[4] = "bufferViews", _obj$2);
     var _obj1$1;
     var glTFResourceMap = (_obj1$1 = {}, _obj1$1[2] = "_sceneRoots", _obj1$1[5] = "textures", _obj1$1[6] = "materials", _obj1$1[7] = "meshes", _obj1$1[8] = "entities", _obj1$1[9] = "skins", _obj1$1[10] = "animations", _obj1$1[11] = "animatorController", _obj1$1);
     function registerGLTFParser(pipeline) {
@@ -46694,12 +46899,11 @@
         DFDTransferFunction[DFDTransferFunction["sRGB"] = 2] = "sRGB";
         return DFDTransferFunction;
     }({});
-    var SupercompressionScheme = /*#__PURE__*/ function(SupercompressionScheme) {
-        SupercompressionScheme[SupercompressionScheme["None"] = 0] = "None";
-        SupercompressionScheme[SupercompressionScheme["BasisLZ"] = 1] = "BasisLZ";
-        SupercompressionScheme[SupercompressionScheme["Zstd"] = 2] = "Zstd";
-        SupercompressionScheme[SupercompressionScheme["ZLib"] = 3] = "ZLib";
-        return SupercompressionScheme;
+    var ColorModel = /*#__PURE__*/ function(ColorModel) {
+        ColorModel[ColorModel["ETC1S"] = 163] = "ETC1S";
+        ColorModel[ColorModel["UASTC_LDR_4X4"] = 166] = "UASTC_LDR_4X4";
+        ColorModel[ColorModel["UASTC_HDR_4X4"] = 167] = "UASTC_HDR_4X4";
+        return ColorModel;
     }({});
     /** @internal */ var KTX2Container = /*#__PURE__*/ function() {
         function KTX2Container(buffer) {
@@ -46859,9 +47063,9 @@
                 }
             },
             {
-                key: "isUASTC",
+                key: "colorModel",
                 get: function get() {
-                    return this.dataFormatDescriptor.colorModel === 166;
+                    return this.dataFormatDescriptor.colorModel;
                 }
             }
         ]);
@@ -46878,6 +47082,9 @@
         /** R format, 8 bits per pixel. */ KTX2TargetFormat[KTX2TargetFormat["R8"] = 5] = "R8";
         /** RG format, 16 bits per pixel. */ KTX2TargetFormat[KTX2TargetFormat["R8G8"] = 6] = "R8G8";
         /** RGBA format, 32 bits per pixel. */ KTX2TargetFormat[KTX2TargetFormat["R8G8B8A8"] = 7] = "R8G8B8A8";
+        /** RGB HDR compressed format, 8 bits per pixel. */ KTX2TargetFormat[KTX2TargetFormat["BC6H"] = 8] = "BC6H";
+        /** HDR RGB(A) compressed format, 128 bits per 4x4 pixel block (currently UASTC HDR 4x4 encoders are only RGB). */ KTX2TargetFormat[KTX2TargetFormat["ASTC_HDR_4x4"] = 9] = "ASTC_HDR_4x4";
+        /** RGBA format, 16 bits per channel. */ KTX2TargetFormat[KTX2TargetFormat["R16G16B16A16"] = 10] = "R16G16B16A16";
         return KTX2TargetFormat;
     }({});
     /**
@@ -47020,7 +47227,7 @@
         };
         return AbstractTranscoder;
     }();
-    /** @internal */ function TranscodeWorkerCode$1() {
+    /** @internal */ function TranscodeWorkerCode() {
         var initPromise;
         var init = function init(wasmBinary) {
             if (!initPromise) {
@@ -47104,6 +47311,12 @@
                     return 10;
                 case 1:
                     return 7;
+                case 8:
+                    return 22;
+                case 9:
+                    return 23;
+                case 10:
+                    return 25;
             }
         }
         function concat(arrays) {
@@ -47160,6 +47373,9 @@
                     }
                     var dst = new Uint8Array(ktx2File.getImageTranscodedSizeInBytes(mip, layer, 0, format));
                     var status = ktx2File.transcodeImage(dst, mip, layer, face, format, 0, -1, -1);
+                    if (targetFormat === 10) {
+                        dst = new Uint16Array(dst.buffer, dst.byteOffset, dst.byteLength / Uint16Array.BYTES_PER_ELEMENT);
+                    }
                     if (!status) {
                         cleanup();
                         throw new Error("transcodeImage failed.");
@@ -47220,7 +47436,7 @@
                         };
                     });
                 } else {
-                    var funcCode = TranscodeWorkerCode$1.toString();
+                    var funcCode = TranscodeWorkerCode.toString();
                     var transcodeString = funcCode.substring(funcCode.indexOf("{"), funcCode.lastIndexOf("}") + 1);
                     var workerCode = "\n        " + jsCode + "\n        " + transcode.toString() + "\n        " + transcodeString + "\n        ";
                     var workerURL = URL.createObjectURL(new Blob([
@@ -47247,209 +47463,6 @@
         };
         return BinomialLLCTranscoder;
     }(AbstractTranscoder);
-    function TranscodeWorkerCode() {
-        var wasmPromise;
-        /**
-       * ZSTD (Zstandard) decoder.
-       */ var ZSTDDecoder = /*#__PURE__*/ function() {
-            function ZSTDDecoder() {}
-            var _proto = ZSTDDecoder.prototype;
-            _proto.init = function init() {
-                if (!this._initPromise) {
-                    this._initPromise = fetch(ZSTDDecoder.WasmModuleURL).then(function(response) {
-                        if (response.ok) {
-                            return response.arrayBuffer();
-                        }
-                        throw new Error("Could not fetch the wasm component for the Zstandard decompression lib: " + response.status + " - " + response.statusText);
-                    }).then(function(arrayBuffer) {
-                        return WebAssembly.instantiate(arrayBuffer, ZSTDDecoder.IMPORT_OBJECT);
-                    }).then(this._init);
-                }
-                return this._initPromise;
-            };
-            _proto._init = function _init(result) {
-                ZSTDDecoder.instance = result.instance;
-                ZSTDDecoder.IMPORT_OBJECT.env.emscripten_notify_memory_growth(); // initialize heap.
-            };
-            _proto.decode = function decode(array, uncompressedSize) {
-                if (uncompressedSize === void 0) uncompressedSize = 0;
-                if (!ZSTDDecoder.instance) {
-                    throw new Error("ZSTDDecoder: Await .init() before decoding.");
-                }
-                var exports = ZSTDDecoder.instance.exports;
-                // Write compressed data into WASM memory
-                var compressedSize = array.byteLength;
-                var compressedPtr = exports.malloc(compressedSize);
-                ZSTDDecoder.heap.set(array, compressedPtr);
-                // Decompress into WASM memory
-                uncompressedSize = uncompressedSize || Number(exports.ZSTD_findDecompressedSize(compressedPtr, compressedSize));
-                var uncompressedPtr = exports.malloc(uncompressedSize);
-                var actualSize = exports.ZSTD_decompress(uncompressedPtr, uncompressedSize, compressedPtr, compressedSize);
-                // Read decompressed data and free WASM memory
-                var dec = ZSTDDecoder.heap.slice(uncompressedPtr, uncompressedPtr + actualSize);
-                exports.free(compressedPtr);
-                exports.free(uncompressedPtr);
-                return dec;
-            };
-            return ZSTDDecoder;
-        }();
-        ZSTDDecoder.IMPORT_OBJECT = {
-            env: {
-                emscripten_notify_memory_growth: function emscripten_notify_memory_growth() {
-                    ZSTDDecoder.heap = new Uint8Array(ZSTDDecoder.instance.exports.memory.buffer);
-                }
-            }
-        };
-        ZSTDDecoder.WasmModuleURL = "https://mdn.alipayobjects.com/rms/afts/file/A*awNJR7KqIAEAAAAAAAAAAAAAARQnAQ/zstddec.wasm";
-        function transcodeASTCAndBC7(wasmTranscoder, compressedData, width, height) {
-            var nBlocks = (width + 3 >> 2) * (height + 3 >> 2);
-            var texMemoryPages = nBlocks * 16 + 65535 >> 16;
-            var memory = wasmTranscoder.memory;
-            var delta = texMemoryPages + 1 - (memory.buffer.byteLength >> 16);
-            if (delta > 0) memory.grow(delta);
-            var textureView = new Uint8Array(memory.buffer, 65536, nBlocks * 16);
-            textureView.set(compressedData);
-            return wasmTranscoder.transcode(nBlocks) === 0 ? textureView : null;
-        }
-        function initWasm(buffer) {
-            wasmPromise = WebAssembly.instantiate(buffer, {
-                env: {
-                    memory: new WebAssembly.Memory({
-                        initial: 16
-                    })
-                }
-            }).then(function(moduleWrapper) {
-                return moduleWrapper.instance.exports;
-            });
-            return wasmPromise;
-        }
-        var zstdDecoder = new ZSTDDecoder();
-        function transcode(data, needZstd, wasmModule) {
-            var faceCount = data.length;
-            var result = new Array(faceCount);
-            var promise = Promise.resolve();
-            if (needZstd) {
-                zstdDecoder.init();
-                promise = zstdDecoder._initPromise;
-            }
-            return promise.then(function() {
-                for(var faceIndex = 0; faceIndex < faceCount; faceIndex++){
-                    var mipmapCount = data[faceIndex].length;
-                    var decodedData = new Array(mipmapCount);
-                    for(var i = 0; i < mipmapCount; i++){
-                        var _data_faceIndex_i = data[faceIndex][i], buffer = _data_faceIndex_i.buffer, levelHeight = _data_faceIndex_i.levelHeight, levelWidth = _data_faceIndex_i.levelWidth, uncompressedByteLength = _data_faceIndex_i.uncompressedByteLength;
-                        if (needZstd) buffer = zstdDecoder.decode(buffer.slice(), uncompressedByteLength);
-                        var faceByteLength = buffer.byteLength / faceCount;
-                        var originByteOffset = buffer.byteOffset;
-                        var decodedBuffer = transcodeASTCAndBC7(wasmModule, new Uint8Array(buffer.buffer, originByteOffset + faceIndex * faceByteLength, faceByteLength), levelWidth, levelHeight);
-                        if (decodedBuffer) {
-                            decodedData[i] = {
-                                // use wasm memory as buffer, should slice to avoid duplicate
-                                data: decodedBuffer.slice(),
-                                width: levelWidth,
-                                height: levelHeight
-                            };
-                        } else {
-                            throw "buffer decoded error";
-                        }
-                    }
-                    result[faceIndex] = decodedData;
-                }
-                return result;
-            });
-        }
-        self.onmessage = function onmessage(event) {
-            var message = event.data;
-            switch(message.type){
-                case "init":
-                    initWasm(message.transcoderWasm).then(function() {
-                        self.postMessage("init-completed");
-                    }).catch(function(e) {
-                        self.postMessage({
-                            error: e
-                        });
-                    });
-                    break;
-                case "transcode":
-                    wasmPromise.then(function(module) {
-                        transcode(message.data, message.needZstd, module).then(function(decodedData) {
-                            self.postMessage(decodedData);
-                        }).catch(function(e) {
-                            return self.postMessage({
-                                error: e
-                            });
-                        });
-                    });
-                    break;
-            }
-        };
-    }
-    /** @internal */ var KhronosTranscoder = /*#__PURE__*/ function(AbstractTranscoder) {
-        _inherits(KhronosTranscoder, AbstractTranscoder);
-        function KhronosTranscoder(workerLimitCount, type) {
-            var _this;
-            _this = AbstractTranscoder.call(this, workerLimitCount) || this, _this.type = type;
-            return _this;
-        }
-        var _proto = KhronosTranscoder.prototype;
-        _proto._initTranscodeWorkerPool = function _initTranscodeWorkerPool() {
-            var _this = this;
-            return fetch(KhronosTranscoder.transcoderMap[this.type]).then(function(res) {
-                return res.arrayBuffer();
-            }).then(function(wasmBuffer) {
-                var funcCode = TranscodeWorkerCode.toString();
-                var workerURL = URL.createObjectURL(new Blob([
-                    funcCode.substring(funcCode.indexOf("{") + 1, funcCode.lastIndexOf("}"))
-                ], {
-                    type: "application/javascript"
-                }));
-                return _this._createTranscodePool(workerURL, wasmBuffer);
-            });
-        };
-        _proto.transcode = function transcode(ktx2Container) {
-            var needZstd = ktx2Container.supercompressionScheme === SupercompressionScheme.Zstd;
-            var levelCount = ktx2Container.levels.length;
-            var faceCount = ktx2Container.faceCount;
-            var decodedData = {
-                width: ktx2Container.pixelWidth,
-                height: ktx2Container.pixelHeight,
-                mipmaps: null
-            };
-            var postMessageData = {
-                type: "transcode",
-                format: 0,
-                needZstd: needZstd,
-                data: new Array(faceCount)
-            };
-            var messageData = postMessageData.data;
-            for(var faceIndex = 0; faceIndex < faceCount; faceIndex++){
-                var mipmapData = new Array(levelCount);
-                for(var mipmapIndex = 0; mipmapIndex < levelCount; mipmapIndex++){
-                    var level = ktx2Container.levels[mipmapIndex];
-                    var levelWidth = Math.floor(ktx2Container.pixelWidth / (1 << mipmapIndex)) || 1;
-                    var levelHeight = Math.floor(ktx2Container.pixelHeight / (1 << mipmapIndex)) || 1;
-                    var originBuffer = level.levelData.buffer;
-                    var originOffset = level.levelData.byteOffset;
-                    var originByteLength = level.levelData.byteLength;
-                    mipmapData[mipmapIndex] = {
-                        buffer: new Uint8Array(originBuffer, originOffset, originByteLength),
-                        levelWidth: levelWidth,
-                        levelHeight: levelHeight,
-                        uncompressedByteLength: level.uncompressedByteLength
-                    };
-                }
-                messageData[faceIndex] = mipmapData;
-            }
-            return this._transcodeWorkerPool.postMessage(postMessageData).then(function(data) {
-                decodedData.faces = data;
-                decodedData.hasAlpha = true;
-                return decodedData;
-            });
-        };
-        return KhronosTranscoder;
-    }(AbstractTranscoder);
-    var _obj$2;
-    KhronosTranscoder.transcoderMap = (_obj$2 = {}, _obj$2[KTX2TargetFormat.ASTC] = "https://mdn.alipayobjects.com/rms/afts/file/A*0jiKRK6D1-kAAAAAAAAAAAAAARQnAQ/uastc_astc.wasm", _obj$2);
     exports.KTX2Loader = /*#__PURE__*/ function(Loader) {
         _inherits(KTX2Loader, Loader);
         function KTX2Loader() {
@@ -47463,11 +47476,7 @@
                     KTX2Loader._priorityFormats["etc1s"] = options.priorityFormats;
                     KTX2Loader._priorityFormats["uastc"] = options.priorityFormats;
                 }
-                if (options.transcoder === 1) {
-                    return KTX2Loader._getKhronosTranscoder(options.workerCount).init();
-                } else {
-                    return KTX2Loader._getBinomialLLCTranscoder(options.workerCount).init();
-                }
+                return KTX2Loader._getBinomialLLCTranscoder(options.workerCount).init();
             }
         };
         /**
@@ -47495,29 +47504,17 @@
        * @remarks If use loader after releasing, we should release again.
        */ KTX2Loader.release = function release() {
             if (this._binomialLLCTranscoder) this._binomialLLCTranscoder.destroy();
-            if (this._khronosTranscoder) this._khronosTranscoder.destroy();
             this._binomialLLCTranscoder = null;
-            this._khronosTranscoder = null;
-            this._isBinomialInit = false;
         };
         /** @internal */ KTX2Loader._parseBuffer = function _parseBuffer(buffer, engine, params) {
             var ktx2Container = new KTX2Container(buffer);
             var _params_priorityFormats;
-            var formatPriorities = (_params_priorityFormats = params == null ? void 0 : params.priorityFormats) != null ? _params_priorityFormats : KTX2Loader._priorityFormats[ktx2Container.isUASTC ? "uastc" : "etc1s"];
+            var formatPriorities = (_params_priorityFormats = params == null ? void 0 : params.priorityFormats) != null ? _params_priorityFormats : KTX2Loader._priorityFormats[ktx2Container.colorModel];
             var targetFormat = KTX2Loader._decideTargetFormat(engine, ktx2Container, formatPriorities);
-            var transcodeResultPromise;
-            if (KTX2Loader._isBinomialInit || !KhronosTranscoder.transcoderMap[targetFormat] || !ktx2Container.isUASTC) {
-                var binomialLLCWorker = KTX2Loader._getBinomialLLCTranscoder();
-                transcodeResultPromise = binomialLLCWorker.init().then(function() {
-                    return binomialLLCWorker.transcode(buffer, targetFormat);
-                });
-            } else {
-                var khronosWorker = KTX2Loader._getKhronosTranscoder();
-                transcodeResultPromise = khronosWorker.init().then(function() {
-                    return khronosWorker.transcode(ktx2Container);
-                });
-            }
-            return transcodeResultPromise.then(function(result) {
+            var binomialLLCWorker = KTX2Loader._getBinomialLLCTranscoder();
+            return binomialLLCWorker.init().then(function() {
+                return binomialLLCWorker.transcode(buffer, targetFormat);
+            }).then(function(result) {
                 return {
                     ktx2Container: ktx2Container,
                     engine: engine,
@@ -47596,15 +47593,9 @@
         };
         KTX2Loader._getBinomialLLCTranscoder = function _getBinomialLLCTranscoder(workerCount) {
             if (workerCount === void 0) workerCount = 4;
-            KTX2Loader._isBinomialInit = true;
             var _this__binomialLLCTranscoder;
             return (_this__binomialLLCTranscoder = this._binomialLLCTranscoder) != null ? _this__binomialLLCTranscoder : this._binomialLLCTranscoder = new BinomialLLCTranscoder(workerCount);
         };
-        KTX2Loader._getKhronosTranscoder = function _getKhronosTranscoder(workerCount) {
-            if (workerCount === void 0) workerCount = 4;
-            var _this__khronosTranscoder;
-            return (_this__khronosTranscoder = this._khronosTranscoder) != null ? _this__khronosTranscoder : this._khronosTranscoder = new KhronosTranscoder(workerCount, KTX2TargetFormat.ASTC);
-        };
         KTX2Loader._getEngineTextureFormat = function _getEngineTextureFormat(basisFormat, transcodeResult) {
             var hasAlpha = transcodeResult.hasAlpha;
             switch(basisFormat){
@@ -47620,52 +47611,65 @@
                     return hasAlpha ? TextureFormat.PVRTC_RGBA4 : TextureFormat.PVRTC_RGB4;
                 case KTX2TargetFormat.R8G8B8A8:
                     return TextureFormat.R8G8B8A8;
+                case KTX2TargetFormat.BC6H:
+                    return TextureFormat.BC6H;
+                case KTX2TargetFormat.ASTC_HDR_4x4:
+                    return TextureFormat.ASTC_4x4;
+                case KTX2TargetFormat.R16G16B16A16:
+                    return TextureFormat.R16G16B16A16;
             }
         };
         return KTX2Loader;
     }(Loader);
-    exports.KTX2Loader._isBinomialInit = false;
-    exports.KTX2Loader._priorityFormats = {
-        etc1s: [
-            KTX2TargetFormat.ETC,
-            KTX2TargetFormat.BC7,
-            KTX2TargetFormat.ASTC,
-            KTX2TargetFormat.BC1_BC3,
-            KTX2TargetFormat.PVRTC
-        ],
-        uastc: [
-            KTX2TargetFormat.ASTC,
-            KTX2TargetFormat.BC7,
-            KTX2TargetFormat.ETC,
-            KTX2TargetFormat.BC1_BC3,
-            KTX2TargetFormat.PVRTC
-        ]
-    };
-    var _obj$1, _obj1, _obj2, _obj3, _obj4, _obj5;
-    exports.KTX2Loader._capabilityMap = (_obj5 = {}, _obj5[KTX2TargetFormat.ASTC] = (_obj$1 = {}, _obj$1[DFDTransferFunction.linear] = [
+    var _obj$1;
+    exports.KTX2Loader._priorityFormats = (_obj$1 = {}, _obj$1[ColorModel.ETC1S] = [
+        KTX2TargetFormat.ETC,
+        KTX2TargetFormat.BC7,
+        KTX2TargetFormat.ASTC,
+        KTX2TargetFormat.BC1_BC3,
+        KTX2TargetFormat.PVRTC
+    ], _obj$1[ColorModel.UASTC_LDR_4X4] = [
+        KTX2TargetFormat.ASTC,
+        KTX2TargetFormat.BC7,
+        KTX2TargetFormat.ETC,
+        KTX2TargetFormat.BC1_BC3,
+        KTX2TargetFormat.PVRTC
+    ], _obj$1[ColorModel.UASTC_HDR_4X4] = [
+        KTX2TargetFormat.ASTC_HDR_4x4,
+        KTX2TargetFormat.BC6H,
+        KTX2TargetFormat.R16G16B16A16
+    ], _obj$1);
+    var _obj1, _obj2, _obj3, _obj4, _obj5, _obj6, _obj7, _obj8, _obj9;
+    exports.KTX2Loader._capabilityMap = (_obj9 = {}, _obj9[KTX2TargetFormat.ASTC] = (_obj1 = {}, _obj1[DFDTransferFunction.linear] = [
         GLCapabilityType.astc,
         GLCapabilityType.astc_webkit
-    ], _obj$1[DFDTransferFunction.sRGB] = [
+    ], _obj1[DFDTransferFunction.sRGB] = [
         GLCapabilityType.astc,
         GLCapabilityType.astc_webkit
-    ], _obj$1), _obj5[KTX2TargetFormat.ETC] = (_obj1 = {}, _obj1[DFDTransferFunction.linear] = [
+    ], _obj1), _obj9[KTX2TargetFormat.ETC] = (_obj2 = {}, _obj2[DFDTransferFunction.linear] = [
         GLCapabilityType.etc,
         GLCapabilityType.etc_webkit
-    ], _obj1[DFDTransferFunction.sRGB] = [
+    ], _obj2[DFDTransferFunction.sRGB] = [
         GLCapabilityType.etc,
         GLCapabilityType.etc_webkit
-    ], _obj1), _obj5[KTX2TargetFormat.BC7] = (_obj2 = {}, _obj2[DFDTransferFunction.linear] = [
+    ], _obj2), _obj9[KTX2TargetFormat.BC7] = (_obj3 = {}, _obj3[DFDTransferFunction.linear] = [
         GLCapabilityType.bptc
-    ], _obj2[DFDTransferFunction.sRGB] = [
+    ], _obj3[DFDTransferFunction.sRGB] = [
         GLCapabilityType.bptc
-    ], _obj2), _obj5[KTX2TargetFormat.BC1_BC3] = (_obj3 = {}, _obj3[DFDTransferFunction.linear] = [
+    ], _obj3), _obj9[KTX2TargetFormat.BC1_BC3] = (_obj4 = {}, _obj4[DFDTransferFunction.linear] = [
         GLCapabilityType.s3tc
-    ], _obj3[DFDTransferFunction.sRGB] = [
+    ], _obj4[DFDTransferFunction.sRGB] = [
         GLCapabilityType.s3tc_srgb
-    ], _obj3), _obj5[KTX2TargetFormat.PVRTC] = (_obj4 = {}, _obj4[DFDTransferFunction.linear] = [
+    ], _obj4), _obj9[KTX2TargetFormat.BC6H] = (_obj5 = {}, _obj5[DFDTransferFunction.linear] = [
+        GLCapabilityType.bptc
+    ], _obj5), _obj9[KTX2TargetFormat.ASTC_HDR_4x4] = (_obj6 = {}, _obj6[DFDTransferFunction.linear] = [
+        GLCapabilityType.astc_hdr
+    ], _obj6), _obj9[KTX2TargetFormat.R16G16B16A16] = (_obj7 = {}, _obj7[DFDTransferFunction.linear] = [
+        GLCapabilityType.textureHalfFloat
+    ], _obj7), _obj9[KTX2TargetFormat.PVRTC] = (_obj8 = {}, _obj8[DFDTransferFunction.linear] = [
         GLCapabilityType.pvrtc,
         GLCapabilityType.pvrtc_webkit
-    ], _obj4), _obj5);
+    ], _obj8), _obj9);
     exports.KTX2Loader = __decorate([
         resourceLoader(AssetType.KTX2, [
             "ktx2"
@@ -47695,11 +47699,6 @@
         };
         return KTX2ContentRestorer;
     }(ContentRestorer);
-    /** Used for initialize KTX2 transcoder. */ var KTX2Transcoder = /*#__PURE__*/ function(KTX2Transcoder) {
-        /** BinomialLLC transcoder. */ KTX2Transcoder[KTX2Transcoder["BinomialLLC"] = 0] = "BinomialLLC";
-        /** Khronos transcoder. */ KTX2Transcoder[KTX2Transcoder["Khronos"] = 1] = "Khronos";
-        return KTX2Transcoder;
-    }({});
     /**
      * @internal
      */ var GLTFContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
@@ -48431,7 +48430,7 @@
                     }
                 }
             }
-            if (material.constructor === PBRMaterial || material.constructor === PBRSpecularMaterial) {
+            if (material.constructor === PBRMaterial) {
                 if (emissiveTexture) {
                     GLTFMaterialParser._checkOtherTextureTransform(emissiveTexture, "Emissive");
                     context.get(GLTFParserType.Texture, emissiveTexture.index).then(function(texture) {
@@ -48990,7 +48989,7 @@
         };
         _proto._isSRGBColorSpace = function _isSRGBColorSpace(textureIndex, materials) {
             return materials == null ? void 0 : materials.some(function(material) {
-                var _material_emissiveTexture, _material_pbrMetallicRoughness_baseColorTexture, _material_pbrMetallicRoughness, _material_extensions_KHR_materials_sheen_sheenColorTexture, _material_extensions_KHR_materials_sheen, _material_extensions, _material_extensions_KHR_materials_pbrSpecularGlossiness_diffuseTexture, _material_extensions_KHR_materials_pbrSpecularGlossiness, _material_extensions1, _material_extensions_KHR_materials_pbrSpecularGlossiness_specularGlossinessTexture, _material_extensions_KHR_materials_pbrSpecularGlossiness1, _material_extensions2;
+                var _material_emissiveTexture, _material_pbrMetallicRoughness_baseColorTexture, _material_pbrMetallicRoughness, _material_extensions_KHR_materials_sheen_sheenColorTexture, _material_extensions_KHR_materials_sheen, _material_extensions, _material_extensions_KHR_materials_specular_specularColorTexture, _material_extensions_KHR_materials_specular, _material_extensions1;
                 if (((_material_emissiveTexture = material.emissiveTexture) == null ? void 0 : _material_emissiveTexture.index) === textureIndex) {
                     return true;
                 }
@@ -49000,10 +48999,7 @@
                 if (((_material_extensions = material.extensions) == null ? void 0 : (_material_extensions_KHR_materials_sheen = _material_extensions.KHR_materials_sheen) == null ? void 0 : (_material_extensions_KHR_materials_sheen_sheenColorTexture = _material_extensions_KHR_materials_sheen.sheenColorTexture) == null ? void 0 : _material_extensions_KHR_materials_sheen_sheenColorTexture.index) === textureIndex) {
                     return true;
                 }
-                if (((_material_extensions1 = material.extensions) == null ? void 0 : (_material_extensions_KHR_materials_pbrSpecularGlossiness = _material_extensions1.KHR_materials_pbrSpecularGlossiness) == null ? void 0 : (_material_extensions_KHR_materials_pbrSpecularGlossiness_diffuseTexture = _material_extensions_KHR_materials_pbrSpecularGlossiness.diffuseTexture) == null ? void 0 : _material_extensions_KHR_materials_pbrSpecularGlossiness_diffuseTexture.index) === textureIndex) {
-                    return true;
-                }
-                if (((_material_extensions2 = material.extensions) == null ? void 0 : (_material_extensions_KHR_materials_pbrSpecularGlossiness1 = _material_extensions2.KHR_materials_pbrSpecularGlossiness) == null ? void 0 : (_material_extensions_KHR_materials_pbrSpecularGlossiness_specularGlossinessTexture = _material_extensions_KHR_materials_pbrSpecularGlossiness1.specularGlossinessTexture) == null ? void 0 : _material_extensions_KHR_materials_pbrSpecularGlossiness_specularGlossinessTexture.index) === textureIndex) {
+                if (((_material_extensions1 = material.extensions) == null ? void 0 : (_material_extensions_KHR_materials_specular = _material_extensions1.KHR_materials_specular) == null ? void 0 : (_material_extensions_KHR_materials_specular_specularColorTexture = _material_extensions_KHR_materials_specular.specularColorTexture) == null ? void 0 : _material_extensions_KHR_materials_specular_specularColorTexture.index) === textureIndex) {
                     return true;
                 }
             });
@@ -50092,7 +50088,7 @@
         var _proto = ProjectLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var engine = resourceManager.engine;
-            return new AssetPromise(function(resolve, reject) {
+            return new AssetPromise(function(resolve, reject, onTaskCompeteProgress) {
                 resourceManager // @ts-ignore
                 ._request(item.url, _extends({}, item, {
                     type: "json"
@@ -50102,7 +50098,7 @@
                     return resourceManager.load({
                         type: AssetType.Scene,
                         url: data.scene
-                    }).then(function(scene) {
+                    }).onProgress(onTaskCompeteProgress).then(function(scene) {
                         engine.sceneManager.activeScene = scene;
                         resolve();
                     });
@@ -50607,12 +50603,18 @@
         var _proto = SceneLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var engine = resourceManager.engine;
-            return new AssetPromise(function(resolve, reject) {
+            return new AssetPromise(function(resolve, reject, setTaskCompleteProgress) {
                 resourceManager // @ts-ignore
                 ._request(item.url, _extends({}, item, {
                     type: "json"
                 })).then(function(data) {
-                    return SceneParser.parse(engine, data).then(function(scene) {
+                    var scene = new Scene(engine);
+                    var context = new ParserContext(engine, ParserType.Scene, scene);
+                    var parser = new SceneParser(data, context, scene);
+                    parser._collectDependentAssets(data);
+                    context._setTaskCompleteProgress = setTaskCompleteProgress;
+                    parser.start();
+                    return parser.promise.then(function() {
                         var promises = [];
                         // parse ambient light
                         var ambient = data.scene.ambient;
@@ -50828,50 +50830,6 @@
     KHR_materials_ior = __decorate([
         registerGLTFExtension("KHR_materials_ior", GLTFExtensionMode.AdditiveParse)
     ], KHR_materials_ior);
-    var KHR_materials_pbrSpecularGlossiness = /*#__PURE__*/ function(GLTFExtensionParser) {
-        _inherits(KHR_materials_pbrSpecularGlossiness, GLTFExtensionParser);
-        function KHR_materials_pbrSpecularGlossiness() {
-            return GLTFExtensionParser.apply(this, arguments) || this;
-        }
-        var _proto = KHR_materials_pbrSpecularGlossiness.prototype;
-        _proto.createAndParse = function createAndParse(context, schema, ownerSchema) {
-            var engine = context.glTFResource.engine;
-            var material = new PBRSpecularMaterial(engine);
-            var diffuseFactor = schema.diffuseFactor, diffuseTexture = schema.diffuseTexture, specularFactor = schema.specularFactor, glossinessFactor = schema.glossinessFactor, specularGlossinessTexture = schema.specularGlossinessTexture;
-            if (diffuseFactor) {
-                material.baseColor.copyFromArray(diffuseFactor);
-            }
-            if (diffuseTexture) {
-                context.get(GLTFParserType.Texture, diffuseTexture.index).then(function(texture) {
-                    material.baseTexture = texture;
-                    GLTFParser.executeExtensionsAdditiveAndParse(diffuseTexture.extensions, context, material, diffuseTexture);
-                }).catch(function(e) {
-                    Logger.error("KHR_materials_pbrSpecularGlossiness: diffuse texture error", e);
-                });
-            }
-            if (specularFactor) {
-                material.specularColor.set(specularFactor[0], specularFactor[1], specularFactor[2], 1.0);
-            }
-            if (glossinessFactor !== undefined) {
-                material.glossiness = glossinessFactor;
-            }
-            if (specularGlossinessTexture) {
-                exports.GLTFMaterialParser._checkOtherTextureTransform(specularGlossinessTexture, "Specular glossiness");
-                context.get(GLTFParserType.Texture, specularGlossinessTexture.index).then(function(texture) {
-                    material.specularGlossinessTexture = texture;
-                }).catch(function(e) {
-                    Logger.error("KHR_materials_pbrSpecularGlossiness: specular glossiness texture error", e);
-                });
-            }
-            material.name = ownerSchema.name;
-            exports.GLTFMaterialParser._parseStandardProperty(context, material, ownerSchema);
-            return material;
-        };
-        return KHR_materials_pbrSpecularGlossiness;
-    }(GLTFExtensionParser);
-    KHR_materials_pbrSpecularGlossiness = __decorate([
-        registerGLTFExtension("KHR_materials_pbrSpecularGlossiness", GLTFExtensionMode.CreateAndParse)
-    ], KHR_materials_pbrSpecularGlossiness);
     var KHR_materials_sheen = /*#__PURE__*/ function(GLTFExtensionParser) {
         _inherits(KHR_materials_sheen, GLTFExtensionParser);
         function KHR_materials_sheen() {
@@ -51218,6 +51176,40 @@
     KHR_materials_iridescence = __decorate([
         registerGLTFExtension("KHR_materials_iridescence", GLTFExtensionMode.AdditiveParse)
     ], KHR_materials_iridescence);
+    var KHR_materials_specular = /*#__PURE__*/ function(GLTFExtensionParser) {
+        _inherits(KHR_materials_specular, GLTFExtensionParser);
+        function KHR_materials_specular() {
+            return GLTFExtensionParser.apply(this, arguments) || this;
+        }
+        var _proto = KHR_materials_specular.prototype;
+        _proto.additiveParse = function additiveParse(context, material, schema) {
+            var _schema_specularFactor = schema.specularFactor, specularFactor = _schema_specularFactor === void 0 ? 1 : _schema_specularFactor, specularTexture = schema.specularTexture, specularColorFactor = schema.specularColorFactor, specularColorTexture = schema.specularColorTexture;
+            material.specularIntensity = specularFactor;
+            if (specularColorFactor) {
+                material.specularColor.set(specularColorFactor[0], specularColorFactor[1], specularColorFactor[2], undefined);
+            }
+            if (specularTexture) {
+                exports.GLTFMaterialParser._checkOtherTextureTransform(specularTexture, "Specular intensity texture");
+                context.get(GLTFParserType.Texture, specularTexture.index).then(function(texture) {
+                    material.specularIntensityTexture = texture;
+                }).catch(function(e) {
+                    Logger.error("KHR_materials_specular: specularTexture error", e);
+                });
+            }
+            if (specularColorTexture) {
+                exports.GLTFMaterialParser._checkOtherTextureTransform(specularColorTexture, "Specular color texture");
+                context.get(GLTFParserType.Texture, specularColorTexture.index).then(function(texture) {
+                    material.specularColorTexture = texture;
+                }).catch(function(e) {
+                    Logger.error("KHR_materials_specular: SpecularColorTexture error", e);
+                });
+            }
+        };
+        return KHR_materials_specular;
+    }(GLTFExtensionParser);
+    KHR_materials_specular = __decorate([
+        registerGLTFExtension("KHR_materials_specular", GLTFExtensionMode.AdditiveParse)
+    ], KHR_materials_specular);
     var EXT_texture_webp = /*#__PURE__*/ function(GLTFExtensionParser) {
         _inherits(EXT_texture_webp, GLTFExtensionParser);
         function EXT_texture_webp() {
@@ -51238,7 +51230,7 @@
     ], EXT_texture_webp);
 
     //@ts-ignore
-    var version = "1.5.14";
+    var version = "1.6.0-alpha.0";
     console.log("Galacean Engine Version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);
@@ -51374,7 +51366,6 @@
     exports.JointLimits = JointLimits;
     exports.JointMotor = JointMotor;
     exports.KTX2TargetFormat = KTX2TargetFormat;
-    exports.KTX2Transcoder = KTX2Transcoder;
     exports.Keyframe = Keyframe;
     exports.Keys = Keys;
     exports.Layer = Layer;
@@ -51395,9 +51386,7 @@
     exports.MeshTopology = MeshTopology;
     exports.ModelMesh = ModelMesh;
     exports.OverflowMode = OverflowMode;
-    exports.PBRBaseMaterial = PBRBaseMaterial;
     exports.PBRMaterial = PBRMaterial;
-    exports.PBRSpecularMaterial = PBRSpecularMaterial;
     exports.ParserContext = ParserContext;
     exports.ParserType = ParserType;
     exports.ParticleCompositeCurve = ParticleCompositeCurve;
@@ -51545,6 +51534,7 @@
     exports.TrailMaterial = TrailMaterial;
     exports.TrailRenderer = TrailRenderer;
     exports.Transform = Transform;
+    exports.TransformModifyFlags = TransformModifyFlags;
     exports.UnlitMaterial = UnlitMaterial;
     exports.Utils = Utils;
     exports.Vector2 = Vector2;