@galacean/engine-core 1.5.13 → 1.6.0-alpha.0

package/dist/main.js

@@ -507,6 +507,7 @@ __decorate([
     /** 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";
@@ -680,6 +681,7 @@ var Logger = {
     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";
@@ -796,12 +798,19 @@ var AssetPromise = /*#__PURE__*/ function() {
         });
     };
     /**
-   * 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.
@@ -5352,7 +5361,6 @@ ShaderTagKey._nameMap = Object.create(null);
         // Create program and link shader
         var program = gl.createProgram();
         if (!program) {
-            console.warn("Context lost while create program.");
             return null;
         }
         gl.attachShader(program, vertexShader);
@@ -5372,7 +5380,6 @@ ShaderTagKey._nameMap = Object.create(null);
         var gl = this._gl;
         var shader = gl.createShader(shaderType);
         if (!shader) {
-            console.warn("Context lost while create shader.");
             return null;
         }
         gl.shaderSource(shader, shaderSource);
@@ -5540,7 +5547,9 @@ ShaderTagKey._nameMap = Object.create(null);
     _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);
@@ -5552,7 +5561,9 @@ ShaderTagKey._nameMap = Object.create(null);
         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;
@@ -7800,22 +7811,59 @@ function dependentComponents(componentOrComponents, dependentMode) {
         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) {
+            engineMath.Matrix.invert(parent.worldMatrix, Transform._tempMat41);
+            engineMath.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.
@@ -7917,25 +7965,6 @@ function dependentComponents(componentOrComponents, dependentMode) {
             }
         }
     };
-    _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;
@@ -7947,22 +7976,6 @@ function dependentComponents(componentOrComponents, dependentMode) {
         engineMath.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) {
             engineMath.Quaternion.multiply(this.rotationQuaternion, rotateQuat, this._rotationQuaternion);
@@ -7987,21 +8000,6 @@ function dependentComponents(componentOrComponents, dependentMode) {
         engineMath.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) {
-            engineMath.Matrix.invert(parent.worldMatrix, Transform._tempMat41);
-            engineMath.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);
@@ -8262,15 +8260,16 @@ function dependentComponents(componentOrComponents, dependentMode) {
                 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;
@@ -8309,7 +8308,7 @@ function dependentComponents(componentOrComponents, dependentMode) {
                     this._localMatrix.copyFrom(value);
                 }
                 this.localMatrix = this._localMatrix;
-                this._setDirtyFlagFalse(128);
+                this._onWorldMatrixChange();
             }
         },
         {
@@ -8430,7 +8429,7 @@ __decorate([
     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";
@@ -10949,43 +10948,130 @@ __decorate([
         if (outHitResult) {
             hitResult = outHitResult;
         }
-        var onRaycast = function(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.
@@ -11075,6 +11161,31 @@ __decorate([
     _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(PhysicsScene, [
         {
             key: "gravity",
@@ -11105,6 +11216,7 @@ __decorate([
     return PhysicsScene;
 }();
 PhysicsScene._collision = new Collision();
+PhysicsScene._identityQuaternion = new engineMath.Quaternion(0, 0, 0, 1);
 
 /**
  * A static collider component that will not move.
@@ -13165,35 +13277,86 @@ BlinnPhongMaterial._specularTextureProp = ShaderProperty.getByName("material_Spe
 }({});
 
 /**
- * PBR (Physically-Based Rendering) Material.
- */ var PBRBaseMaterial = /*#__PURE__*/ function(BaseMaterial) {
-    _inherits(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(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 engineMath.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 engineMath.Color(1, 1, 1, 1));
-        shaderData.setColor(PBRBaseMaterial._emissiveColorProp, new engineMath.Color(0, 0, 0, 1));
-        shaderData.setVector4(PBRBaseMaterial._tilingOffsetProp, new engineMath.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 engineMath.Color(1, 1, 1, 1));
+        shaderData.setColor(PBRMaterial._emissiveColorProp, new engineMath.Color(0, 0, 0, 1));
+        shaderData.setVector4(PBRMaterial._tilingOffsetProp, new engineMath.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 engineMath.Vector3(1, 0, 0));
+        shaderData.setVector4(PBRMaterial._iridescenceInfoProp, new engineMath.Vector4(0, 1.3, 100, 400));
+        var sheenColor = new engineMath.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 engineMath.Color(1, 1, 1));
+        shaderData.setFloat(PBRMaterial._specularIntensityProp, 1);
+        shaderData.setColor(PBRMaterial._specularColorProp, new engineMath.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(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(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);
                 }
@@ -13204,14 +13367,14 @@ BlinnPhongMaterial._specularTextureProp = ShaderProperty.getByName("material_Spe
             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);
                 }
             }
         },
@@ -13220,14 +13383,14 @@ BlinnPhongMaterial._specularTextureProp = ShaderProperty.getByName("material_Spe
             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);
                 }
             }
         },
@@ -13236,10 +13399,10 @@ BlinnPhongMaterial._specularTextureProp = ShaderProperty.getByName("material_Spe
             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);
             }
         },
         {
@@ -13247,10 +13410,10 @@ BlinnPhongMaterial._specularTextureProp = ShaderProperty.getByName("material_Spe
             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);
                 }
@@ -13261,14 +13424,14 @@ BlinnPhongMaterial._specularTextureProp = ShaderProperty.getByName("material_Spe
             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);
                 }
             }
         },
@@ -13277,10 +13440,10 @@ BlinnPhongMaterial._specularTextureProp = ShaderProperty.getByName("material_Spe
             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 {
@@ -13293,10 +13456,10 @@ BlinnPhongMaterial._specularTextureProp = ShaderProperty.getByName("material_Spe
             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);
             }
         },
         {
@@ -13305,13 +13468,13 @@ BlinnPhongMaterial._specularTextureProp = ShaderProperty.getByName("material_Spe
    * 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);
             }
         },
         {
@@ -13319,10 +13482,10 @@ BlinnPhongMaterial._specularTextureProp = ShaderProperty.getByName("material_Spe
             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);
                 }
@@ -13333,17 +13496,17 @@ BlinnPhongMaterial._specularTextureProp = ShaderProperty.getByName("material_Spe
             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);
             }
         },
         {
@@ -13351,10 +13514,10 @@ BlinnPhongMaterial._specularTextureProp = ShaderProperty.getByName("material_Spe
             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 {
@@ -13367,10 +13530,10 @@ BlinnPhongMaterial._specularTextureProp = ShaderProperty.getByName("material_Spe
             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);
             }
         },
         {
@@ -13378,10 +13541,10 @@ BlinnPhongMaterial._specularTextureProp = ShaderProperty.getByName("material_Spe
             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 {
@@ -13394,90 +13557,17 @@ BlinnPhongMaterial._specularTextureProp = ShaderProperty.getByName("material_Spe
             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(PBRMaterial, PBRBaseMaterial);
-    function PBRMaterial(engine) {
-        var _this;
-        _this = PBRBaseMaterial.call(this, engine, Shader.find("pbr")) || this, _this._anisotropyRotation = 0, _this._iridescenceRange = new engineMath.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 engineMath.Vector3(1, 0, 0));
-        shaderData.setVector4(PBRMaterial._iridescenceInfoProp, new engineMath.Vector4(0, 1.3, 100, 400));
-        var sheenColor = new engineMath.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 engineMath.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(PBRMaterial, [
+        },
         {
             key: "ior",
             get: /**
@@ -13487,7 +13577,7 @@ PBRBaseMaterial._clearCoatNormalTextureProp = ShaderProperty.getByName("material
                 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));
             }
         },
         {
@@ -13879,103 +13969,106 @@ PBRBaseMaterial._clearCoatNormalTextureProp = ShaderProperty.getByName("material
                     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(PBRSpecularMaterial, PBRBaseMaterial);
-    function PBRSpecularMaterial(engine) {
-        var _this;
-        _this = PBRBaseMaterial.call(this, engine, Shader.find("pbr-specular")) || this;
-        _this.shaderData.setColor(PBRSpecularMaterial._specularColorProp, new engineMath.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(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.
@@ -25777,7 +25870,7 @@ ShaderPool.init();
     _inherits(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;
@@ -25912,7 +26005,7 @@ ShaderPool.init();
             scene4._componentsManager.callScriptOnLateUpdate(deltaTime);
         }
         // Render scene and fire `onBeginRender` and `onEndRender`
-        if (!this._isDeviceLost) {
+        if (!this._hardwareRenderer.isContextLost()) {
             this._render(scenes);
         }
         if (this._waitingDestroy) {
@@ -26135,7 +26228,6 @@ ShaderPool.init();
         });
     };
     _proto._onDeviceLost = function _onDeviceLost() {
-        this._isDeviceLost = true;
         // Lose graphic resources
         this.resourceManager._lostGraphicResources();
         console.log("Device lost.");
@@ -26156,7 +26248,6 @@ ShaderPool.init();
         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);
         });
@@ -36679,6 +36770,7 @@ __decorate([
         Polyfill._registerMatchAll();
         Polyfill._registerAudioContext();
         Polyfill._registerTextMetrics();
+        Polyfill._registerPromiseFinally();
     };
     Polyfill._registerMatchAll = function _registerMatchAll() {
         if (!String.prototype.matchAll) {
@@ -36776,6 +36868,24 @@ __decorate([
             });
         }
     };
+    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;
 }();
 
@@ -36905,9 +37015,7 @@ exports.MeshShape = MeshShape;
 exports.MeshTopology = MeshTopology;
 exports.ModelMesh = ModelMesh;
 exports.OverflowMode = OverflowMode;
-exports.PBRBaseMaterial = PBRBaseMaterial;
 exports.PBRMaterial = PBRMaterial;
-exports.PBRSpecularMaterial = PBRSpecularMaterial;
 exports.ParticleCompositeCurve = ParticleCompositeCurve;
 exports.ParticleCompositeGradient = ParticleCompositeGradient;
 exports.ParticleCurve = ParticleCurve;
@@ -37042,6 +37150,7 @@ exports.TonemappingMode = TonemappingMode;
 exports.TrailMaterial = TrailMaterial;
 exports.TrailRenderer = TrailRenderer;
 exports.Transform = Transform;
+exports.TransformModifyFlags = TransformModifyFlags;
 exports.UnlitMaterial = UnlitMaterial;
 exports.Utils = Utils;
 exports.VelocityOverLifetimeModule = VelocityOverLifetimeModule;