@galacean/engine-core 1.2.0-alpha.0 → 1.2.0-alpha.10

package/dist/module.js

@@ -1,4 +1,4 @@
-import { MathUtil as MathUtil$1, Vector2, BoundingBox, Rect, Vector4, Quaternion, Vector3, Matrix3x3, Matrix, Color as Color$1, Ray, Plane, BoundingSphere, FrustumFace, CollisionUtil, BoundingFrustum, Rand } from '@galacean/engine-math';
+import { MathUtil, Vector2, BoundingBox, Rect, Vector4, Quaternion, Vector3, Matrix3x3, Matrix, Color, Ray, Plane, BoundingSphere, FrustumFace, CollisionUtil, BoundingFrustum, Rand } from '@galacean/engine-math';
 
 /**
  * The platform (including operating system and hardware) is running on.
@@ -55,347 +55,6 @@ function _inherits(subClass, superClass) {
     if (superClass) _set_prototype_of(subClass, superClass);
 }
 
-/**
- * Common utility methods for math operations.
- */ var MathUtil = /*#__PURE__*/ function() {
-    function MathUtil() {}
-    /**
-   * Clamps the specified value.
-   * @param v - The specified value
-   * @param min - The min value
-   * @param max - The max value
-   * @returns The result of clamping a value between min and max
-   */ MathUtil.clamp = function clamp(v, min, max) {
-        return Math.max(min, Math.min(max, v));
-    };
-    /**
-   * Checks if a and b are almost equals.
-   * The absolute value of the difference between a and b is close to zero.
-   * @param a - The left value to compare
-   * @param b - The right value to compare
-   * @returns True if a almost equal to b, false otherwise
-   */ MathUtil.equals = function equals(a, b) {
-        return Math.abs(a - b) <= MathUtil.zeroTolerance;
-    };
-    /**
-   * Determines whether the specified v is pow2.
-   * @param v - The specified v
-   * @returns True if the specified v is pow2, false otherwise
-   */ MathUtil.isPowerOf2 = function isPowerOf2(v) {
-        return (v & v - 1) === 0;
-    };
-    /**
-   * Modify the specified r from radian to degree.
-   * @param r - The specified r
-   * @returns The degree value
-   */ MathUtil.radianToDegree = function radianToDegree(r) {
-        return r * MathUtil.radToDegreeFactor;
-    };
-    /**
-   * Modify the specified d from degree to radian.
-   * @param d - The specified d
-   * @returns The radian value
-   */ MathUtil.degreeToRadian = function degreeToRadian(d) {
-        return d * MathUtil.degreeToRadFactor;
-    };
-    return MathUtil;
-}();
-(function() {
-    /** The value for which all absolute numbers smaller than are considered equal to zero. */ MathUtil.zeroTolerance = 1e-6;
-})();
-(function() {
-    /** The conversion factor that radian to degree. */ MathUtil.radToDegreeFactor = 180 / Math.PI;
-})();
-(function() {
-    /** The conversion factor that degree to radian. */ MathUtil.degreeToRadFactor = Math.PI / 180;
-})();
-
-/**
- * Describes a color in the from of RGBA (in order: R, G, B, A).
- */ var Color = /*#__PURE__*/ function() {
-    function Color(r, g, b, a) {
-        if (r === void 0) r = 1;
-        if (g === void 0) g = 1;
-        if (b === void 0) b = 1;
-        if (a === void 0) a = 1;
-        /** @internal */ this._onValueChanged = null;
-        this._r = r;
-        this._g = g;
-        this._b = b;
-        this._a = a;
-    }
-    var _proto = Color.prototype;
-    /**
-   * Set the value of this color.
-   * @param r - The red component of the color
-   * @param g - The green component of the color
-   * @param b - The blue component of the color
-   * @param a - The alpha component of the color
-   * @returns This color.
-   */ _proto.set = function set(r, g, b, a) {
-        this._r = r;
-        this._g = g;
-        this._b = b;
-        this._a = a;
-        this._onValueChanged && this._onValueChanged();
-        return this;
-    };
-    /**
-   * Determines the sum of this color and the specified color.
-   * @param color - The specified color
-   * @returns The added color
-   */ _proto.add = function add(color) {
-        this._r += color._r;
-        this._g += color._g;
-        this._b += color._b;
-        this._a += color._a;
-        this._onValueChanged && this._onValueChanged();
-        return this;
-    };
-    /**
-   * Scale this color by the given value.
-   * @param s - The amount by which to scale the color
-   * @returns The scaled color
-   */ _proto.scale = function scale(s) {
-        this._r *= s;
-        this._g *= s;
-        this._b *= s;
-        this._a *= s;
-        this._onValueChanged && this._onValueChanged();
-        return this;
-    };
-    /**
-   * Creates a clone of this color.
-   * @returns A clone of this color
-   */ _proto.clone = function clone() {
-        var ret = new Color(this._r, this._g, this._b, this._a);
-        return ret;
-    };
-    /**
-   * Copy from color like object.
-   * @param source - Color like object.
-   * @returns This vector
-   */ _proto.copyFrom = function copyFrom(source) {
-        this._r = source.r;
-        this._g = source.g;
-        this._b = source.b;
-        this._a = source.a;
-        this._onValueChanged && this._onValueChanged();
-        return this;
-    };
-    /**
-   * Copy from array like object.
-   * @param source - Array like object
-   * @param offset - The start offset
-   * @returns This color
-   */ _proto.copyFromArray = function copyFromArray(source, offset) {
-        if (offset === void 0) offset = 0;
-        this._r = source[offset];
-        this._g = source[offset + 1];
-        this._b = source[offset + 2];
-        this._a = source[offset + 3];
-        this._onValueChanged && this._onValueChanged();
-        return this;
-    };
-    /**
-   * Copy the value of this color to an array.
-   * @param out - The color
-   * @param outOffset - The start offset
-   */ _proto.copyToArray = function copyToArray(out, outOffset) {
-        if (outOffset === void 0) outOffset = 0;
-        out[outOffset] = this._r;
-        out[outOffset + 1] = this._g;
-        out[outOffset + 2] = this._b;
-        out[outOffset + 3] = this._a;
-    };
-    /**
-   * Modify components (r, g, b) of this color from gamma space to linear space.
-   * @param out - The color in linear space
-   * @returns The color in linear space
-   */ _proto.toLinear = function toLinear(out) {
-        out._r = Color.gammaToLinearSpace(this._r);
-        out._g = Color.gammaToLinearSpace(this._g);
-        out._b = Color.gammaToLinearSpace(this._b);
-        this._onValueChanged && this._onValueChanged();
-        return out;
-    };
-    /**
-   * Modify components (r, g, b) of this color from linear space to gamma space.
-   * @param out - The color in gamma space
-   * @returns The color in gamma space
-   */ _proto.toGamma = function toGamma(out) {
-        out._r = Color.linearToGammaSpace(this._r);
-        out._g = Color.linearToGammaSpace(this._g);
-        out._b = Color.linearToGammaSpace(this._b);
-        this._onValueChanged && this._onValueChanged();
-        return out;
-    };
-    /**
-   * Gets the brightness.
-   * @returns The Hue-Saturation-Brightness (HSB) saturation for this
-   */ _proto.getBrightness = function getBrightness() {
-        var r = this.r;
-        var g = this.g;
-        var b = this.b;
-        var max = r;
-        var min = r;
-        if (g > max) max = g;
-        if (b > max) max = b;
-        if (g < min) min = g;
-        if (b < min) min = b;
-        return (max + min) / 2;
-    };
-    /**
-   * Serialize this color to a JSON representation.
-   * @return A JSON representation of this color
-   */ _proto.toJSON = function toJSON() {
-        return {
-            r: this._r,
-            g: this._g,
-            b: this._b,
-            a: this._a
-        };
-    };
-    /**
-   * Modify a value from the gamma space to the linear space.
-   * @param value - The value in gamma space
-   * @returns The value in linear space
-   */ Color.gammaToLinearSpace = function gammaToLinearSpace(value) {
-        // https://www.khronos.org/registry/OpenGL/extensions/EXT/EXT_framebuffer_sRGB.txt
-        // https://www.khronos.org/registry/OpenGL/extensions/EXT/EXT_texture_sRGB_decode.txt
-        if (value <= 0.0) return 0.0;
-        else if (value <= 0.04045) return value / 12.92;
-        else if (value < 1.0) return Math.pow((value + 0.055) / 1.055, 2.4);
-        else return Math.pow(value, 2.4);
-    };
-    /**
-   * Modify a value from the linear space to the gamma space.
-   * @param value - The value in linear space
-   * @returns The value in gamma space
-   */ Color.linearToGammaSpace = function linearToGammaSpace(value) {
-        // https://www.khronos.org/registry/OpenGL/extensions/EXT/EXT_framebuffer_sRGB.txt
-        // https://www.khronos.org/registry/OpenGL/extensions/EXT/EXT_texture_sRGB_decode.txt
-        if (value <= 0.0) return 0.0;
-        else if (value < 0.0031308) return 12.92 * value;
-        else if (value < 1.0) return 1.055 * Math.pow(value, 0.41666) - 0.055;
-        else return Math.pow(value, 0.41666);
-    };
-    /**
-   * Determines whether the specified colors are equals.
-   * @param left - The first color to compare
-   * @param right - The second color to compare
-   * @returns True if the specified colors are equals, false otherwise
-   */ Color.equals = function equals(left, right) {
-        return MathUtil.equals(left._r, right._r) && MathUtil.equals(left._g, right._g) && MathUtil.equals(left._b, right._b) && MathUtil.equals(left._a, right._a);
-    };
-    /**
-   * Determines the sum of two colors.
-   * @param left - The first color to add
-   * @param right - The second color to add
-   * @param out - The sum of two colors
-   * @returns The added color
-   */ Color.add = function add(left, right, out) {
-        out._r = left._r + right._r;
-        out._g = left._g + right._g;
-        out._b = left._b + right._b;
-        out._a = left._a + right._a;
-        out._onValueChanged && out._onValueChanged();
-        return out;
-    };
-    /**
-   * Determines the difference between two colors.
-   * @param left - The first color to subtract
-   * @param right - The second color to subtract
-   * @param out - The difference between two colors
-   */ Color.subtract = function subtract(left, right, out) {
-        out._r = left._r - right._r;
-        out._g = left._g - right._g;
-        out._b = left._b - right._b;
-        out._a = left._a - right._a;
-        out._onValueChanged && out._onValueChanged();
-    };
-    /**
-   * Scale a color by the given value.
-   * @param left - The color to scale
-   * @param s - The amount by which to scale the color
-   * @param out - The scaled color
-   * @returns The scaled color
-   */ Color.scale = function scale(left, s, out) {
-        out._r = left._r * s;
-        out._g = left._g * s;
-        out._b = left._b * s;
-        out._a = left._a * s;
-        out._onValueChanged && out._onValueChanged();
-        return out;
-    };
-    /**
-   * Performs a linear interpolation between two color.
-   * @param start - The first color
-   * @param end - The second color
-   * @param t - The blend amount where 0 returns start and 1 end
-   * @param out - The result of linear blending between two color
-   */ Color.lerp = function lerp(start, end, t, out) {
-        var _r = start._r, _g = start._g, _b = start._b, _a = start._a;
-        out._r = _r + (end._r - _r) * t;
-        out._g = _g + (end._g - _g) * t;
-        out._b = _b + (end._b - _b) * t;
-        out._a = _a + (end._a - _a) * t;
-        out._onValueChanged && out._onValueChanged();
-        return out;
-    };
-    _create_class(Color, [
-        {
-            key: "r",
-            get: /**
-   * The red component of the color, 0~1.
-   */ function get() {
-                return this._r;
-            },
-            set: function set(value) {
-                this._r = value;
-                this._onValueChanged && this._onValueChanged();
-            }
-        },
-        {
-            key: "g",
-            get: /**
-   * The green component of the color, 0~1.
-   */ function get() {
-                return this._g;
-            },
-            set: function set(value) {
-                this._g = value;
-                this._onValueChanged && this._onValueChanged();
-            }
-        },
-        {
-            key: "b",
-            get: /**
-   * The blue component of the color, 0~1.
-   */ function get() {
-                return this._b;
-            },
-            set: function set(value) {
-                this._b = value;
-                this._onValueChanged && this._onValueChanged();
-            }
-        },
-        {
-            key: "a",
-            get: /**
-   * The alpha component of the color, 0~1.
-   */ function get() {
-                return this._a;
-            },
-            set: function set(value) {
-                this._a = value;
-                this._onValueChanged && this._onValueChanged();
-            }
-        }
-    ]);
-    return Color;
-}();
-
 /**
  * Sprite mask interaction.
  */ var SpriteMaskInteraction;
@@ -936,7 +595,14 @@ var Utils = /*#__PURE__*/ function() {
    * @param url - The url to be judged.
    * @returns Whether the url is absolute url.
    */ Utils.isAbsoluteUrl = function isAbsoluteUrl(url) {
-        return /^(?:http|blob|data:|\/)/.test(url);
+        return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url);
+    };
+    /**
+   * Judge whether the url is base64 url.
+   * @param url - The url to be judged.
+   * @returns Whether the url is base64 url.
+   */ Utils.isBase64Url = function isBase64Url(url) {
+        return /^data:.*,.*$/i.test(url);
     };
     /**
    * Get the values of an object.
@@ -954,7 +620,10 @@ var Utils = /*#__PURE__*/ function() {
         if (Utils.isAbsoluteUrl(relativeUrl)) {
             return relativeUrl;
         }
-        return baseUrl.substring(0, baseUrl.lastIndexOf("/") + 1) + this._formatRelativePath(relativeUrl);
+        if (Utils.isBase64Url(relativeUrl)) {
+            return relativeUrl;
+        }
+        return relativeUrl ? baseUrl.replace(/\/+$/, "") + "/" + relativeUrl.replace(/^\/+/, "") : baseUrl;
     };
     /**
    * @internal
@@ -1400,9 +1069,9 @@ var rePropName$1 = RegExp(// Match anything that isn't a dot or bracket.
         var _this = this, region = _this._region;
         // @ts-ignore
         region._onValueChanged = null;
-        var x = MathUtil$1.clamp(region.x, 0, 1);
-        var y = MathUtil$1.clamp(region.y, 0, 1);
-        region.set(x, y, MathUtil$1.clamp(region.width, 0, 1 - x), MathUtil$1.clamp(region.height, 0, 1 - y));
+        var x = MathUtil.clamp(region.x, 0, 1);
+        var y = MathUtil.clamp(region.y, 0, 1);
+        region.set(x, y, MathUtil.clamp(region.width, 0, 1 - x), MathUtil.clamp(region.height, 0, 1 - y));
         this._dispatchSpriteChange(SpriteModifyFlags.region);
         if (this._customWidth === undefined || this._customHeight === undefined) {
             this._dispatchSpriteChange(SpriteModifyFlags.size);
@@ -1417,9 +1086,9 @@ var rePropName$1 = RegExp(// Match anything that isn't a dot or bracket.
         var _this = this, border = _this._border;
         // @ts-ignore
         border._onValueChanged = null;
-        var x = MathUtil$1.clamp(border.x, 0, 1);
-        var y = MathUtil$1.clamp(border.y, 0, 1);
-        border.set(x, y, MathUtil$1.clamp(border.z, 0, 1 - x), MathUtil$1.clamp(border.w, 0, 1 - y));
+        var x = MathUtil.clamp(border.x, 0, 1);
+        var y = MathUtil.clamp(border.y, 0, 1);
+        border.set(x, y, MathUtil.clamp(border.z, 0, 1 - x), MathUtil.clamp(border.w, 0, 1 - y));
         this._dispatchSpriteChange(SpriteModifyFlags.border);
         // @ts-ignore
         border._onValueChanged = this._onBorderChange;
@@ -1509,9 +1178,9 @@ var rePropName$1 = RegExp(// Match anything that isn't a dot or bracket.
                 return this._atlasRegion;
             },
             set: function set(value) {
-                var x = MathUtil$1.clamp(value.x, 0, 1);
-                var y = MathUtil$1.clamp(value.y, 0, 1);
-                this._atlasRegion.set(x, y, MathUtil$1.clamp(value.width, 0, 1 - x), MathUtil$1.clamp(value.height, 0, 1 - y));
+                var x = MathUtil.clamp(value.x, 0, 1);
+                var y = MathUtil.clamp(value.y, 0, 1);
+                this._atlasRegion.set(x, y, MathUtil.clamp(value.width, 0, 1 - x), MathUtil.clamp(value.height, 0, 1 - y));
                 this._dispatchSpriteChange(SpriteModifyFlags.atlasRegion);
                 if (this._customWidth === undefined || this._customHeight === undefined) {
                     this._dispatchSpriteChange(SpriteModifyFlags.size);
@@ -1526,9 +1195,9 @@ var rePropName$1 = RegExp(// Match anything that isn't a dot or bracket.
                 return this._atlasRegionOffset;
             },
             set: function set(value) {
-                var x = MathUtil$1.clamp(value.x, 0, 1);
-                var y = MathUtil$1.clamp(value.y, 0, 1);
-                this._atlasRegionOffset.set(x, y, MathUtil$1.clamp(value.z, 0, 1 - x), MathUtil$1.clamp(value.w, 0, 1 - y));
+                var x = MathUtil.clamp(value.x, 0, 1);
+                var y = MathUtil.clamp(value.y, 0, 1);
+                this._atlasRegionOffset.set(x, y, MathUtil.clamp(value.z, 0, 1 - x), MathUtil.clamp(value.w, 0, 1 - y));
                 this._dispatchSpriteChange(SpriteModifyFlags.atlasRegionOffset);
                 if (this._customWidth === undefined || this._customHeight === undefined) {
                     this._dispatchSpriteChange(SpriteModifyFlags.size);
@@ -2116,20 +1785,28 @@ var ActiveChangeFlag;
                     this._enabled = value;
                     if (this._entity._isActiveInScene) {
                         if (value) {
-                            this._phasedActiveInScene = true;
-                            this._onEnableInScene();
+                            if (!this._phasedActiveInScene) {
+                                this._phasedActiveInScene = true;
+                                this._onEnableInScene();
+                            }
                         } else {
-                            this._phasedActiveInScene = false;
-                            this._onDisableInScene();
+                            if (this._phasedActiveInScene) {
+                                this._phasedActiveInScene = false;
+                                this._onDisableInScene();
+                            }
                         }
                     }
                     if (this._entity.isActiveInHierarchy) {
                         if (value) {
-                            this._phasedActive = true;
-                            this._onEnable();
+                            if (!this._phasedActive) {
+                                this._phasedActive = true;
+                                this._onEnable();
+                            }
                         } else {
-                            this._phasedActive = false;
-                            this._onDisable();
+                            if (this._phasedActive) {
+                                this._phasedActive = false;
+                                this._onDisable();
+                            }
                         }
                     }
                 }
@@ -2442,7 +2119,7 @@ var DependentMode;
    * @param relativeToLocal = `true` - Relative to local space
    */ _proto.rotateByAxis = function rotateByAxis(axis, angle, relativeToLocal) {
         if (relativeToLocal === void 0) relativeToLocal = true;
-        var rad = angle * MathUtil$1.degreeToRadFactor;
+        var rad = angle * MathUtil.degreeToRadFactor;
         Quaternion.rotationAxisAngle(axis, rad, Transform._tempQuat0);
         this._rotateByQuat(Transform._tempQuat0, relativeToLocal);
     };
@@ -2454,7 +2131,7 @@ var DependentMode;
         var zAxis = Transform._tempVec30;
         Vector3.subtract(this.worldPosition, targetPosition, zAxis);
         var axisLen = zAxis.length();
-        if (axisLen <= MathUtil$1.zeroTolerance) {
+        if (axisLen <= MathUtil.zeroTolerance) {
             // The current position and the target position are almost the same.
             return;
         }
@@ -2466,7 +2143,7 @@ var DependentMode;
             xAxis.set(zAxis.z, 0, -zAxis.x);
         }
         axisLen = xAxis.length();
-        if (axisLen <= MathUtil$1.zeroTolerance) {
+        if (axisLen <= MathUtil.zeroTolerance) {
             // @todo:
             // 1.worldUp is（0,0,0）
             // 2.worldUp is parallel to zAxis
@@ -2673,7 +2350,7 @@ var DependentMode;
     };
     _proto._rotateXYZ = function _rotateXYZ(x, y, z, relativeToLocal) {
         if (relativeToLocal === void 0) relativeToLocal = true;
-        var radFactor = MathUtil$1.degreeToRadFactor;
+        var radFactor = MathUtil.degreeToRadFactor;
         var rotQuat = Transform._tempQuat0;
         Quaternion.rotationEuler(x * radFactor, y * radFactor, z * radFactor, rotQuat);
         this._rotateByQuat(rotQuat, relativeToLocal);
@@ -2700,7 +2377,7 @@ var DependentMode;
     };
     _proto._onWorldRotationChanged = function _onWorldRotationChanged() {
         var worldRotation = this._worldRotation;
-        Quaternion.rotationEuler(MathUtil$1.degreeToRadian(worldRotation.x), MathUtil$1.degreeToRadian(worldRotation.y), MathUtil$1.degreeToRadian(worldRotation.z), this._worldRotationQuaternion);
+        Quaternion.rotationEuler(MathUtil.degreeToRadian(worldRotation.x), MathUtil.degreeToRadian(worldRotation.y), MathUtil.degreeToRadian(worldRotation.z), this._worldRotationQuaternion);
         this._setDirtyFlagFalse(0x8);
     };
     _proto._onRotationQuaternionChanged = function _onRotationQuaternionChanged() {
@@ -2775,7 +2452,7 @@ var DependentMode;
                     //@ts-ignore
                     rotation._onValueChanged = null;
                     this._rotationQuaternion.toEuler(rotation);
-                    rotation.scale(MathUtil$1.radToDegreeFactor); // radians to degrees
+                    rotation.scale(MathUtil.radToDegreeFactor); // radians to degrees
                     //@ts-ignore
                     rotation._onValueChanged = this._onRotationChanged;
                     this._setDirtyFlagFalse(0x1);
@@ -2799,7 +2476,7 @@ var DependentMode;
                     //@ts-ignore
                     worldRotation._onValueChanged = null;
                     this.worldRotationQuaternion.toEuler(worldRotation);
-                    worldRotation.scale(MathUtil$1.radToDegreeFactor); // Radian to angle
+                    worldRotation.scale(MathUtil.radToDegreeFactor); // Radian to angle
                     //@ts-ignore
                     worldRotation._onValueChanged = this._onWorldRotationChanged;
                     this._setDirtyFlagFalse(0x8);
@@ -2821,7 +2498,7 @@ var DependentMode;
                 if (this._isContainDirtyFlag(0x2)) {
                     //@ts-ignore
                     rotationQuaternion._onValueChanged = null;
-                    Quaternion.rotationEuler(MathUtil$1.degreeToRadian(this._rotation.x), MathUtil$1.degreeToRadian(this._rotation.y), MathUtil$1.degreeToRadian(this._rotation.z), rotationQuaternion);
+                    Quaternion.rotationEuler(MathUtil.degreeToRadian(this._rotation.x), MathUtil.degreeToRadian(this._rotation.y), MathUtil.degreeToRadian(this._rotation.z), rotationQuaternion);
                     //@ts-ignore
                     rotationQuaternion._onValueChanged = this._onRotationQuaternionChanged;
                     this._setDirtyFlagFalse(0x2);
@@ -3502,7 +3179,7 @@ function _extends() {
     return _extends.apply(this, arguments);
 }
 
-var camera_declare = "#define GLSLIFY 1\nuniform vec3 camera_Position;"; // eslint-disable-line
+var camera_declare = "#define GLSLIFY 1\nuniform vec3 camera_Position;uniform vec3 camera_Forward;"; // eslint-disable-line
 
 var common = "#define GLSLIFY 1\n#define PI 3.14159265359\n#define RECIPROCAL_PI 0.31830988618\n#define EPSILON 1e-6\n#define LOG2 1.442695\n#define saturate( a ) clamp( a, 0.0, 1.0 )\nfloat pow2(float x){return x*x;}vec4 RGBMToLinear(vec4 value,float maxRange){return vec4(value.rgb*value.a*maxRange,1.0);}vec4 gammaToLinear(vec4 srgbIn){return vec4(pow(srgbIn.rgb,vec3(2.2)),srgbIn.a);}vec4 linearToGamma(vec4 linearIn){return vec4(pow(linearIn.rgb,vec3(1.0/2.2)),linearIn.a);}uniform vec4 camera_DepthBufferParams;float remapDepthBufferLinear01(float z){return 1.0/(camera_DepthBufferParams.x*z+camera_DepthBufferParams.y);}\n#ifdef GRAPHICS_API_WEBGL2\n#define INVERSE_MAT(mat) inverse(mat)\n#else\nmat2 inverseMat(mat2 m){return mat2(m[1][1],-m[0][1],-m[1][0],m[0][0])/(m[0][0]*m[1][1]-m[0][1]*m[1][0]);}mat3 inverseMat(mat3 m){float a00=m[0][0],a01=m[0][1],a02=m[0][2];float a10=m[1][0],a11=m[1][1],a12=m[1][2];float a20=m[2][0],a21=m[2][1],a22=m[2][2];float b01=a22*a11-a12*a21;float b11=-a22*a10+a12*a20;float b21=a21*a10-a11*a20;float det=a00*b01+a01*b11+a02*b21;return mat3(b01,(-a22*a01+a02*a21),(a12*a01-a02*a11),b11,(a22*a00-a02*a20),(-a12*a00+a02*a10),b21,(-a21*a00+a01*a20),(a11*a00-a01*a10))/det;}mat4 inverseMat(mat4 m){float a00=m[0][0],a01=m[0][1],a02=m[0][2],a03=m[0][3],a10=m[1][0],a11=m[1][1],a12=m[1][2],a13=m[1][3],a20=m[2][0],a21=m[2][1],a22=m[2][2],a23=m[2][3],a30=m[3][0],a31=m[3][1],a32=m[3][2],a33=m[3][3],b00=a00*a11-a01*a10,b01=a00*a12-a02*a10,b02=a00*a13-a03*a10,b03=a01*a12-a02*a11,b04=a01*a13-a03*a11,b05=a02*a13-a03*a12,b06=a20*a31-a21*a30,b07=a20*a32-a22*a30,b08=a20*a33-a23*a30,b09=a21*a32-a22*a31,b10=a21*a33-a23*a31,b11=a22*a33-a23*a32,det=b00*b11-b01*b10+b02*b09+b03*b08-b04*b07+b05*b06;return mat4(a11*b11-a12*b10+a13*b09,a02*b10-a01*b11-a03*b09,a31*b05-a32*b04+a33*b03,a22*b04-a21*b05-a23*b03,a12*b08-a10*b11-a13*b07,a00*b11-a02*b08+a03*b07,a32*b02-a30*b05-a33*b01,a20*b05-a22*b02+a23*b01,a10*b10-a11*b08+a13*b06,a01*b08-a00*b10-a03*b06,a30*b04-a31*b02+a33*b00,a21*b02-a20*b04-a23*b00,a11*b07-a10*b09-a12*b06,a00*b09-a01*b07+a02*b06,a31*b01-a30*b03-a32*b00,a20*b03-a21*b01+a22*b00)/det;}\n#define INVERSE_MAT(mat) inverseMat(mat)\n#endif\n"; // eslint-disable-line
 
@@ -3552,7 +3229,7 @@ var mobile_material_frag = "#define GLSLIFY 1\nuniform vec4 material_EmissiveCol
 
 var begin_mobile_frag = "#define GLSLIFY 1\nvec4 ambient=vec4(0.0);vec4 emission=material_EmissiveColor;vec4 diffuse=material_BaseColor;vec4 specular=material_SpecularColor;\n#ifdef MATERIAL_HAS_EMISSIVETEXTURE\nvec4 emissiveTextureColor=texture2D(material_EmissiveTexture,v_uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\nemissiveTextureColor=gammaToLinear(emissiveTextureColor);\n#endif\nemission*=emissiveTextureColor;\n#endif\n#ifdef MATERIAL_HAS_BASETEXTURE\nvec4 diffuseTextureColor=texture2D(material_BaseTexture,v_uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\ndiffuseTextureColor=gammaToLinear(diffuseTextureColor);\n#endif\ndiffuse*=diffuseTextureColor;\n#endif\n#ifdef RENDERER_ENABLE_VERTEXCOLOR\ndiffuse*=v_color;\n#endif\n#ifdef MATERIAL_HAS_SPECULAR_TEXTURE\nvec4 specularTextureColor=texture2D(material_SpecularTexture,v_uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\nspecularTextureColor=gammaToLinear(specularTextureColor);\n#endif\nspecular*=specularTextureColor;\n#endif\nambient=vec4(scene_EnvMapLight.diffuse*scene_EnvMapLight.diffuseIntensity,1.0)*diffuse;"; // eslint-disable-line
 
-var begin_viewdir_frag = "#define GLSLIFY 1\n#ifdef MATERIAL_NEED_WORLD_POS\nvec3 V=normalize(camera_Position-v_pos);\n#endif\n"; // eslint-disable-line
+var begin_viewdir_frag = "#define GLSLIFY 1\n#ifdef CAMERA_ORTHOGRAPHIC\nvec3 V=-camera_Forward;\n#else\n#ifdef MATERIAL_NEED_WORLD_POS\nvec3 V=normalize(camera_Position-v_pos);\n#endif\n#endif\n"; // eslint-disable-line
 
 var mobile_blinnphong_frag = "#define GLSLIFY 1\n#ifdef MATERIAL_HAS_NORMALTEXTURE\nmat3 tbn=getTBN(gl_FrontFacing);vec3 N=getNormalByNormalTexture(tbn,material_NormalTexture,material_NormalIntensity,v_uv,gl_FrontFacing);\n#else\nvec3 N=getNormal(gl_FrontFacing);\n#endif\nvec3 lightDiffuse=vec3(0.0,0.0,0.0);vec3 lightSpecular=vec3(0.0,0.0,0.0);float shadowAttenuation=1.0;\n#ifdef SCENE_DIRECT_LIGHT_COUNT\nshadowAttenuation=1.0;\n#ifdef SCENE_IS_CALCULATE_SHADOWS\nshadowAttenuation*=sampleShadowMap();\n#endif\nDirectLight directionalLight;for(int i=0;i<SCENE_DIRECT_LIGHT_COUNT;i++){if(!isRendererCulledByLight(renderer_Layer.xy,scene_DirectLightCullingMask[i])){directionalLight.color=scene_DirectLightColor[i];\n#ifdef SCENE_IS_CALCULATE_SHADOWS\nif(i==0){directionalLight.color*=shadowAttenuation;}\n#endif\ndirectionalLight.direction=scene_DirectLightDirection[i];float d=max(dot(N,-directionalLight.direction),0.0);lightDiffuse+=directionalLight.color*d;vec3 halfDir=normalize(V-directionalLight.direction);float s=pow(clamp(dot(N,halfDir),0.0,1.0),material_Shininess);lightSpecular+=directionalLight.color*s;}}\n#endif\n#ifdef SCENE_POINT_LIGHT_COUNT\nPointLight pointLight;for(int i=0;i<SCENE_POINT_LIGHT_COUNT;i++){if(!isRendererCulledByLight(renderer_Layer.xy,scene_PointLightCullingMask[i])){pointLight.color=scene_PointLightColor[i];pointLight.position=scene_PointLightPosition[i];pointLight.distance=scene_PointLightDistance[i];vec3 direction=v_pos-pointLight.position;float dist=length(direction);direction/=dist;float decay=clamp(1.0-pow(dist/pointLight.distance,4.0),0.0,1.0);float d=max(dot(N,-direction),0.0)*decay;lightDiffuse+=pointLight.color*d;vec3 halfDir=normalize(V-direction);float s=pow(clamp(dot(N,halfDir),0.0,1.0),material_Shininess)*decay;lightSpecular+=pointLight.color*s;}}\n#endif\n#ifdef SCENE_SPOT_LIGHT_COUNT\nSpotLight spotLight;for(int i=0;i<SCENE_SPOT_LIGHT_COUNT;i++){if(!isRendererCulledByLight(renderer_Layer.xy,scene_SpotLightCullingMask[i])){spotLight.color=scene_SpotLightColor[i];spotLight.position=scene_SpotLightPosition[i];spotLight.direction=scene_SpotLightDirection[i];spotLight.distance=scene_SpotLightDistance[i];spotLight.angleCos=scene_SpotLightAngleCos[i];spotLight.penumbraCos=scene_SpotLightPenumbraCos[i];vec3 direction=spotLight.position-v_pos;float lightDistance=length(direction);direction/=lightDistance;float angleCos=dot(direction,-spotLight.direction);float decay=clamp(1.0-pow(lightDistance/spotLight.distance,4.0),0.0,1.0);float spotEffect=smoothstep(spotLight.penumbraCos,spotLight.angleCos,angleCos);float decayTotal=decay*spotEffect;float d=max(dot(N,direction),0.0)*decayTotal;lightDiffuse+=spotLight.color*d;vec3 halfDir=normalize(V+direction);float s=pow(clamp(dot(N,halfDir),0.0,1.0),material_Shininess)*decayTotal;lightSpecular+=spotLight.color*s;}}\n#endif\ndiffuse*=vec4(lightDiffuse,1.0);specular*=vec4(lightSpecular,1.0);\n#ifdef MATERIAL_IS_ALPHA_CUTOFF\nif(diffuse.a<material_AlphaCutoff){discard;}\n#endif\n"; // eslint-disable-line
 
@@ -3590,7 +3267,7 @@ var noise_simplex_4D = "#define GLSLIFY 1\nvec4 grad4(float j,vec4 ip){const vec
 
 var pbr_frag_define = "#define GLSLIFY 1\n#define MIN_PERCEPTUAL_ROUGHNESS 0.045\n#define MIN_ROUGHNESS 0.002025\nuniform float material_AlphaCutoff;uniform vec4 material_BaseColor;uniform float material_Metal;uniform float material_Roughness;uniform float material_IOR;uniform vec3 material_PBRSpecularColor;uniform float material_Glossiness;uniform vec3 material_EmissiveColor;uniform float material_NormalIntensity;uniform float material_OcclusionIntensity;uniform float material_OcclusionTextureCoord;\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\nuniform float material_ClearCoat;uniform float material_ClearCoatRoughness;\n#ifdef MATERIAL_HAS_CLEAR_COAT_TEXTURE\nuniform sampler2D material_ClearCoatTexture;\n#endif\n#ifdef MATERIAL_HAS_CLEAR_COAT_ROUGHNESS_TEXTURE\nuniform sampler2D material_ClearCoatRoughnessTexture;\n#endif\n#ifdef MATERIAL_HAS_CLEAR_COAT_NORMAL_TEXTURE\nuniform sampler2D material_ClearCoatNormalTexture;\n#endif\n#endif\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nuniform vec3 material_AnisotropyInfo;\n#ifdef MATERIAL_HAS_ANISOTROPY_TEXTURE\nuniform sampler2D material_AnisotropyTexture;\n#endif\n#endif\n#ifdef MATERIAL_HAS_BASETEXTURE\nuniform sampler2D material_BaseTexture;\n#endif\n#ifdef MATERIAL_HAS_NORMALTEXTURE\nuniform sampler2D material_NormalTexture;\n#endif\n#ifdef MATERIAL_HAS_EMISSIVETEXTURE\nuniform sampler2D material_EmissiveTexture;\n#endif\n#ifdef MATERIAL_HAS_ROUGHNESS_METALLIC_TEXTURE\nuniform sampler2D material_RoughnessMetallicTexture;\n#endif\n#ifdef MATERIAL_HAS_SPECULAR_GLOSSINESS_TEXTURE\nuniform sampler2D material_SpecularGlossinessTexture;\n#endif\n#ifdef MATERIAL_HAS_OCCLUSION_TEXTURE\nuniform sampler2D material_OcclusionTexture;\n#endif\nstruct ReflectedLight{vec3 directDiffuse;vec3 directSpecular;vec3 indirectDiffuse;vec3 indirectSpecular;};struct Geometry{vec3 position;vec3 normal;vec3 viewDir;float dotNV;\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\nvec3 clearCoatNormal;float clearCoatDotNV;\n#endif\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nvec3 anisotropicT;vec3 anisotropicB;vec3 anisotropicN;float anisotropy;\n#endif\n};struct Material{vec3 diffuseColor;float roughness;vec3 specularColor;float opacity;float f0;\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\nfloat clearCoat;float clearCoatRoughness;\n#endif\n};"; // eslint-disable-line
 
-var pbr_helper = "#define GLSLIFY 1\n#include <normal_get>\nfloat computeSpecularOcclusion(float ambientOcclusion,float roughness,float dotNV){return saturate(pow(dotNV+ambientOcclusion,exp2(-16.0*roughness-1.0))-1.0+ambientOcclusion);}float getAARoughnessFactor(vec3 normal){\n#ifdef HAS_DERIVATIVES\nvec3 dxy=max(abs(dFdx(normal)),abs(dFdy(normal)));return MIN_PERCEPTUAL_ROUGHNESS+max(max(dxy.x,dxy.y),dxy.z);\n#else\nreturn MIN_PERCEPTUAL_ROUGHNESS;\n#endif\n}\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nvec3 getAnisotropicBentNormal(Geometry geometry,vec3 n,float roughness){vec3 anisotropyDirection=geometry.anisotropy>=0.0 ? geometry.anisotropicB : geometry.anisotropicT;vec3 anisotropicTangent=cross(anisotropyDirection,geometry.viewDir);vec3 anisotropicNormal=cross(anisotropicTangent,anisotropyDirection);vec3 bentNormal=normalize(mix(n,anisotropicNormal,abs(geometry.anisotropy)*saturate(5.0*roughness)));return bentNormal;}\n#endif\nvoid initGeometry(out Geometry geometry,bool isFrontFacing){geometry.position=v_pos;geometry.viewDir=normalize(camera_Position-v_pos);\n#if defined(MATERIAL_HAS_NORMALTEXTURE) || defined(MATERIAL_HAS_CLEAR_COAT_NORMAL_TEXTURE) || defined(MATERIAL_ENABLE_ANISOTROPY)\nmat3 tbn=getTBN(isFrontFacing);\n#endif\n#ifdef MATERIAL_HAS_NORMALTEXTURE\ngeometry.normal=getNormalByNormalTexture(tbn,material_NormalTexture,material_NormalIntensity,v_uv,isFrontFacing);\n#else\ngeometry.normal=getNormal(isFrontFacing);\n#endif\ngeometry.dotNV=saturate(dot(geometry.normal,geometry.viewDir));\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\n#ifdef MATERIAL_HAS_CLEAR_COAT_NORMAL_TEXTURE\ngeometry.clearCoatNormal=getNormalByNormalTexture(tbn,material_ClearCoatNormalTexture,material_NormalIntensity,v_uv,isFrontFacing);\n#else\ngeometry.clearCoatNormal=getNormal(isFrontFacing);\n#endif\ngeometry.clearCoatDotNV=saturate(dot(geometry.clearCoatNormal,geometry.viewDir));\n#endif\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nfloat anisotropy=material_AnisotropyInfo.z;vec3 anisotropicDirection=vec3(material_AnisotropyInfo.xy,0.0);\n#ifdef MATERIAL_HAS_ANISOTROPY_TEXTURE\nvec3 anisotropyTextureInfo=texture2D(material_AnisotropyTexture,v_uv).rgb;anisotropy*=anisotropyTextureInfo.b;anisotropicDirection.xy*=anisotropyTextureInfo.rg*2.0-1.0;\n#endif\ngeometry.anisotropy=anisotropy;geometry.anisotropicT=normalize(tbn*anisotropicDirection);geometry.anisotropicB=normalize(cross(geometry.normal,geometry.anisotropicT));\n#endif\n}void initMaterial(out Material material,inout Geometry geometry){vec4 baseColor=material_BaseColor;float metal=material_Metal;float roughness=material_Roughness;vec3 specularColor=material_PBRSpecularColor;float glossiness=material_Glossiness;float alphaCutoff=material_AlphaCutoff;float f0=pow2((material_IOR-1.0)/(material_IOR+1.0));material.f0=f0;\n#ifdef MATERIAL_HAS_BASETEXTURE\nvec4 baseTextureColor=texture2D(material_BaseTexture,v_uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\nbaseTextureColor=gammaToLinear(baseTextureColor);\n#endif\nbaseColor*=baseTextureColor;\n#endif\n#ifdef RENDERER_ENABLE_VERTEXCOLOR\nbaseColor*=v_color;\n#endif\n#ifdef MATERIAL_IS_ALPHA_CUTOFF\nif(baseColor.a<alphaCutoff){discard;}\n#endif\n#ifdef MATERIAL_HAS_ROUGHNESS_METALLIC_TEXTURE\nvec4 metalRoughMapColor=texture2D(material_RoughnessMetallicTexture,v_uv);roughness*=metalRoughMapColor.g;metal*=metalRoughMapColor.b;\n#endif\n#ifdef MATERIAL_HAS_SPECULAR_GLOSSINESS_TEXTURE\nvec4 specularGlossinessColor=texture2D(material_SpecularGlossinessTexture,v_uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\nspecularGlossinessColor=gammaToLinear(specularGlossinessColor);\n#endif\nspecularColor*=specularGlossinessColor.rgb;glossiness*=specularGlossinessColor.a;\n#endif\n#ifdef IS_METALLIC_WORKFLOW\nmaterial.diffuseColor=baseColor.rgb*(1.0-metal);material.specularColor=mix(vec3(f0),baseColor.rgb,metal);material.roughness=roughness;\n#else\nfloat specularStrength=max(max(specularColor.r,specularColor.g),specularColor.b);material.diffuseColor=baseColor.rgb*(1.0-specularStrength);material.specularColor=specularColor;material.roughness=1.0-glossiness;\n#endif\nmaterial.roughness=max(material.roughness,getAARoughnessFactor(geometry.normal));\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\nmaterial.clearCoat=material_ClearCoat;material.clearCoatRoughness=material_ClearCoatRoughness;\n#ifdef MATERIAL_HAS_CLEAR_COAT_TEXTURE\nmaterial.clearCoat*=texture2D(material_ClearCoatTexture,v_uv).r;\n#endif\n#ifdef MATERIAL_HAS_CLEAR_COAT_ROUGHNESS_TEXTURE\nmaterial.clearCoatRoughness*=texture2D(material_ClearCoatRoughnessTexture,v_uv).g;\n#endif\nmaterial.clearCoat=saturate(material.clearCoat);material.clearCoatRoughness=max(material.clearCoatRoughness,getAARoughnessFactor(geometry.clearCoatNormal));\n#endif\n#ifdef MATERIAL_IS_TRANSPARENT\nmaterial.opacity=baseColor.a;\n#else\nmaterial.opacity=1.0;\n#endif\n#ifdef MATERIAL_ENABLE_ANISOTROPY\ngeometry.anisotropicN=getAnisotropicBentNormal(geometry,geometry.normal,material.roughness);\n#endif\n}\n#include <brdf>\n#include <direct_irradiance_frag_define>\n#include <ibl_frag_define>\n"; // eslint-disable-line
+var pbr_helper = "#define GLSLIFY 1\n#include <normal_get>\nfloat computeSpecularOcclusion(float ambientOcclusion,float roughness,float dotNV){return saturate(pow(dotNV+ambientOcclusion,exp2(-16.0*roughness-1.0))-1.0+ambientOcclusion);}float getAARoughnessFactor(vec3 normal){\n#ifdef HAS_DERIVATIVES\nvec3 dxy=max(abs(dFdx(normal)),abs(dFdy(normal)));return MIN_PERCEPTUAL_ROUGHNESS+max(max(dxy.x,dxy.y),dxy.z);\n#else\nreturn MIN_PERCEPTUAL_ROUGHNESS;\n#endif\n}\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nvec3 getAnisotropicBentNormal(Geometry geometry,vec3 n,float roughness){vec3 anisotropyDirection=geometry.anisotropy>=0.0 ? geometry.anisotropicB : geometry.anisotropicT;vec3 anisotropicTangent=cross(anisotropyDirection,geometry.viewDir);vec3 anisotropicNormal=cross(anisotropicTangent,anisotropyDirection);vec3 bentNormal=normalize(mix(n,anisotropicNormal,abs(geometry.anisotropy)*saturate(5.0*roughness)));return bentNormal;}\n#endif\nvoid initGeometry(out Geometry geometry,bool isFrontFacing){geometry.position=v_pos;\n#ifdef CAMERA_ORTHOGRAPHIC\ngeometry.viewDir=-camera_Forward;\n#else\ngeometry.viewDir=normalize(camera_Position-v_pos);\n#endif\n#if defined(MATERIAL_HAS_NORMALTEXTURE) || defined(MATERIAL_HAS_CLEAR_COAT_NORMAL_TEXTURE) || defined(MATERIAL_ENABLE_ANISOTROPY)\nmat3 tbn=getTBN(isFrontFacing);\n#endif\n#ifdef MATERIAL_HAS_NORMALTEXTURE\ngeometry.normal=getNormalByNormalTexture(tbn,material_NormalTexture,material_NormalIntensity,v_uv,isFrontFacing);\n#else\ngeometry.normal=getNormal(isFrontFacing);\n#endif\ngeometry.dotNV=saturate(dot(geometry.normal,geometry.viewDir));\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\n#ifdef MATERIAL_HAS_CLEAR_COAT_NORMAL_TEXTURE\ngeometry.clearCoatNormal=getNormalByNormalTexture(tbn,material_ClearCoatNormalTexture,material_NormalIntensity,v_uv,isFrontFacing);\n#else\ngeometry.clearCoatNormal=getNormal(isFrontFacing);\n#endif\ngeometry.clearCoatDotNV=saturate(dot(geometry.clearCoatNormal,geometry.viewDir));\n#endif\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nfloat anisotropy=material_AnisotropyInfo.z;vec3 anisotropicDirection=vec3(material_AnisotropyInfo.xy,0.0);\n#ifdef MATERIAL_HAS_ANISOTROPY_TEXTURE\nvec3 anisotropyTextureInfo=texture2D(material_AnisotropyTexture,v_uv).rgb;anisotropy*=anisotropyTextureInfo.b;anisotropicDirection.xy*=anisotropyTextureInfo.rg*2.0-1.0;\n#endif\ngeometry.anisotropy=anisotropy;geometry.anisotropicT=normalize(tbn*anisotropicDirection);geometry.anisotropicB=normalize(cross(geometry.normal,geometry.anisotropicT));\n#endif\n}void initMaterial(out Material material,inout Geometry geometry){vec4 baseColor=material_BaseColor;float metal=material_Metal;float roughness=material_Roughness;vec3 specularColor=material_PBRSpecularColor;float glossiness=material_Glossiness;float alphaCutoff=material_AlphaCutoff;float f0=pow2((material_IOR-1.0)/(material_IOR+1.0));material.f0=f0;\n#ifdef MATERIAL_HAS_BASETEXTURE\nvec4 baseTextureColor=texture2D(material_BaseTexture,v_uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\nbaseTextureColor=gammaToLinear(baseTextureColor);\n#endif\nbaseColor*=baseTextureColor;\n#endif\n#ifdef RENDERER_ENABLE_VERTEXCOLOR\nbaseColor*=v_color;\n#endif\n#ifdef MATERIAL_IS_ALPHA_CUTOFF\nif(baseColor.a<alphaCutoff){discard;}\n#endif\n#ifdef MATERIAL_HAS_ROUGHNESS_METALLIC_TEXTURE\nvec4 metalRoughMapColor=texture2D(material_RoughnessMetallicTexture,v_uv);roughness*=metalRoughMapColor.g;metal*=metalRoughMapColor.b;\n#endif\n#ifdef MATERIAL_HAS_SPECULAR_GLOSSINESS_TEXTURE\nvec4 specularGlossinessColor=texture2D(material_SpecularGlossinessTexture,v_uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\nspecularGlossinessColor=gammaToLinear(specularGlossinessColor);\n#endif\nspecularColor*=specularGlossinessColor.rgb;glossiness*=specularGlossinessColor.a;\n#endif\n#ifdef IS_METALLIC_WORKFLOW\nmaterial.diffuseColor=baseColor.rgb*(1.0-metal);material.specularColor=mix(vec3(f0),baseColor.rgb,metal);material.roughness=roughness;\n#else\nfloat specularStrength=max(max(specularColor.r,specularColor.g),specularColor.b);material.diffuseColor=baseColor.rgb*(1.0-specularStrength);material.specularColor=specularColor;material.roughness=1.0-glossiness;\n#endif\nmaterial.roughness=max(material.roughness,getAARoughnessFactor(geometry.normal));\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\nmaterial.clearCoat=material_ClearCoat;material.clearCoatRoughness=material_ClearCoatRoughness;\n#ifdef MATERIAL_HAS_CLEAR_COAT_TEXTURE\nmaterial.clearCoat*=texture2D(material_ClearCoatTexture,v_uv).r;\n#endif\n#ifdef MATERIAL_HAS_CLEAR_COAT_ROUGHNESS_TEXTURE\nmaterial.clearCoatRoughness*=texture2D(material_ClearCoatRoughnessTexture,v_uv).g;\n#endif\nmaterial.clearCoat=saturate(material.clearCoat);material.clearCoatRoughness=max(material.clearCoatRoughness,getAARoughnessFactor(geometry.clearCoatNormal));\n#endif\n#ifdef MATERIAL_IS_TRANSPARENT\nmaterial.opacity=baseColor.a;\n#else\nmaterial.opacity=1.0;\n#endif\n#ifdef MATERIAL_ENABLE_ANISOTROPY\ngeometry.anisotropicN=getAnisotropicBentNormal(geometry,geometry.normal,material.roughness);\n#endif\n}\n#include <brdf>\n#include <direct_irradiance_frag_define>\n#include <ibl_frag_define>\n"; // eslint-disable-line
 
 var brdf = "#define GLSLIFY 1\nfloat F_Schlick(float f0,float dotLH){return f0+0.96*(pow(1.0-dotLH,5.0));}vec3 F_Schlick(vec3 specularColor,float dotLH){float fresnel=exp2((-5.55473*dotLH-6.98316)*dotLH);return(1.0-specularColor)*fresnel+specularColor;}float G_GGX_SmithCorrelated(float alpha,float dotNL,float dotNV){float a2=pow2(alpha);float gv=dotNL*sqrt(a2+(1.0-a2)*pow2(dotNV));float gl=dotNV*sqrt(a2+(1.0-a2)*pow2(dotNL));return 0.5/max(gv+gl,EPSILON);}\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nfloat G_GGX_SmithCorrelated_Anisotropic(float at,float ab,float ToV,float BoV,float ToL,float BoL,float NoV,float NoL){float lambdaV=NoL*length(vec3(at*ToV,ab*BoV,NoV));float lambdaL=NoV*length(vec3(at*ToL,ab*BoL,NoL));return 0.5/max(lambdaV+lambdaL,EPSILON);}\n#endif\nfloat D_GGX(float alpha,float dotNH){float a2=pow2(alpha);float denom=pow2(dotNH)*(a2-1.0)+1.0;return RECIPROCAL_PI*a2/pow2(denom);}\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nfloat D_GGX_Anisotropic(float at,float ab,float ToH,float BoH,float NoH){float a2=at*ab;highp vec3 d=vec3(ab*ToH,at*BoH,a2*NoH);highp float d2=dot(d,d);float b2=a2/d2;return a2*b2*b2*RECIPROCAL_PI;}\n#endif\nvec3 isotropicLobe(vec3 specularColor,float alpha,float dotNV,float dotNL,float dotNH,float dotLH){vec3 F=F_Schlick(specularColor,dotLH);float D=D_GGX(alpha,dotNH);float G=G_GGX_SmithCorrelated(alpha,dotNL,dotNV);return F*(G*D);}\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nvec3 anisotropicLobe(vec3 h,vec3 l,Geometry geometry,vec3 specularColor,float alpha,float dotNV,float dotNL,float dotNH,float dotLH){vec3 t=geometry.anisotropicT;vec3 b=geometry.anisotropicB;vec3 v=geometry.viewDir;float dotTV=dot(t,v);float dotBV=dot(b,v);float dotTL=dot(t,l);float dotBL=dot(b,l);float dotTH=dot(t,h);float dotBH=dot(b,h);float at=max(alpha*(1.0+geometry.anisotropy),MIN_ROUGHNESS);float ab=max(alpha*(1.0-geometry.anisotropy),MIN_ROUGHNESS);vec3 F=F_Schlick(specularColor,dotLH);float D=D_GGX_Anisotropic(at,ab,dotTH,dotBH,dotNH);float G=G_GGX_SmithCorrelated_Anisotropic(at,ab,dotTV,dotBV,dotTL,dotBL,dotNV,dotNL);return F*(G*D);}\n#endif\nvec3 BRDF_Specular_GGX(vec3 incidentDirection,Geometry geometry,vec3 normal,vec3 specularColor,float roughness){float alpha=pow2(roughness);vec3 halfDir=normalize(incidentDirection+geometry.viewDir);float dotNL=saturate(dot(normal,incidentDirection));float dotNV=saturate(dot(normal,geometry.viewDir));float dotNH=saturate(dot(normal,halfDir));float dotLH=saturate(dot(incidentDirection,halfDir));\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nreturn anisotropicLobe(halfDir,incidentDirection,geometry,specularColor,alpha,dotNV,dotNL,dotNH,dotLH);\n#else\nreturn isotropicLobe(specularColor,alpha,dotNV,dotNL,dotNH,dotLH);\n#endif\n}vec3 BRDF_Diffuse_Lambert(vec3 diffuseColor){return RECIPROCAL_PI*diffuseColor;}"; // eslint-disable-line
 
@@ -3611,7 +3288,7 @@ var PBRShaderLib = {
 
 var ShadowCoord = "#define GLSLIFY 1\nuniform mat4 scene_ShadowMatrices[SCENE_SHADOW_CASCADED_COUNT+1];uniform vec4 scene_ShadowSplitSpheres[4];mediump int computeCascadeIndex(vec3 positionWS){vec3 fromCenter0=positionWS-scene_ShadowSplitSpheres[0].xyz;vec3 fromCenter1=positionWS-scene_ShadowSplitSpheres[1].xyz;vec3 fromCenter2=positionWS-scene_ShadowSplitSpheres[2].xyz;vec3 fromCenter3=positionWS-scene_ShadowSplitSpheres[3].xyz;mediump vec4 comparison=vec4(dot(fromCenter0,fromCenter0)<scene_ShadowSplitSpheres[0].w,dot(fromCenter1,fromCenter1)<scene_ShadowSplitSpheres[1].w,dot(fromCenter2,fromCenter2)<scene_ShadowSplitSpheres[2].w,dot(fromCenter3,fromCenter3)<scene_ShadowSplitSpheres[3].w);comparison.yzw=clamp(comparison.yzw-comparison.xyz,0.0,1.0);mediump vec4 indexCoefficient=vec4(4.0,3.0,2.0,1.0);mediump int index=4-int(dot(comparison,indexCoefficient));return index;}vec3 getShadowCoord(){\n#if SCENE_SHADOW_CASCADED_COUNT == 1\nmediump int cascadeIndex=0;\n#else\nmediump int cascadeIndex=computeCascadeIndex(v_pos);\n#endif\n#ifdef GRAPHICS_API_WEBGL2\nmat4 shadowMatrix=scene_ShadowMatrices[cascadeIndex];\n#else\nmat4 shadowMatrix;\n#if SCENE_SHADOW_CASCADED_COUNT == 4\nif(cascadeIndex==0){shadowMatrix=scene_ShadowMatrices[0];}else if(cascadeIndex==1){shadowMatrix=scene_ShadowMatrices[1];}else if(cascadeIndex==2){shadowMatrix=scene_ShadowMatrices[2];}else if(cascadeIndex==3){shadowMatrix=scene_ShadowMatrices[3];}else{shadowMatrix=scene_ShadowMatrices[4];}\n#endif\n#if SCENE_SHADOW_CASCADED_COUNT == 2\nif(cascadeIndex==0){shadowMatrix=scene_ShadowMatrices[0];}else if(cascadeIndex==1){shadowMatrix=scene_ShadowMatrices[1];}else{shadowMatrix=scene_ShadowMatrices[2];}\n#endif\n#if SCENE_SHADOW_CASCADED_COUNT == 1\nif(cascadeIndex==0){shadowMatrix=scene_ShadowMatrices[0];}else{shadowMatrix=scene_ShadowMatrices[1];}\n#endif\n#endif\nvec4 shadowCoord=shadowMatrix*vec4(v_pos,1.0);return shadowCoord.xyz;}"; // eslint-disable-line
 
-var ShadowFragmentDeclaration = "#define GLSLIFY 1\n#if defined(SCENE_SHADOW_TYPE) && defined(RENDERER_IS_RECEIVE_SHADOWS)\n#define SCENE_IS_CALCULATE_SHADOWS\n#endif\n#ifdef SCENE_IS_CALCULATE_SHADOWS\n#if SCENE_SHADOW_CASCADED_COUNT == 1\nvarying vec3 v_shadowCoord;\n#else\n#include <ShadowCoord>\n#endif\nuniform vec3 scene_ShadowInfo;uniform vec4 scene_ShadowMapSize;\n#ifdef GRAPHICS_API_WEBGL2\nuniform mediump sampler2DShadow scene_ShadowMap;\n#define SAMPLE_TEXTURE2D_SHADOW(textureName, coord3) textureLod(textureName, coord3 , 0.0)\n#define TEXTURE2D_SHADOW_PARAM(shadowMap) mediump sampler2DShadow shadowMap\n#else\nuniform sampler2D scene_ShadowMap;\n#ifdef ENGINE_NO_DEPTH_TEXTURE\nconst vec4 bitShift=vec4(1.0,1.0/256.0,1.0/(256.0*256.0),1.0/(256.0*256.0*256.0));float unpack(const in vec4 rgbaDepth){return dot(rgbaDepth,bitShift);}\n#define SAMPLE_TEXTURE2D_SHADOW(textureName, coord3) (unpack(texture2D(textureName, coord3.xy)) < coord3.z ? 0.0 : 1.0)\n#else\n#define SAMPLE_TEXTURE2D_SHADOW(textureName, coord3) (texture2D(textureName, coord3.xy).r < coord3.z ? 0.0 : 1.0)\n#endif\n#define TEXTURE2D_SHADOW_PARAM(shadowMap) mediump sampler2D shadowMap\n#endif\n#if SCENE_SHADOW_TYPE == 2\nfloat sampleShadowMapFiltered4(TEXTURE2D_SHADOW_PARAM(shadowMap),vec3 shadowCoord,vec4 shadowMapSize){float attenuation;vec4 attenuation4;vec2 offset=shadowMapSize.xy/2.0;vec3 shadowCoord0=shadowCoord+vec3(-offset,0.0);vec3 shadowCoord1=shadowCoord+vec3(offset.x,-offset.y,0.0);vec3 shadowCoord2=shadowCoord+vec3(-offset.x,offset.y,0.0);vec3 shadowCoord3=shadowCoord+vec3(offset,0.0);attenuation4.x=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord0);attenuation4.y=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord1);attenuation4.z=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord2);attenuation4.w=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord3);attenuation=dot(attenuation4,vec4(0.25));return attenuation;}\n#endif\n#if SCENE_SHADOW_TYPE == 3\n#include <shadow_sample_tent>\nfloat sampleShadowMapFiltered9(TEXTURE2D_SHADOW_PARAM(shadowMap),vec3 shadowCoord,vec4 shadowmapSize){float attenuation;float fetchesWeights[9];vec2 fetchesUV[9];sampleShadowComputeSamplesTent5x5(shadowmapSize,shadowCoord.xy,fetchesWeights,fetchesUV);attenuation=fetchesWeights[0]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[0].xy,shadowCoord.z));attenuation+=fetchesWeights[1]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[1].xy,shadowCoord.z));attenuation+=fetchesWeights[2]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[2].xy,shadowCoord.z));attenuation+=fetchesWeights[3]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[3].xy,shadowCoord.z));attenuation+=fetchesWeights[4]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[4].xy,shadowCoord.z));attenuation+=fetchesWeights[5]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[5].xy,shadowCoord.z));attenuation+=fetchesWeights[6]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[6].xy,shadowCoord.z));attenuation+=fetchesWeights[7]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[7].xy,shadowCoord.z));attenuation+=fetchesWeights[8]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[8].xy,shadowCoord.z));return attenuation;}\n#endif\nfloat sampleShadowMap(){\n#if SCENE_SHADOW_CASCADED_COUNT == 1\nvec3 shadowCoord=v_shadowCoord;\n#else\nvec3 shadowCoord=getShadowCoord();\n#endif\nfloat attenuation=1.0;if(shadowCoord.z>0.0&&shadowCoord.z<1.0){\n#if SCENE_SHADOW_TYPE == 1\nattenuation=SAMPLE_TEXTURE2D_SHADOW(scene_ShadowMap,shadowCoord);\n#endif\n#if SCENE_SHADOW_TYPE == 2\nattenuation=sampleShadowMapFiltered4(scene_ShadowMap,shadowCoord,scene_ShadowMapSize);\n#endif\n#if SCENE_SHADOW_TYPE == 3\nattenuation=sampleShadowMapFiltered9(scene_ShadowMap,shadowCoord,scene_ShadowMapSize);\n#endif\nattenuation=mix(1.0,attenuation,scene_ShadowInfo.x);}return attenuation;}\n#endif\n"; // eslint-disable-line
+var ShadowFragmentDeclaration = "#define GLSLIFY 1\n#if defined(SCENE_SHADOW_TYPE) && defined(RENDERER_IS_RECEIVE_SHADOWS)\n#define SCENE_IS_CALCULATE_SHADOWS\n#endif\n#ifdef SCENE_IS_CALCULATE_SHADOWS\n#if SCENE_SHADOW_CASCADED_COUNT == 1\nvarying vec3 v_shadowCoord;\n#else\n#include <ShadowCoord>\n#endif\nuniform vec4 scene_ShadowInfo;uniform vec4 scene_ShadowMapSize;\n#ifdef GRAPHICS_API_WEBGL2\nuniform mediump sampler2DShadow scene_ShadowMap;\n#define SAMPLE_TEXTURE2D_SHADOW(textureName, coord3) textureLod(textureName, coord3 , 0.0)\n#define TEXTURE2D_SHADOW_PARAM(shadowMap) mediump sampler2DShadow shadowMap\n#else\nuniform sampler2D scene_ShadowMap;\n#ifdef ENGINE_NO_DEPTH_TEXTURE\nconst vec4 bitShift=vec4(1.0,1.0/256.0,1.0/(256.0*256.0),1.0/(256.0*256.0*256.0));float unpack(const in vec4 rgbaDepth){return dot(rgbaDepth,bitShift);}\n#define SAMPLE_TEXTURE2D_SHADOW(textureName, coord3) (unpack(texture2D(textureName, coord3.xy)) < coord3.z ? 0.0 : 1.0)\n#else\n#define SAMPLE_TEXTURE2D_SHADOW(textureName, coord3) (texture2D(textureName, coord3.xy).r < coord3.z ? 0.0 : 1.0)\n#endif\n#define TEXTURE2D_SHADOW_PARAM(shadowMap) mediump sampler2D shadowMap\n#endif\n#if SCENE_SHADOW_TYPE == 2\nfloat sampleShadowMapFiltered4(TEXTURE2D_SHADOW_PARAM(shadowMap),vec3 shadowCoord,vec4 shadowMapSize){float attenuation;vec4 attenuation4;vec2 offset=shadowMapSize.xy/2.0;vec3 shadowCoord0=shadowCoord+vec3(-offset,0.0);vec3 shadowCoord1=shadowCoord+vec3(offset.x,-offset.y,0.0);vec3 shadowCoord2=shadowCoord+vec3(-offset.x,offset.y,0.0);vec3 shadowCoord3=shadowCoord+vec3(offset,0.0);attenuation4.x=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord0);attenuation4.y=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord1);attenuation4.z=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord2);attenuation4.w=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord3);attenuation=dot(attenuation4,vec4(0.25));return attenuation;}\n#endif\n#if SCENE_SHADOW_TYPE == 3\n#include <shadow_sample_tent>\nfloat sampleShadowMapFiltered9(TEXTURE2D_SHADOW_PARAM(shadowMap),vec3 shadowCoord,vec4 shadowmapSize){float attenuation;float fetchesWeights[9];vec2 fetchesUV[9];sampleShadowComputeSamplesTent5x5(shadowmapSize,shadowCoord.xy,fetchesWeights,fetchesUV);attenuation=fetchesWeights[0]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[0].xy,shadowCoord.z));attenuation+=fetchesWeights[1]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[1].xy,shadowCoord.z));attenuation+=fetchesWeights[2]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[2].xy,shadowCoord.z));attenuation+=fetchesWeights[3]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[3].xy,shadowCoord.z));attenuation+=fetchesWeights[4]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[4].xy,shadowCoord.z));attenuation+=fetchesWeights[5]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[5].xy,shadowCoord.z));attenuation+=fetchesWeights[6]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[6].xy,shadowCoord.z));attenuation+=fetchesWeights[7]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[7].xy,shadowCoord.z));attenuation+=fetchesWeights[8]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[8].xy,shadowCoord.z));return attenuation;}\n#endif\nfloat getShadowFade(vec3 positionWS){vec3 camToPixel=positionWS-camera_Position;float distanceCamToPixel2=dot(camToPixel,camToPixel);return saturate(distanceCamToPixel2*scene_ShadowInfo.z+scene_ShadowInfo.w);}float sampleShadowMap(){\n#if SCENE_SHADOW_CASCADED_COUNT == 1\nvec3 shadowCoord=v_shadowCoord;\n#else\nvec3 shadowCoord=getShadowCoord();\n#endif\nfloat attenuation=1.0;if(shadowCoord.z>0.0&&shadowCoord.z<1.0){\n#if SCENE_SHADOW_TYPE == 1\nattenuation=SAMPLE_TEXTURE2D_SHADOW(scene_ShadowMap,shadowCoord);\n#endif\n#if SCENE_SHADOW_TYPE == 2\nattenuation=sampleShadowMapFiltered4(scene_ShadowMap,shadowCoord,scene_ShadowMapSize);\n#endif\n#if SCENE_SHADOW_TYPE == 3\nattenuation=sampleShadowMapFiltered9(scene_ShadowMap,shadowCoord,scene_ShadowMapSize);\n#endif\nfloat shadowFade=getShadowFade(v_pos);attenuation=mix(1.0,mix(attenuation,1.0,shadowFade),scene_ShadowInfo.x);}return attenuation;}\n#endif\n"; // eslint-disable-line
 
 var shadow_sample_tent = "#define GLSLIFY 1\nfloat sampleShadowGetIRTriangleTexelArea(float triangleHeight){return triangleHeight-0.5;}void sampleShadowGetTexelAreasTent3x3(float offset,out vec4 computedArea,out vec4 computedAreaUncut){float a=offset+0.5;float offsetSquaredHalved=a*a*0.5;computedAreaUncut.x=computedArea.x=offsetSquaredHalved-offset;computedAreaUncut.w=computedArea.w=offsetSquaredHalved;computedAreaUncut.y=sampleShadowGetIRTriangleTexelArea(1.5-offset);float clampedOffsetLeft=min(offset,0.0);float areaOfSmallLeftTriangle=clampedOffsetLeft*clampedOffsetLeft;computedArea.y=computedAreaUncut.y-areaOfSmallLeftTriangle;computedAreaUncut.z=sampleShadowGetIRTriangleTexelArea(1.5+offset);float clampedOffsetRight=max(offset,0.0);float areaOfSmallRightTriangle=clampedOffsetRight*clampedOffsetRight;computedArea.z=computedAreaUncut.z-areaOfSmallRightTriangle;}void sampleShadowGetTexelWeightsTent5x5(float offset,out vec3 texelsWeightsA,out vec3 texelsWeightsB){vec4 areaFrom3texelTriangle;vec4 areaUncutFrom3texelTriangle;sampleShadowGetTexelAreasTent3x3(offset,areaFrom3texelTriangle,areaUncutFrom3texelTriangle);texelsWeightsA.x=0.16*(areaFrom3texelTriangle.x);texelsWeightsA.y=0.16*(areaUncutFrom3texelTriangle.y);texelsWeightsA.z=0.16*(areaFrom3texelTriangle.y+1.0);texelsWeightsB.x=0.16*(areaFrom3texelTriangle.z+1.0);texelsWeightsB.y=0.16*(areaUncutFrom3texelTriangle.z);texelsWeightsB.z=0.16*(areaFrom3texelTriangle.w);}void sampleShadowComputeSamplesTent5x5(vec4 shadowMapTextureTexelSize,vec2 coord,out float fetchesWeights[9],out vec2 fetchesUV[9]){vec2 tentCenterInTexelSpace=coord.xy*shadowMapTextureTexelSize.zw;vec2 centerOfFetchesInTexelSpace=floor(tentCenterInTexelSpace+0.5);vec2 offsetFromTentCenterToCenterOfFetches=tentCenterInTexelSpace-centerOfFetchesInTexelSpace;vec3 texelsWeightsUA,texelsWeightsUB;vec3 texelsWeightsVA,texelsWeightsVB;sampleShadowGetTexelWeightsTent5x5(offsetFromTentCenterToCenterOfFetches.x,texelsWeightsUA,texelsWeightsUB);sampleShadowGetTexelWeightsTent5x5(offsetFromTentCenterToCenterOfFetches.y,texelsWeightsVA,texelsWeightsVB);vec3 fetchesWeightsU=vec3(texelsWeightsUA.xz,texelsWeightsUB.y)+vec3(texelsWeightsUA.y,texelsWeightsUB.xz);vec3 fetchesWeightsV=vec3(texelsWeightsVA.xz,texelsWeightsVB.y)+vec3(texelsWeightsVA.y,texelsWeightsVB.xz);vec3 fetchesOffsetsU=vec3(texelsWeightsUA.y,texelsWeightsUB.xz)/fetchesWeightsU.xyz+vec3(-2.5,-0.5,1.5);vec3 fetchesOffsetsV=vec3(texelsWeightsVA.y,texelsWeightsVB.xz)/fetchesWeightsV.xyz+vec3(-2.5,-0.5,1.5);fetchesOffsetsU*=shadowMapTextureTexelSize.xxx;fetchesOffsetsV*=shadowMapTextureTexelSize.yyy;vec2 bilinearFetchOrigin=centerOfFetchesInTexelSpace*shadowMapTextureTexelSize.xy;fetchesUV[0]=bilinearFetchOrigin+vec2(fetchesOffsetsU.x,fetchesOffsetsV.x);fetchesUV[1]=bilinearFetchOrigin+vec2(fetchesOffsetsU.y,fetchesOffsetsV.x);fetchesUV[2]=bilinearFetchOrigin+vec2(fetchesOffsetsU.z,fetchesOffsetsV.x);fetchesUV[3]=bilinearFetchOrigin+vec2(fetchesOffsetsU.x,fetchesOffsetsV.y);fetchesUV[4]=bilinearFetchOrigin+vec2(fetchesOffsetsU.y,fetchesOffsetsV.y);fetchesUV[5]=bilinearFetchOrigin+vec2(fetchesOffsetsU.z,fetchesOffsetsV.y);fetchesUV[6]=bilinearFetchOrigin+vec2(fetchesOffsetsU.x,fetchesOffsetsV.z);fetchesUV[7]=bilinearFetchOrigin+vec2(fetchesOffsetsU.y,fetchesOffsetsV.z);fetchesUV[8]=bilinearFetchOrigin+vec2(fetchesOffsetsU.z,fetchesOffsetsV.z);fetchesWeights[0]=fetchesWeightsU.x*fetchesWeightsV.x;fetchesWeights[1]=fetchesWeightsU.y*fetchesWeightsV.x;fetchesWeights[2]=fetchesWeightsU.z*fetchesWeightsV.x;fetchesWeights[3]=fetchesWeightsU.x*fetchesWeightsV.y;fetchesWeights[4]=fetchesWeightsU.y*fetchesWeightsV.y;fetchesWeights[5]=fetchesWeightsU.z*fetchesWeightsV.y;fetchesWeights[6]=fetchesWeightsU.x*fetchesWeightsV.z;fetchesWeights[7]=fetchesWeightsU.y*fetchesWeightsV.z;fetchesWeights[8]=fetchesWeightsU.z*fetchesWeightsV.z;}"; // eslint-disable-line
 
@@ -3726,16 +3403,22 @@ var ShaderFactory = /*#__PURE__*/ function() {
         }
         ShaderLib[includeName] = includeSource;
     };
-    ShaderFactory.parseIncludes = function parseIncludes(src) {
+    ShaderFactory.unRegisterInclude = function unRegisterInclude(includeName) {
+        delete ShaderLib[includeName];
+    };
+    /**
+   * @param regex The default regex is for engine's builtin glsl `#include` syntax,
+   * since `ShaderLab` use the same parsing function but different syntax for `#include` --- `/^[ \t]*#include +"([\w\d.]+)"/gm`
+   */ ShaderFactory.parseIncludes = function parseIncludes(src, regex) {
+        if (regex === void 0) regex = /^[ \t]*#include +<([\w\d.]+)>/gm;
         var replace = function replace(match, slice) {
             var replace = ShaderLib[slice];
             if (replace === undefined) {
                 Logger.error('Shader slice "' + match.trim() + '" not founded.');
                 return "";
             }
-            return ShaderFactory.parseIncludes(replace);
+            return ShaderFactory.parseIncludes(replace, regex);
         };
-        var regex = /^[ \t]*#include +<([\w\d.]+)>/gm;
         return src.replace(regex, replace);
     };
     /**
@@ -3846,16 +3529,6 @@ var ShaderFactory = /*#__PURE__*/ function() {
     return ShaderPart;
 }();
 
-/**
- * Shader data grouping.
- */ var ShaderDataGroup;
-(function(ShaderDataGroup) {
-    ShaderDataGroup[ShaderDataGroup[/** Scene group. */ "Scene"] = 0] = "Scene";
-    ShaderDataGroup[ShaderDataGroup[/** Camera group. */ "Camera"] = 1] = "Camera";
-    ShaderDataGroup[ShaderDataGroup[/** Renderer group. */ "Renderer"] = 2] = "Renderer";
-    ShaderDataGroup[ShaderDataGroup[/** material group. */ "Material"] = 3] = "Material";
-})(ShaderDataGroup || (ShaderDataGroup = {}));
-
 /**
  * Color Space.
  */ var ColorSpace;
@@ -3890,7 +3563,7 @@ var ShaderFactory = /*#__PURE__*/ function() {
         if (value.r !== undefined) {
             if (cacheValue.x !== value.r || cacheValue.y !== value.g) {
                 if (this._colorSpace === ColorSpace.Linear) {
-                    this._gl.uniform2f(shaderUniform.location, Color$1.gammaToLinearSpace(value.r), Color$1.gammaToLinearSpace(value.g));
+                    this._gl.uniform2f(shaderUniform.location, Color.gammaToLinearSpace(value.r), Color.gammaToLinearSpace(value.g));
                 } else {
                     this._gl.uniform2f(shaderUniform.location, value.r, value.g);
                 }
@@ -3913,7 +3586,7 @@ var ShaderFactory = /*#__PURE__*/ function() {
         if (value.r !== undefined) {
             if (cacheValue.x !== value.r || cacheValue.y !== value.g || cacheValue.z !== value.b) {
                 if (this._colorSpace === ColorSpace.Linear) {
-                    this._gl.uniform3f(shaderUniform.location, Color$1.gammaToLinearSpace(value.r), Color$1.gammaToLinearSpace(value.g), Color$1.gammaToLinearSpace(value.b));
+                    this._gl.uniform3f(shaderUniform.location, Color.gammaToLinearSpace(value.r), Color.gammaToLinearSpace(value.g), Color.gammaToLinearSpace(value.b));
                 } else {
                     this._gl.uniform3f(shaderUniform.location, value.r, value.g, value.b);
                 }
@@ -3938,7 +3611,7 @@ var ShaderFactory = /*#__PURE__*/ function() {
         if (value.r !== undefined) {
             if (cacheValue.x !== value.r || cacheValue.y !== value.g || cacheValue.z !== value.b || cacheValue.w !== value.a) {
                 if (this._colorSpace === ColorSpace.Linear) {
-                    this._gl.uniform4f(shaderUniform.location, Color$1.gammaToLinearSpace(value.r), Color$1.gammaToLinearSpace(value.g), Color$1.gammaToLinearSpace(value.b), value.a);
+                    this._gl.uniform4f(shaderUniform.location, Color.gammaToLinearSpace(value.r), Color.gammaToLinearSpace(value.g), Color.gammaToLinearSpace(value.b), value.a);
                 } else {
                     this._gl.uniform4f(shaderUniform.location, value.r, value.g, value.b, value.a);
                 }
@@ -4065,6 +3738,16 @@ var ShaderFactory = /*#__PURE__*/ function() {
     this.textureUniforms = [];
 };
 
+/**
+ * Shader data grouping.
+ */ var ShaderDataGroup;
+(function(ShaderDataGroup) {
+    ShaderDataGroup[ShaderDataGroup[/** Scene group. */ "Scene"] = 0] = "Scene";
+    ShaderDataGroup[ShaderDataGroup[/** Camera group. */ "Camera"] = 1] = "Camera";
+    ShaderDataGroup[ShaderDataGroup[/** Renderer group. */ "Renderer"] = 2] = "Renderer";
+    ShaderDataGroup[ShaderDataGroup[/** material group. */ "Material"] = 3] = "Material";
+})(ShaderDataGroup || (ShaderDataGroup = {}));
+
 /**
  * Shader program, corresponding to the GPU shader program.
  * @internal
@@ -4360,6 +4043,7 @@ var ShaderFactory = /*#__PURE__*/ function() {
                     break;
                 case gl.SAMPLER_2D:
                 case gl.SAMPLER_CUBE:
+                case gl.UNSIGNED_INT_SAMPLER_2D:
                 case gl.SAMPLER_2D_ARRAY:
                 case gl.SAMPLER_2D_SHADOW:
                     var defaultTexture;
@@ -4370,6 +4054,9 @@ var ShaderFactory = /*#__PURE__*/ function() {
                         case gl.SAMPLER_CUBE:
                             defaultTexture = _this._engine._magentaTextureCube;
                             break;
+                        case gl.UNSIGNED_INT_SAMPLER_2D:
+                            defaultTexture = _this._engine._uintMagentaTexture2D;
+                            break;
                         case gl.SAMPLER_2D_ARRAY:
                             defaultTexture = _this._engine._magentaTexture2DArray;
                             break;
@@ -4589,7 +4276,7 @@ var ShaderFactory = /*#__PURE__*/ function() {
  */ var BlendState = /*#__PURE__*/ function() {
     function BlendState() {
         /** The blend state of the render target. */ this.targetBlendState = new RenderTargetBlendState();
-        /** Constant blend color. */ this.blendColor = new Color$1(0, 0, 0, 0);
+        /** Constant blend color. */ this.blendColor = new Color(0, 0, 0, 0);
         /** Whether to use (Alpha-to-Coverage) technology. */ this.alphaToCoverage = false;
     }
     var _proto = BlendState.prototype;
@@ -4683,7 +4370,7 @@ var ShaderFactory = /*#__PURE__*/ function() {
             }
             // apply blend color.
             var blendColor = this.blendColor;
-            if (!Color$1.equals(lastState.blendColor, blendColor)) {
+            if (!Color.equals(lastState.blendColor, blendColor)) {
                 gl.blendColor(blendColor.r, blendColor.g, blendColor.b, blendColor.a);
                 lastState.blendColor.copyFrom(blendColor);
             }
@@ -5459,6 +5146,57 @@ var GraphicsResource = /*#__PURE__*/ function(ReferResource1) {
     return GraphicsResource;
 }(ReferResource);
 
+/**
+ * The filter mode of the texture.
+ */ var TextureFilterMode;
+(function(TextureFilterMode) {
+    TextureFilterMode[TextureFilterMode[/** Point filtering. */ "Point"] = 0] = "Point";
+    TextureFilterMode[TextureFilterMode[/** Bilinear filtering. */ "Bilinear"] = 1] = "Bilinear";
+    TextureFilterMode[TextureFilterMode[/** Trilinear filtering. */ "Trilinear"] = 2] = "Trilinear";
+})(TextureFilterMode || (TextureFilterMode = {}));
+
+/**
+ * Texture format enumeration.
+ */ var TextureFormat;
+(function(TextureFormat) {
+    TextureFormat[TextureFormat[/** RGB format, 8 bits per channel. */ "R8G8B8"] = 0] = "R8G8B8";
+    TextureFormat[TextureFormat[/** RGBA format, 8 bits per channel. */ "R8G8B8A8"] = 1] = "R8G8B8A8";
+    TextureFormat[TextureFormat[/** RGBA format, 4 bits per channel. */ "R4G4B4A4"] = 2] = "R4G4B4A4";
+    TextureFormat[TextureFormat[/** RGBA format, 5 bits in R channel, 5 bits in G channel, 5 bits in B channel, 1 bit in A channel. */ "R5G5B5A1"] = 3] = "R5G5B5A1";
+    TextureFormat[TextureFormat[/** RGB format, 5 bits in R channel, 6 bits in G channel, 5 bits in B channel. */ "R5G6B5"] = 4] = "R5G6B5";
+    TextureFormat[TextureFormat[/** Transparent format, 8 bits. */ "Alpha8"] = 5] = "Alpha8";
+    TextureFormat[TextureFormat[/** Luminance/alpha in RGB channel, alpha in A channel. */ "LuminanceAlpha"] = 6] = "LuminanceAlpha";
+    TextureFormat[TextureFormat[/** RGBA format, 16 bits per channel. */ "R16G16B16A16"] = 7] = "R16G16B16A16";
+    TextureFormat[TextureFormat[/** RGBA format, 32 bits per channel. */ "R32G32B32A32"] = 8] = "R32G32B32A32";
+    TextureFormat[TextureFormat[/** RGBA unsigned integer format, 32 bits per channel. */ "R32G32B32A32_UInt"] = 9] = "R32G32B32A32_UInt";
+    TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "BC1"] = 10] = "BC1";
+    TextureFormat[TextureFormat[/** RGBA compressed format, 8 bits per pixel. */ "BC3"] = 11] = "BC3";
+    TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 4x4 pixel block. */ "BC7"] = 12] = "BC7";
+    TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "ETC1_RGB"] = 13] = "ETC1_RGB";
+    TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "ETC2_RGB"] = 14] = "ETC2_RGB";
+    TextureFormat[TextureFormat[/** RGBA compressed format, 5 bits per pixel, 4 bit in RGB, 1 bit in A. */ "ETC2_RGBA5"] = 15] = "ETC2_RGBA5";
+    TextureFormat[TextureFormat[/** RGB compressed format, 8 bits per pixel. */ "ETC2_RGBA8"] = 16] = "ETC2_RGBA8";
+    TextureFormat[TextureFormat[/** RGB compressed format, 2 bits per pixel. */ "PVRTC_RGB2"] = 17] = "PVRTC_RGB2";
+    TextureFormat[TextureFormat[/** RGBA compressed format, 2 bits per pixel. */ "PVRTC_RGBA2"] = 18] = "PVRTC_RGBA2";
+    TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "PVRTC_RGB4"] = 19] = "PVRTC_RGB4";
+    TextureFormat[TextureFormat[/** RGBA compressed format, 4 bits per pixel. */ "PVRTC_RGBA4"] = 20] = "PVRTC_RGBA4";
+    TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 4x4 pixel block. */ "ASTC_4x4"] = 21] = "ASTC_4x4";
+    TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 5x5 pixel block. */ "ASTC_5x5"] = 22] = "ASTC_5x5";
+    TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 6x6 pixel block. */ "ASTC_6x6"] = 23] = "ASTC_6x6";
+    TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 8x8 pixel block. */ "ASTC_8x8"] = 24] = "ASTC_8x8";
+    TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 10x10 pixel block. */ "ASTC_10x10"] = 25] = "ASTC_10x10";
+    TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 12x12 pixel block. */ "ASTC_12x12"] = 26] = "ASTC_12x12";
+    TextureFormat[TextureFormat[/** Automatic depth format, engine will automatically select the supported precision. */ "Depth"] = 27] = "Depth";
+    TextureFormat[TextureFormat[/** Automatic depth stencil format, engine will automatically select the supported precision. */ "DepthStencil"] = 28] = "DepthStencil";
+    TextureFormat[TextureFormat[/** 16-bit depth format. */ "Depth16"] = 29] = "Depth16";
+    TextureFormat[TextureFormat[/** 24-bit depth format. */ "Depth24"] = 30] = "Depth24";
+    TextureFormat[TextureFormat[/** 32-bit depth format. */ "Depth32"] = 31] = "Depth32";
+    TextureFormat[TextureFormat[/** 16-bit depth + 8-bit stencil format. */ "Depth24Stencil8"] = 32] = "Depth24Stencil8";
+    TextureFormat[TextureFormat[/** 32-bit depth + 8-bit stencil format. */ "Depth32Stencil8"] = 33] = "Depth32Stencil8";
+    TextureFormat[TextureFormat[/** @deprecated Use `TextureFormat.BC1` instead. */ "DXT1"] = 34] = "DXT1";
+    TextureFormat[TextureFormat[/** @deprecated Use `TextureFormat.BC3` instead. */ "DXT5"] = 35] = "DXT5";
+})(TextureFormat || (TextureFormat = {}));
+
 /**
  * The base class of texture, contains some common functions of texture-related classes.
  */ var Texture = /*#__PURE__*/ function(GraphicsResource1) {
@@ -5515,6 +5253,12 @@ var GraphicsResource = /*#__PURE__*/ function(ReferResource1) {
     _proto._getMipmapCount = function _getMipmapCount() {
         return this._mipmap ? Math.floor(Math.log2(Math.max(this._width, this._height))) + 1 : 1;
     };
+    _proto._isIntFormat = function _isIntFormat() {
+        if (TextureFormat.R32G32B32A32_UInt === this._format) {
+            return true;
+        }
+        return false;
+    };
     _create_class(Texture, [
         {
             key: "format",
@@ -5591,6 +5335,11 @@ var GraphicsResource = /*#__PURE__*/ function(ReferResource1) {
             },
             set: function set(value) {
                 if (value === this._filterMode) return;
+                if (value !== TextureFilterMode.Point && this._isIntFormat()) {
+                    value = TextureFilterMode.Point;
+                    Logger.warn("Int or UInt format texture only support TextureFilterMode.Point");
+                    return;
+                }
                 this._filterMode = value;
                 this._platformTexture.filterMode = value;
             }
@@ -6717,7 +6466,7 @@ SlicedSpriteAssembler = __decorate([
             _this._byteLength = byteLength;
             _this._platformBuffer = engine._hardwareRenderer.createPlatformBuffer(type, byteLength, bufferUsage, data);
             if (readable) {
-                var buffer = (data.constructor === ArrayBuffer ? data : data.buffer).slice(0, byteLength);
+                var buffer = data.constructor === ArrayBuffer ? data.slice(0) : data.buffer.slice(data.byteOffset, data.byteOffset + byteLength);
                 _this._data = new Uint8Array(buffer);
             }
         }
@@ -7894,56 +7643,6 @@ var /**
     TextureDepthCompareFunction[TextureDepthCompareFunction[/** always pass. */ "Always"] = 7] = "Always";
 })(TextureDepthCompareFunction || (TextureDepthCompareFunction = {}));
 
-/**
- * The filter mode of the texture.
- */ var TextureFilterMode;
-(function(TextureFilterMode) {
-    TextureFilterMode[TextureFilterMode[/** Point filtering. */ "Point"] = 0] = "Point";
-    TextureFilterMode[TextureFilterMode[/** Bilinear filtering. */ "Bilinear"] = 1] = "Bilinear";
-    TextureFilterMode[TextureFilterMode[/** Trilinear filtering. */ "Trilinear"] = 2] = "Trilinear";
-})(TextureFilterMode || (TextureFilterMode = {}));
-
-/**
- * Texture format enumeration.
- */ var TextureFormat;
-(function(TextureFormat) {
-    TextureFormat[TextureFormat[/** RGB format, 8 bits per channel. */ "R8G8B8"] = 0] = "R8G8B8";
-    TextureFormat[TextureFormat[/** RGBA format, 8 bits per channel. */ "R8G8B8A8"] = 1] = "R8G8B8A8";
-    TextureFormat[TextureFormat[/** RGBA format, 4 bits per channel. */ "R4G4B4A4"] = 2] = "R4G4B4A4";
-    TextureFormat[TextureFormat[/** RGBA format, 5 bits in R channel, 5 bits in G channel, 5 bits in B channel, 1 bit in A channel. */ "R5G5B5A1"] = 3] = "R5G5B5A1";
-    TextureFormat[TextureFormat[/** RGB format, 5 bits in R channel, 6 bits in G channel, 5 bits in B channel. */ "R5G6B5"] = 4] = "R5G6B5";
-    TextureFormat[TextureFormat[/** Transparent format, 8 bits. */ "Alpha8"] = 5] = "Alpha8";
-    TextureFormat[TextureFormat[/** Luminance/alpha in RGB channel, alpha in A channel. */ "LuminanceAlpha"] = 6] = "LuminanceAlpha";
-    TextureFormat[TextureFormat[/** RGBA format, 16 bits per channel. */ "R16G16B16A16"] = 7] = "R16G16B16A16";
-    TextureFormat[TextureFormat[/** RGBA format, 32 bits per channel. */ "R32G32B32A32"] = 8] = "R32G32B32A32";
-    TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "BC1"] = 9] = "BC1";
-    TextureFormat[TextureFormat[/** RGBA compressed format, 8 bits per pixel. */ "BC3"] = 10] = "BC3";
-    TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 4x4 pixel block. */ "BC7"] = 11] = "BC7";
-    TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "ETC1_RGB"] = 12] = "ETC1_RGB";
-    TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "ETC2_RGB"] = 13] = "ETC2_RGB";
-    TextureFormat[TextureFormat[/** RGBA compressed format, 5 bits per pixel, 4 bit in RGB, 1 bit in A. */ "ETC2_RGBA5"] = 14] = "ETC2_RGBA5";
-    TextureFormat[TextureFormat[/** RGB compressed format, 8 bits per pixel. */ "ETC2_RGBA8"] = 15] = "ETC2_RGBA8";
-    TextureFormat[TextureFormat[/** RGB compressed format, 2 bits per pixel. */ "PVRTC_RGB2"] = 16] = "PVRTC_RGB2";
-    TextureFormat[TextureFormat[/** RGBA compressed format, 2 bits per pixel. */ "PVRTC_RGBA2"] = 17] = "PVRTC_RGBA2";
-    TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "PVRTC_RGB4"] = 18] = "PVRTC_RGB4";
-    TextureFormat[TextureFormat[/** RGBA compressed format, 4 bits per pixel. */ "PVRTC_RGBA4"] = 19] = "PVRTC_RGBA4";
-    TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 4x4 pixel block. */ "ASTC_4x4"] = 20] = "ASTC_4x4";
-    TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 5x5 pixel block. */ "ASTC_5x5"] = 21] = "ASTC_5x5";
-    TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 6x6 pixel block. */ "ASTC_6x6"] = 22] = "ASTC_6x6";
-    TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 8x8 pixel block. */ "ASTC_8x8"] = 23] = "ASTC_8x8";
-    TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 10x10 pixel block. */ "ASTC_10x10"] = 24] = "ASTC_10x10";
-    TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 12x12 pixel block. */ "ASTC_12x12"] = 25] = "ASTC_12x12";
-    TextureFormat[TextureFormat[/** Automatic depth format, engine will automatically select the supported precision. */ "Depth"] = 26] = "Depth";
-    TextureFormat[TextureFormat[/** Automatic depth stencil format, engine will automatically select the supported precision. */ "DepthStencil"] = 27] = "DepthStencil";
-    TextureFormat[TextureFormat[/** 16-bit depth format. */ "Depth16"] = 28] = "Depth16";
-    TextureFormat[TextureFormat[/** 24-bit depth format. */ "Depth24"] = 29] = "Depth24";
-    TextureFormat[TextureFormat[/** 32-bit depth format. */ "Depth32"] = 30] = "Depth32";
-    TextureFormat[TextureFormat[/** 16-bit depth + 8-bit stencil format. */ "Depth24Stencil8"] = 31] = "Depth24Stencil8";
-    TextureFormat[TextureFormat[/** 32-bit depth + 8-bit stencil format. */ "Depth32Stencil8"] = 32] = "Depth32Stencil8";
-    TextureFormat[TextureFormat[/** @deprecated Use `TextureFormat.BC1` instead. */ "DXT1"] = 33] = "DXT1";
-    TextureFormat[TextureFormat[/** @deprecated Use `TextureFormat.BC3` instead. */ "DXT5"] = 34] = "DXT5";
-})(TextureFormat || (TextureFormat = {}));
-
 /**
  * Texture usage.
  */ var TextureUsage;
@@ -8127,7 +7826,7 @@ var /**
         _this._mipmapCount = _this._getMipmapCount();
         _this._isDepthTexture = format == TextureFormat.Depth || format == TextureFormat.DepthStencil || format == TextureFormat.Depth16 || format == TextureFormat.Depth24 || format == TextureFormat.Depth32 || format == TextureFormat.Depth24Stencil8 || format == TextureFormat.Depth32Stencil8;
         _this._platformTexture = engine._hardwareRenderer.createPlatformTexture2D(_assert_this_initialized(_this));
-        _this.filterMode = TextureFilterMode.Bilinear;
+        _this.filterMode = _this._isIntFormat() ? TextureFilterMode.Point : TextureFilterMode.Bilinear;
         _this.wrapModeU = _this.wrapModeV = TextureWrapMode.Repeat;
         return _this;
     }
@@ -9438,7 +9137,7 @@ var /**
     };
     _proto._readColorVertexData = function _readColorVertexData(attributeType) {
         return this._readVertexData(attributeType, function(dataReader, offset) {
-            return new Color$1(dataReader[offset], dataReader[offset + 1], dataReader[offset + 2], dataReader[offset + 3]);
+            return new Color(dataReader[offset], dataReader[offset + 1], dataReader[offset + 2], dataReader[offset + 3]);
         });
     };
     _proto._readVertexData = function _readVertexData(attributeType, onVertexParse) {
@@ -9926,6 +9625,10 @@ var VertexElementIndex;
                 var sphereInfo = primitiveInfo;
                 PrimitiveMesh._setSphereData(this.resource, sphereInfo.radius, sphereInfo.segments, sphereInfo.noLongerAccessible, true, sphereInfo.vertexBuffer);
                 break;
+            case 7:
+                var CCSphereInfo = primitiveInfo;
+                PrimitiveMesh._setSubdivisionSurfaceSphereData(this.resource, CCSphereInfo.radius, CCSphereInfo.step, CCSphereInfo.noLongerAccessible, true, CCSphereInfo.vertexBuffer);
+                break;
             case 1:
                 var cuboidInfo = primitiveInfo;
                 PrimitiveMesh._setCuboidData(this.resource, cuboidInfo.width, cuboidInfo.height, cuboidInfo.depth, cuboidInfo.noLongerAccessible, true, cuboidInfo.vertexBuffer);
@@ -9963,6 +9666,7 @@ var PrimitiveType;
     PrimitiveType[PrimitiveType["Torus"] = 4] = "Torus";
     PrimitiveType[PrimitiveType["Cone"] = 5] = "Cone";
     PrimitiveType[PrimitiveType["Capsule"] = 6] = "Capsule";
+    PrimitiveType[PrimitiveType["CCSphere"] = 7] = "CCSphere";
 })(PrimitiveType || (PrimitiveType = {}));
 /**
  * @internal
@@ -9984,6 +9688,19 @@ var PrimitiveType;
     }
     return SphereRestoreInfo;
 }(PrimitiveRestoreInfo);
+/**
+ * @internal
+ */ var SubdivisionSurfaceSphereRestoreInfo = /*#__PURE__*/ function(PrimitiveRestoreInfo) {
+    _inherits(SubdivisionSurfaceSphereRestoreInfo, PrimitiveRestoreInfo);
+    function SubdivisionSurfaceSphereRestoreInfo(radius, step, vertexBuffer, noLongerAccessible) {
+        var _this;
+        _this = PrimitiveRestoreInfo.call(this, 7, vertexBuffer, noLongerAccessible) || this;
+        _this.radius = radius;
+        _this.step = step;
+        return _this;
+    }
+    return SubdivisionSurfaceSphereRestoreInfo;
+}(PrimitiveRestoreInfo);
 /**
  * @internal
  */ var CuboidRestoreInfo = /*#__PURE__*/ function(PrimitiveRestoreInfo) {
@@ -10098,6 +9815,24 @@ var PrimitiveType;
         return sphereMesh;
     };
     /**
+   * Create a sphere mesh by implementing Catmull-Clark Surface Subdivision Algorithm.
+   * Max step is limited to 6.
+   * @param engine - Engine
+   * @param radius - Sphere radius
+   * @param step - Number of subdiv steps
+   * @param noLongerAccessible - No longer access the vertices of the mesh after creation
+   * @returns Sphere model mesh
+   */ PrimitiveMesh.createSubdivisionSurfaceSphere = function createSubdivisionSurfaceSphere(engine, radius, step, noLongerAccessible) {
+        if (radius === void 0) radius = 0.5;
+        if (step === void 0) step = 3;
+        if (noLongerAccessible === void 0) noLongerAccessible = true;
+        var sphereMesh = new ModelMesh(engine);
+        PrimitiveMesh._setSubdivisionSurfaceSphereData(sphereMesh, radius, step, noLongerAccessible, false);
+        var vertexBuffer = sphereMesh.vertexBufferBindings[0].buffer;
+        engine.resourceManager.addContentRestorer(new PrimitiveMeshRestorer(sphereMesh, new SubdivisionSurfaceSphereRestoreInfo(radius, step, vertexBuffer, noLongerAccessible)));
+        return sphereMesh;
+    };
+    /**
    * Create a cuboid mesh.
    * @param engine - Engine
    * @param width - Cuboid width
@@ -10227,6 +9962,90 @@ var PrimitiveType;
     };
     /**
    * @internal
+   */ PrimitiveMesh._setSubdivisionSurfaceSphereData = function _setSubdivisionSurfaceSphereData(sphereMesh, radius, step, noLongerAccessible, isRestoreMode, restoreVertexBuffer) {
+        // Max step is limited to 6. Because 7 step will generate a single mesh with over 98306 vertices
+        step = MathUtil.clamp(Math.floor(step), 1, 6);
+        var positions = new Float32Array(3 * (6 * Math.pow(4, step) + 2));
+        var cells = new Float32Array(24 * Math.pow(4, step));
+        PrimitiveMesh._subdiveCatmullClark(step, positions, cells);
+        var positionCount = positions.length / 3;
+        var cellsCount = cells.length / 4;
+        var poleOffset = positionCount + Math.pow(2, step + 1) - 1;
+        // 16 extra vertices for pole uv
+        // 2 vertices at each pole are idle
+        var vertexCount = poleOffset + 16;
+        var vertices = new Float32Array(vertexCount * 8);
+        var indices = PrimitiveMesh._generateIndices(sphereMesh.engine, positionCount, cellsCount * 6);
+        var seamCount = 0;
+        var seamVertices = {};
+        // Get normals, uvs, and scale to radius
+        for(var i = 0; i < positionCount; i++){
+            var offset = 3 * i;
+            var x = positions[offset];
+            var y = positions[offset + 1];
+            var z = positions[offset + 2];
+            var reciprocalLength = 1 / Math.sqrt(x * x + y * y + z * z);
+            x *= reciprocalLength;
+            y *= reciprocalLength;
+            z *= reciprocalLength;
+            offset = 8 * i;
+            vertices[offset] = x * radius;
+            vertices[offset + 1] = y * radius;
+            vertices[offset + 2] = z * radius;
+            vertices[offset + 3] = x;
+            vertices[offset + 4] = y;
+            vertices[offset + 5] = z;
+            vertices[offset + 6] = (Math.PI - Math.atan2(z, x)) / (2 * Math.PI);
+            vertices[offset + 7] = Math.acos(y) / Math.PI;
+            if (vertices[offset + 6] === 0) {
+                // Generate seam vertex
+                var seamOffset = 8 * (positionCount + seamCount++);
+                vertices.set(vertices.subarray(offset, offset + 8), seamOffset);
+                vertices[seamOffset + 6] = 1.0;
+                // Cache seam vertex
+                seamVertices[offset / 8] = seamOffset / 8;
+            }
+        }
+        // Get indices
+        var offset1 = 0;
+        this._spherePoleIdx = 0;
+        for(var i1 = 0; i1 < cellsCount; i1++){
+            var idx = 4 * i1;
+            var indexA = cells[idx];
+            var indexB = cells[idx + 1];
+            var indexC = cells[idx + 2];
+            var indexD = cells[idx + 3];
+            // Handle seam by replacing vertex index to seam vertex index if necessary
+            var floatIndexA = 8 * indexA;
+            var floatIndexB = 8 * indexB;
+            var floatIndexC = 8 * indexC;
+            var floatIndexD = 8 * indexD;
+            // If center Z is negative
+            if (vertices[floatIndexA + 2] + vertices[floatIndexB + 2] + vertices[floatIndexC + 2] < 0) {
+                vertices[floatIndexA + 6] === 0 && (indexA = seamVertices[indexA]);
+                vertices[floatIndexB + 6] === 0 && (indexB = seamVertices[indexB]);
+                vertices[floatIndexC + 6] === 0 && (indexC = seamVertices[indexC]);
+                vertices[floatIndexD + 6] === 0 && (indexD = seamVertices[indexD]);
+            }
+            indices[offset1] = indexA;
+            indices[offset1 + 1] = indexB;
+            indices[offset1 + 2] = indexC;
+            this._generateAndReplacePoleUV(indices, vertices, offset1, poleOffset);
+            indices[offset1 + 3] = indexA;
+            indices[offset1 + 4] = indexC;
+            indices[offset1 + 5] = indexD;
+            this._generateAndReplacePoleUV(indices, vertices, offset1 + 3, poleOffset);
+            offset1 += 6;
+        }
+        if (!isRestoreMode) {
+            var bounds = sphereMesh.bounds;
+            bounds.min.set(-radius, -radius, -radius);
+            bounds.max.set(radius, radius, radius);
+        }
+        PrimitiveMesh._initialize(sphereMesh, vertices, indices, noLongerAccessible, isRestoreMode, restoreVertexBuffer);
+    };
+    /**
+   * @internal
    */ PrimitiveMesh._setSphereData = function _setSphereData(sphereMesh, radius, segments, noLongerAccessible, isRestoreMode, restoreVertexBuffer) {
         segments = Math.max(2, Math.floor(segments));
         var count = segments + 1;
@@ -10287,6 +10106,135 @@ var PrimitiveType;
     };
     /**
    * @internal
+   */ PrimitiveMesh._subdiveCatmullClark = function _subdiveCatmullClark(step, positions, cells) {
+        var edges = new Map();
+        var faces = new Array();
+        positions.set(PrimitiveMesh._sphereSeedPositions);
+        cells.set(PrimitiveMesh._sphereSeedCells);
+        for(var i = 0; i < step; i++){
+            var cellCount = 6 * Math.pow(4, i);
+            var positionCount = 4 * cellCount + 2;
+            edges.clear();
+            faces.length = 0;
+            // Get cell face's facePoint
+            for(var j = 0; j < cellCount; j++){
+                var face = faces[j] = {
+                    facePoint: new Vector3(),
+                    adjacentEdges: new Array(4)
+                };
+                // Get cell's edgePoint
+                for(var k = 0; k < 4; k++){
+                    var offset = 3 * cells[4 * j + k];
+                    face.facePoint.x += 0.25 * positions[offset];
+                    face.facePoint.y += 0.25 * positions[offset + 1];
+                    face.facePoint.z += 0.25 * positions[offset + 2];
+                }
+                // Get cell edges
+                for(var k1 = 0; k1 < 4; k1++){
+                    var vertexIdxA = cells[4 * j + k1];
+                    var vertexIdxB = cells[4 * j + (k1 + 1) % 4];
+                    var edgeIdxKey = Math.min(vertexIdxA, vertexIdxB) * positionCount + Math.max(vertexIdxA, vertexIdxB);
+                    if (!edges.has(edgeIdxKey)) {
+                        var edge = {
+                            edgePoint: new Vector3(),
+                            edgePointIndex: undefined
+                        };
+                        var offsetA = 3 * vertexIdxA;
+                        var offsetB = 3 * vertexIdxB;
+                        edge.edgePoint.set(0.25 * (positions[offsetA] + positions[offsetB]), 0.25 * (positions[offsetA + 1] + positions[offsetB + 1]), 0.25 * (positions[offsetA + 2] + positions[offsetB + 2]));
+                        edges.set(edgeIdxKey, edge);
+                    }
+                    var edge1 = edges.get(edgeIdxKey);
+                    face.adjacentEdges[k1] = edge1;
+                    var edgePoint = edge1.edgePoint;
+                    var facePoint = face.facePoint;
+                    edgePoint.x += 0.25 * facePoint.x;
+                    edgePoint.y += 0.25 * facePoint.y;
+                    edgePoint.z += 0.25 * facePoint.z;
+                }
+            }
+            var prePointCount = cellCount + 2;
+            var edgePointOffset = prePointCount + cellCount;
+            var pointIdx = 0;
+            this._sphereEdgeIdx = 0;
+            var preCells = cells.slice(0, 4 * cellCount);
+            // Get New positions, which consists of updated positions of existing points, face points and edge points
+            for(var j1 = 0; j1 < cellCount; j1++){
+                // Add face point to new positions
+                var face1 = faces[j1];
+                face1.facePoint.copyToArray(positions, 3 * (prePointCount + j1));
+                // Get the face point index
+                var ic = prePointCount + j1;
+                var id = void 0, ib = void 0, temp = void 0;
+                //  ia -- id -- ia
+                //  |     |     |
+                //  ib -- ic -- ib
+                //  |     |     |
+                //  ia -- id -- ia
+                for(var k2 = 0; k2 < 4; k2++){
+                    // Get the updated existing point index
+                    var ia = preCells[pointIdx++];
+                    // ib and id share four edge points in one cell
+                    switch(k2){
+                        case 0:
+                            {
+                                var edgeB = face1.adjacentEdges[k2 % 4];
+                                var edgeD = face1.adjacentEdges[(k2 + 3) % 4];
+                                ib = this._calculateEdgeIndex(positions, edgeB, edgePointOffset);
+                                id = this._calculateEdgeIndex(positions, edgeD, edgePointOffset);
+                                temp = id;
+                                break;
+                            }
+                        case 1:
+                        case 2:
+                            {
+                                var edgeB1 = face1.adjacentEdges[k2 % 4];
+                                id = ib;
+                                ib = this._calculateEdgeIndex(positions, edgeB1, edgePointOffset);
+                                break;
+                            }
+                        case 3:
+                            {
+                                id = ib;
+                                ib = temp;
+                                break;
+                            }
+                    }
+                    var idx = 4 * (4 * j1 + k2);
+                    cells[idx] = ia;
+                    cells[idx + 1] = ib;
+                    cells[idx + 2] = ic;
+                    cells[idx + 3] = id;
+                }
+            }
+        }
+    };
+    /**
+   * Duplicate vertices at the poles and adjust their UV coordinates.
+   */ PrimitiveMesh._generateAndReplacePoleUV = function _generateAndReplacePoleUV(indices, vertices, idx, poleOffset) {
+        var v = vertices[8 * indices[idx] + 7];
+        if (v === 0 || v === 1) {
+            var offset = 8 * indices[idx];
+            var addedOffset = 8 * (poleOffset + this._spherePoleIdx);
+            vertices.set(vertices.subarray(offset, offset + 8), addedOffset);
+            vertices[addedOffset + 6] = 0.5 * (vertices[offset + 6] + vertices[8 * indices[idx + 1] + 6] + vertices[8 * indices[idx + 2] + 6] - 0.5);
+            indices[idx] = poleOffset + this._spherePoleIdx++;
+        }
+    };
+    /**
+   * Get edge point index for subdivision surface sphere.
+   */ PrimitiveMesh._calculateEdgeIndex = function _calculateEdgeIndex(positions, edge, offset) {
+        if (edge.edgePointIndex !== undefined) {
+            return edge.edgePointIndex;
+        } else {
+            edge.edgePoint.copyToArray(positions, 3 * (offset + PrimitiveMesh._sphereEdgeIdx));
+            var index = offset + PrimitiveMesh._sphereEdgeIdx++;
+            edge.edgePointIndex = index;
+            return index;
+        }
+    };
+    /**
+   * @internal
    */ PrimitiveMesh._setCuboidData = function _setCuboidData(cuboidMesh, width, height, depth, noLongerAccessible, isRestoreMode, restoreVertexBuffer) {
         var halfWidth = width / 2;
         var halfHeight = height / 2;
@@ -10688,7 +10636,7 @@ var PrimitiveType;
             var theta = thetaStart + u * thetaRange;
             var sinTheta = Math.sin(theta);
             var cosTheta = Math.cos(theta);
-            var curRadius = radius - y * radius;
+            var curRadius = radius - v * radius;
             var posX = curRadius * sinTheta;
             var posY = y * unitHeight - halfHeight;
             var posZ = curRadius * cosTheta;
@@ -10822,8 +10770,8 @@ var PrimitiveType;
             indices[indicesOffset++] = d;
             indices[indicesOffset++] = c;
         }
-        PrimitiveMesh._createCapsuleCap(radius, height, radialSegments, thetaRange, torsoVertexCount, 1, vertices, indices, indicesOffset);
-        PrimitiveMesh._createCapsuleCap(radius, height, radialSegments, -thetaRange, torsoVertexCount + capVertexCount, -1, vertices, indices, indicesOffset + 6 * capRectangleCount);
+        PrimitiveMesh._createCapsuleCap(radius, height, radialSegments, thetaStart, thetaRange, torsoVertexCount, 1, vertices, indices, indicesOffset);
+        PrimitiveMesh._createCapsuleCap(radius, height, radialSegments, thetaStart, -thetaRange, torsoVertexCount + capVertexCount, -1, vertices, indices, indicesOffset + 6 * capRectangleCount);
         if (!isRestoreMode) {
             var bounds = capsuleMesh.bounds;
             bounds.min.set(-radius, -radius - halfHeight, -radius);
@@ -10864,7 +10812,7 @@ var PrimitiveType;
         }
         return indices;
     };
-    PrimitiveMesh._createCapsuleCap = function _createCapsuleCap(radius, height, radialSegments, capAlphaRange, offset, posIndex, vertices, indices, indicesOffset) {
+    PrimitiveMesh._createCapsuleCap = function _createCapsuleCap(radius, height, radialSegments, thetaStart, thetaRange, offset, posIndex, vertices, indices, indicesOffset) {
         var radialCount = radialSegments + 1;
         var halfHeight = height * 0.5 * posIndex;
         var capVertexCount = radialCount * radialCount;
@@ -10877,12 +10825,12 @@ var PrimitiveType;
             var y = i * radialCountReciprocal | 0;
             var u = x * radialSegmentsReciprocal;
             var v = y * radialSegmentsReciprocal;
-            var alphaDelta = u * capAlphaRange;
-            var thetaDelta = v * Math.PI / 2;
-            var sinTheta = Math.sin(thetaDelta);
-            var posX = -radius * Math.cos(alphaDelta) * sinTheta;
-            var posY = radius * Math.cos(thetaDelta) * posIndex + halfHeight;
-            var posZ = radius * Math.sin(alphaDelta) * sinTheta;
+            var theta = thetaStart + u * thetaRange;
+            var alpha = v * Math.PI * 0.5;
+            var sinAlpha = Math.sin(alpha);
+            var posX = radius * Math.sin(theta) * sinAlpha;
+            var posY = radius * Math.cos(alpha) * posIndex + halfHeight;
+            var posZ = radius * Math.cos(theta) * sinAlpha;
             var index = (i + offset) * vertexFloatCount;
             // Position
             vertices[index++] = posX;
@@ -10916,29 +10864,91 @@ var PrimitiveType;
 (function() {
     PrimitiveMesh._tempVec30 = new Vector3();
 })();
-
-/**
- * Mesh skin data, equal glTF skins define
- */ var Skin = /*#__PURE__*/ function(EngineObject1) {
-    _inherits(Skin, EngineObject1);
-    function Skin(name) {
-        var _this;
-        _this = EngineObject1.call(this, null) || this;
-        _this.name = name;
-        _this._bones = [];
-        _this.inverseBindMatrices = []; // inverse bind matrix array
-        _this.joints = []; // joints name array, element type: string
-        _this.skeleton = "none"; // root bone name
-        return _this;
-    }
-    return Skin;
-}(EngineObject);
-
-/**
- * SkinnedMeshRenderer.
- */ var SkinnedMeshRenderer = /*#__PURE__*/ function(MeshRenderer1) {
-    _inherits(SkinnedMeshRenderer, MeshRenderer1);
-    function SkinnedMeshRenderer(entity) {
+(function() {
+    PrimitiveMesh._sphereSeedPositions = new Float32Array([
+        -1,
+        1,
+        1,
+        -1,
+        -1,
+        1,
+        1,
+        -1,
+        1,
+        1,
+        1,
+        1,
+        1,
+        -1,
+        -1,
+        1,
+        1,
+        -1,
+        -1,
+        -1,
+        -1,
+        -1,
+        1,
+        -1
+    ]);
+})();
+(function() {
+    PrimitiveMesh._sphereSeedCells = new Float32Array([
+        0,
+        1,
+        2,
+        3,
+        3,
+        2,
+        4,
+        5,
+        5,
+        4,
+        6,
+        7,
+        7,
+        0,
+        3,
+        5,
+        7,
+        6,
+        1,
+        0,
+        6,
+        4,
+        2,
+        1
+    ]);
+})();
+(function() {
+    PrimitiveMesh._sphereEdgeIdx = 0;
+})();
+(function() {
+    PrimitiveMesh._spherePoleIdx = 0;
+})();
+
+/**
+ * Mesh skin data, equal glTF skins define
+ */ var Skin = /*#__PURE__*/ function(EngineObject1) {
+    _inherits(Skin, EngineObject1);
+    function Skin(name) {
+        var _this;
+        _this = EngineObject1.call(this, null) || this;
+        _this.name = name;
+        _this._bones = [];
+        _this.inverseBindMatrices = []; // inverse bind matrix array
+        _this.joints = []; // joints name array, element type: string
+        _this.skeleton = "none"; // root bone name
+        return _this;
+    }
+    return Skin;
+}(EngineObject);
+
+/**
+ * SkinnedMeshRenderer.
+ */ var SkinnedMeshRenderer = /*#__PURE__*/ function(MeshRenderer1) {
+    _inherits(SkinnedMeshRenderer, MeshRenderer1);
+    function SkinnedMeshRenderer(entity) {
         var _this;
         _this = MeshRenderer1.call(this, entity) || this;
         _this._localBounds = new BoundingBox();
@@ -11379,7 +11389,9 @@ var Basic2DBatcher = /*#__PURE__*/ function() {
         this._batchedQueue = null;
         var _this = this, meshes = _this._meshes, vertexBuffers = _this._vertexBuffers, indiceBuffers = _this._indiceBuffers;
         for(var i = 0, n = meshes.length; i < n; ++i){
-            meshes[i].destroy();
+            var mesh = meshes[i];
+            mesh._addReferCount(-1);
+            mesh.destroy();
         }
         this._meshes = null;
         for(var i1 = 0, n1 = vertexBuffers.length; i1 < n1; ++i1){
@@ -11402,7 +11414,7 @@ var Basic2DBatcher = /*#__PURE__*/ function() {
     _proto._createMesh = function _createMesh(engine, index) {
         var MAX_VERTEX_COUNT = Basic2DBatcher.MAX_VERTEX_COUNT;
         var mesh = new BufferMesh(engine, "BufferMesh" + index);
-        mesh.isGCIgnored = true;
+        mesh._addReferCount(1);
         var vertexElements = [];
         var vertexStride = this.createVertexElements(vertexElements);
         // vertices
@@ -11460,8 +11472,10 @@ var Basic2DBatcher = /*#__PURE__*/ function() {
         }
         mesh.addSubMesh(this._getSubMeshFromPool(vertexStartIndex, vertexCount));
         batchedQueue[curMeshIndex] = preElement;
-        this._vertexBuffers[_flushId].setData(vertices, 0, 0, vertexIndex);
-        this._indiceBuffers[_flushId].setData(indices, 0, 0, indiceIndex);
+        // Set data option use Discard, or will resulted in performance slowdown when open antialias and cross-rendering of 3D and 2D elements.
+        // Device: iphone X(16.7.2)、iphone 15 pro max(17.1.1)、iphone XR(17.1.2) etc.
+        this._vertexBuffers[_flushId].setData(vertices, 0, 0, vertexIndex, SetDataOptions.Discard);
+        this._indiceBuffers[_flushId].setData(indices, 0, 0, indiceIndex, SetDataOptions.Discard);
     };
     _proto._getSubMeshFromPool = function _getSubMeshFromPool(start, count) {
         var subMesh = this._subMeshPool.getFromPool();
@@ -11608,7 +11622,7 @@ var TiledSpriteAssembler = (_TiledSpriteAssembler = /*#__PURE__*/ function() {
             rVertCount = 3;
             rType = 0;
         } else {
-            if (fixedCW > MathUtil$1.zeroTolerance) {
+            if (fixedCW > MathUtil.zeroTolerance) {
                 rRepeatCount = (width - fixedLR) / fixedCW;
                 rRepeatCount = rRepeatCount % 1 >= threshold ? Math.ceil(rRepeatCount) : Math.floor(rRepeatCount);
                 rVertCount = 4 + rRepeatCount - 1;
@@ -11622,7 +11636,7 @@ var TiledSpriteAssembler = (_TiledSpriteAssembler = /*#__PURE__*/ function() {
             cVertCount = 3;
             cType = 0;
         } else {
-            if (fixedCH > MathUtil$1.zeroTolerance) {
+            if (fixedCH > MathUtil.zeroTolerance) {
                 cRepeatCount = (height - fixedTB) / fixedCH;
                 cRepeatCount = cRepeatCount % 1 >= threshold ? Math.ceil(cRepeatCount) : Math.floor(cRepeatCount);
                 cVertCount = 4 + cRepeatCount - 1;
@@ -11713,7 +11727,7 @@ var TiledSpriteAssembler = (_TiledSpriteAssembler = /*#__PURE__*/ function() {
             rVertCount = 3;
             rType = 0;
         } else {
-            if (fixedCW > MathUtil$1.zeroTolerance) {
+            if (fixedCW > MathUtil.zeroTolerance) {
                 rRepeatCount = (width - fixedLR) / fixedCW;
                 rVertCount = 4 + (rRepeatCount | 0);
                 rType = 2;
@@ -11726,7 +11740,7 @@ var TiledSpriteAssembler = (_TiledSpriteAssembler = /*#__PURE__*/ function() {
             cVertCount = 3;
             cType = 0;
         } else {
-            if (fixedCH > MathUtil$1.zeroTolerance) {
+            if (fixedCH > MathUtil.zeroTolerance) {
                 cRepeatCount = (height - fixedTB) / fixedCH;
                 cVertCount = 4 + (cRepeatCount | 0);
                 cType = 2;
@@ -11839,7 +11853,7 @@ var TiledType;
         _this = Renderer1.call(this, entity) || this;
         _this._tileMode = SpriteTileMode.Continuous;
         _this._tiledAdaptiveThreshold = 0.5;
-        _this._color = new Color$1(1, 1, 1, 1);
+        _this._color = new Color(1, 1, 1, 1);
         _this._sprite = null;
         _this._automaticWidth = 0;
         _this._automaticHeight = 0;
@@ -12039,7 +12053,7 @@ var TiledType;
             },
             set: function set(value) {
                 if (value !== this._tiledAdaptiveThreshold) {
-                    value = MathUtil$1.clamp(value, 0, 1);
+                    value = MathUtil.clamp(value, 0, 1);
                     this._tiledAdaptiveThreshold = value;
                     if (this.drawMode === SpriteDrawMode.Tiled) {
                         this._dirtyUpdateFlag |= 0x3;
@@ -12491,6 +12505,9 @@ var /**
 __decorate([
     assignmentClone
 ], SpriteMask.prototype, "influenceLayers", void 0);
+__decorate([
+    ignoreClone
+], SpriteMask.prototype, "_verticesData", void 0);
 __decorate([
     ignoreClone
 ], SpriteMask.prototype, "_sprite", void 0);
@@ -12774,8 +12791,8 @@ var /**
                     } else {
                         word += char;
                         wordWidth += charInfo.xAdvance;
-                        wordMaxAscent = lineMaxAscent = Math.max(wordMaxAscent, ascent);
-                        wordMaxDescent = lineMaxDescent = Math.max(wordMaxDescent, descent);
+                        wordMaxAscent = Math.max(wordMaxAscent, ascent);
+                        wordMaxDescent = Math.max(wordMaxDescent, descent);
                     }
                 }
             }
@@ -12896,6 +12913,9 @@ var /**
         var baseline = Math.ceil(context.measureText(TextUtils._measureBaseline).width);
         var height = baseline * TextUtils._heightMultiplier;
         baseline = TextUtils._baselineMultiplier * baseline | 0;
+        var _extendHeight = TextUtils._extendHeight;
+        height += _extendHeight;
+        baseline += _extendHeight * 0.5;
         canvas.width = width;
         canvas.height = height;
         context.font = fontString;
@@ -12930,6 +12950,7 @@ var /**
         }
         if (top !== -1 && bottom !== -1) {
             ascent = baseline - top;
+            // Baseline belong to descent
             descent = bottom - baseline + 1;
             size = ascent + descent;
         }
@@ -13005,6 +13026,10 @@ var /**
         "fangsong"
     ];
 })();
+(function() {
+    // _extendHeight used to extend the height of canvas, because in miniprogram performance is different from h5.
+    /** @internal */ TextUtils._extendHeight = 0;
+})();
 (function() {
     /** These characters are all tall to help calculate the height required for text. */ TextUtils._measureString = "|\xc9q\xc5";
 })();
@@ -13095,7 +13120,8 @@ var /**
     _proto._createFontAtlas = function _createFontAtlas() {
         var _this = this, engine = _this._engine;
         var fontAtlas = new FontAtlas(engine);
-        var texture = new Texture2D(engine, 256, 256);
+        var texture = new Texture2D(engine, 256, 256, TextureFormat.R8G8B8A8, false);
+        texture.filterMode = TextureFilterMode.Bilinear;
         fontAtlas.texture = texture;
         fontAtlas.isGCIgnored = texture.isGCIgnored = true;
         this._fontAtlases.push(fontAtlas);
@@ -13253,7 +13279,7 @@ var /**
         /** @internal */ _this._subFont = null;
         /** @internal */ _this._charRenderDatas = [];
         _this._dirtyFlag = 15;
-        _this._color = new Color$1(1, 1, 1, 1);
+        _this._color = new Color(1, 1, 1, 1);
         _this._text = "";
         _this._width = 0;
         _this._height = 0;
@@ -13333,7 +13359,7 @@ var /**
     /**
    * @internal
    */ _proto._render = function _render(context) {
-        if (this._text === "" || this.enableWrapping && this.width <= 0 || this.overflowMode === OverflowMode.Truncate && this.height <= 0) {
+        if (this._isTextNoVisible()) {
             return;
         }
         if (this._isContainDirtyFlag(0x10)) {
@@ -13425,8 +13451,8 @@ var /**
         }
     };
     _proto._updateLocalData = function _updateLocalData() {
-        var _this = this, color = _this.color, charRenderDatas = _this._charRenderDatas, charFont = _this._subFont;
         var _this__localBounds = this._localBounds, min = _this__localBounds.min, max = _this__localBounds.max;
+        var _this = this, color = _this.color, charRenderDatas = _this._charRenderDatas, charFont = _this._subFont;
         var textMetrics = this.enableWrapping ? TextUtils.measureTextWithWrap(this) : TextUtils.measureTextWithoutWrap(this);
         var height = textMetrics.height, lines = textMetrics.lines, lineWidths = textMetrics.lineWidths, lineHeight = textMetrics.lineHeight, lineMaxSizes = textMetrics.lineMaxSizes;
         var charRenderDataPool = TextRenderer._charRenderDataPool;
@@ -13494,7 +13520,7 @@ var /**
                             var left = startX * pixelsPerUnitReciprocal;
                             var right = (startX + w) * pixelsPerUnitReciprocal;
                             var top = (startY + ascent) * pixelsPerUnitReciprocal;
-                            var bottom = (startY - descent + 1) * pixelsPerUnitReciprocal;
+                            var bottom = (startY - descent) * pixelsPerUnitReciprocal;
                             localPositions.set(left, top, right, bottom);
                             i === firstLine && (maxY = Math.max(maxY, top));
                             minY = Math.min(minY, bottom);
@@ -13535,6 +13561,9 @@ var /**
         Renderer1.prototype._onTransformChanged.call(this, bit);
         this._setDirtyFlagTrue(0x4 | 0x8);
     };
+    _proto._isTextNoVisible = function _isTextNoVisible() {
+        return this._text === "" || this._fontSize === 0 || this.enableWrapping && this.width <= 0 || this.overflowMode === OverflowMode.Truncate && this.height <= 0;
+    };
     _create_class(TextRenderer, [
         {
             key: "color",
@@ -13737,6 +13766,16 @@ var /**
             get: /**
    * The bounding volume of the TextRenderer.
    */ function get() {
+                if (this._isTextNoVisible()) {
+                    if (this._isContainDirtyFlag(0x8)) {
+                        var localBounds = this._localBounds;
+                        localBounds.min.set(0, 0, 0);
+                        localBounds.max.set(0, 0, 0);
+                        this._updateBounds(this._bounds);
+                        this._setDirtyFlagFalse(0x8);
+                    }
+                    return this._bounds;
+                }
                 this._isContainDirtyFlag(0x1) && this._resetSubFont();
                 this._isContainDirtyFlag(0x2) && this._updateLocalData();
                 this._isContainDirtyFlag(0x4) && this._updatePosition();
@@ -14758,6 +14797,7 @@ var TextRenderData = /*#__PURE__*/ function(RenderData1) {
     AssetType[/** Cube Compress Texture. */ "KTXCube"] = "KTXCube";
     AssetType[/** KTX2 Compress Texture */ "KTX2"] = "KTX2";
     AssetType[/** Sprite. */ "Sprite"] = "Sprite";
+    AssetType[/** PrimitiveMesh. */ "PrimitiveMesh"] = "PrimitiveMesh";
     AssetType[/** Sprite Atlas. */ "SpriteAtlas"] = "SpriteAtlas";
     AssetType[/** Ambient light. */ "Env"] = "Environment";
     AssetType[/** Scene. */ "Scene"] = "Scene";
@@ -15143,6 +15183,7 @@ var /** @internal */ PromiseState;
         this./** The number of retries after failing to load assets. */ retryCount = 1;
         this./** Retry delay time after failed to load assets, in milliseconds. */ retryInterval = 0;
         this./** The default timeout period for loading assets, in milliseconds. */ timeout = Infinity;
+        this./** Base url for loading assets. */ baseUrl = null;
         this._loadingPromises = {};
         this._assetPool = Object.create(null);
         this._assetUrlPool = Object.create(null);
@@ -15346,6 +15387,8 @@ var /** @internal */ PromiseState;
         // Check url mapping
         var itemURL = item.url;
         var url = this._virtualPathMap[itemURL] ? this._virtualPathMap[itemURL] : itemURL;
+        // Not absolute and base url is set
+        if (!Utils.isAbsoluteUrl(url) && this.baseUrl) url = Utils.resolveAbsoluteUrl(this.baseUrl, url);
         // Parse url
         var _this__parseURL = this._parseURL(url), assetBaseURL = _this__parseURL.assetBaseURL, queryPath = _this__parseURL.queryPath;
         var paths = queryPath ? this._parseQueryPath(queryPath) : [];
@@ -15438,10 +15481,20 @@ var /** @internal */ PromiseState;
     };
     _proto._parseURL = function _parseURL(path) {
         var _path_split = path.split("?"), baseUrl = _path_split[0], searchStr = _path_split[1];
-        var searchParams = new URLSearchParams(searchStr);
-        var queryPath = searchParams.get("q");
-        searchParams.delete("q");
-        var assetBaseURL = searchParams.size > 0 ? baseUrl + "?" + searchParams.toString() : baseUrl;
+        var queryPath = undefined;
+        var assetBaseURL = baseUrl;
+        if (searchStr) {
+            var params = searchStr.split("&");
+            for(var i = 0; i < params.length; i++){
+                var param = params[i];
+                if (param.startsWith("q=")) {
+                    queryPath = decodeURIComponent(param.split("=")[1]);
+                    params.splice(i, 1);
+                    break;
+                }
+            }
+            assetBaseURL = params.length > 0 ? baseUrl + "?" + params.join("&") : baseUrl;
+        }
         return {
             assetBaseURL: assetBaseURL,
             queryPath: queryPath
@@ -15725,6 +15778,66 @@ var rePropName = RegExp(// Match anything that isn't a dot or bracket.
             }
         }
     };
+    /**
+   * @internal
+   */ SystemInfo._detectSIMDSupported = function _detectSIMDSupported() {
+        if (this._simdSupported === null) {
+            this._simdSupported = WebAssembly.validate(new Uint8Array([
+                0,
+                97,
+                115,
+                109,
+                1,
+                0,
+                0,
+                0,
+                1,
+                4,
+                1,
+                96,
+                0,
+                0,
+                3,
+                3,
+                2,
+                0,
+                0,
+                5,
+                3,
+                1,
+                0,
+                1,
+                12,
+                1,
+                0,
+                10,
+                22,
+                2,
+                12,
+                0,
+                65,
+                0,
+                65,
+                0,
+                65,
+                0,
+                252,
+                10,
+                0,
+                0,
+                11,
+                7,
+                0,
+                65,
+                0,
+                253,
+                15,
+                26,
+                11
+            ]));
+        }
+        return this._simdSupported;
+    };
     _create_class(SystemInfo, null, [
         {
             key: "devicePixelRatio",
@@ -15743,6 +15856,9 @@ var rePropName = RegExp(// Match anything that isn't a dot or bracket.
 (function() {
     /** The operating system is running on. */ SystemInfo.operatingSystem = "";
 })();
+(function() {
+    /** Whether the system support SIMD. */ SystemInfo._simdSupported = null;
+})();
 SystemInfo._initialize();
 
 /**
@@ -15973,7 +16089,7 @@ SystemInfo._initialize();
  * Keyboard Manager.
  * @internal
  */ var KeyboardManager = /*#__PURE__*/ function() {
-    function KeyboardManager(engine) {
+    function KeyboardManager(engine, target) {
         /** @internal */ this._curHeldDownKeyToIndexMap = [];
         /** @internal */ this._upKeyToFrameCountMap = [];
         /** @internal */ this._downKeyToFrameCountMap = [];
@@ -15981,17 +16097,11 @@ SystemInfo._initialize();
         /** @internal */ this._curFrameDownList = new DisorderedArray();
         /** @internal */ this._curFrameUpList = new DisorderedArray();
         this._nativeEvents = [];
-        this._hadListener = false;
-        // @ts-ignore
-        var htmlCanvas = engine._canvas._webCanvas;
         this._engine = engine;
-        this._htmlCanvas = htmlCanvas;
-        // Need to set tabIndex to make the canvas focus.
-        htmlCanvas.tabIndex = htmlCanvas.tabIndex;
+        this._onBlur = this._onBlur.bind(this);
         this._onKeyEvent = this._onKeyEvent.bind(this);
-        htmlCanvas.addEventListener("keydown", this._onKeyEvent);
-        htmlCanvas.addEventListener("keyup", this._onKeyEvent);
-        this._hadListener = true;
+        this._target = target;
+        this._addEventListener();
     }
     var _proto = KeyboardManager.prototype;
     /**
@@ -16043,35 +16153,8 @@ SystemInfo._initialize();
     };
     /**
    * @internal
-   */ _proto._onFocus = function _onFocus() {
-        if (!this._hadListener) {
-            this._htmlCanvas.addEventListener("keydown", this._onKeyEvent);
-            this._htmlCanvas.addEventListener("keyup", this._onKeyEvent);
-            this._hadListener = true;
-        }
-    };
-    /**
-   * @internal
-   */ _proto._onBlur = function _onBlur() {
-        if (this._hadListener) {
-            this._htmlCanvas.removeEventListener("keydown", this._onKeyEvent);
-            this._htmlCanvas.removeEventListener("keyup", this._onKeyEvent);
-            this._curHeldDownKeyToIndexMap.length = 0;
-            this._curFrameHeldDownList.length = 0;
-            this._curFrameDownList.length = 0;
-            this._curFrameUpList.length = 0;
-            this._nativeEvents.length = 0;
-            this._hadListener = false;
-        }
-    };
-    /**
-   * @internal
    */ _proto._destroy = function _destroy() {
-        if (this._hadListener) {
-            this._htmlCanvas.removeEventListener("keydown", this._onKeyEvent);
-            this._htmlCanvas.removeEventListener("keyup", this._onKeyEvent);
-            this._hadListener = false;
-        }
+        this._removeEventListener();
         this._curHeldDownKeyToIndexMap.length = 0;
         this._curHeldDownKeyToIndexMap = null;
         this._upKeyToFrameCountMap.length = 0;
@@ -16086,12 +16169,30 @@ SystemInfo._initialize();
         this._curFrameDownList = null;
         this._curFrameUpList.length = 0;
         this._curFrameUpList = null;
-        this._htmlCanvas = null;
         this._engine = null;
     };
+    _proto._onBlur = function _onBlur() {
+        this._curHeldDownKeyToIndexMap.length = 0;
+        this._curFrameHeldDownList.length = 0;
+        this._curFrameDownList.length = 0;
+        this._curFrameUpList.length = 0;
+        this._nativeEvents.length = 0;
+    };
     _proto._onKeyEvent = function _onKeyEvent(evt) {
         this._nativeEvents.push(evt);
     };
+    _proto._addEventListener = function _addEventListener() {
+        var _this = this, target = _this._target;
+        target.addEventListener("keydown", this._onKeyEvent);
+        target.addEventListener("keyup", this._onKeyEvent);
+        target.addEventListener("blur", this._onBlur);
+    };
+    _proto._removeEventListener = function _removeEventListener() {
+        var _this = this, target = _this._target;
+        target.removeEventListener("keydown", this._onKeyEvent);
+        target.removeEventListener("keyup", this._onKeyEvent);
+        target.removeEventListener("blur", this._onBlur);
+    };
     return KeyboardManager;
 }();
 
@@ -16394,7 +16495,9 @@ var Collision = function Collision() {
         };
         if (hitResult != undefined) {
             var result = this._nativePhysicsScene.raycast(ray, distance, onRaycast, function(idx, distance, position, normal) {
-                hitResult.entity = _this._scene.engine._physicalObjectsMap[idx]._collider.entity;
+                var hitShape = _this._scene.engine._physicalObjectsMap[idx];
+                hitResult.entity = hitShape._collider.entity;
+                hitResult.shape = hitShape;
                 hitResult.distance = distance;
                 hitResult.normal.copyFrom(normal);
                 hitResult.point.copyFrom(position);
@@ -16403,6 +16506,7 @@ var Collision = function Collision() {
                 return true;
             } else {
                 hitResult.entity = null;
+                hitResult.shape = null;
                 hitResult.distance = 0;
                 hitResult.point.set(0, 0, 0);
                 hitResult.normal.set(0, 0, 0);
@@ -16533,7 +16637,7 @@ var Collision = function Collision() {
                 return this._fixedTimeStep;
             },
             set: function set(value) {
-                this._fixedTimeStep = Math.max(value, MathUtil$1.zeroTolerance);
+                this._fixedTimeStep = Math.max(value, MathUtil.zeroTolerance);
             }
         }
     ]);
@@ -17064,6 +17168,7 @@ var DynamicColliderConstraints;
     /** The distance from the ray's origin to the impact point. */ this.distance = 0;
     /** The impact point in world space where the ray hit the collider. */ this.point = new Vector3();
     /** The normal of the surface the ray hit. */ this.normal = new Vector3();
+    /** The shape of the collider that was hit. */ this.shape = null;
 };
 
 /**
@@ -18055,7 +18160,7 @@ __decorate([
  * Pointer Manager.
  * @internal
  */ var PointerManager = /*#__PURE__*/ function() {
-    function PointerManager(engine) {
+    function PointerManager(engine, target) {
         /** @internal */ this._pointers = [];
         /** @internal */ this._multiPointerEnabled = true;
         /** @internal */ this._buttons = PointerButton.None;
@@ -18064,16 +18169,18 @@ __decorate([
         /** @internal */ this._upList = new DisorderedArray();
         /** @internal */ this._downList = new DisorderedArray();
         this._nativeEvents = [];
-        this._hadListener = false;
-        // @ts-ignore
-        var htmlCanvas = engine._canvas._webCanvas;
+        if (_instanceof(target, Window)) {
+            throw "Do not set window as target because window cannot listen to pointer leave event.";
+        }
         this._engine = engine;
+        this._target = target;
         this._canvas = engine.canvas;
-        this._htmlCanvas = htmlCanvas;
-        this._onPointerEvent = this._onPointerEvent.bind(this);
-        this._onFocus();
+        // @ts-ignore
+        this._htmlCanvas = engine._canvas._webCanvas;
         // If there are no compatibility issues, navigator.maxTouchPoints should be used here
         this._pointerPool = new Array(11);
+        this._onPointerEvent = this._onPointerEvent.bind(this);
+        this._addEventListener();
     }
     var _proto = PointerManager.prototype;
     /**
@@ -18143,7 +18250,8 @@ __decorate([
             var length = events.length;
             if (length > 0) {
                 for(var i1 = 0; i1 < length; i1++){
-                    switch(events[i1].type){
+                    var event = events[i1];
+                    switch(event.type){
                         case "pointerdown":
                             pointer.phase = PointerPhase.Down;
                             pointer._firePointerDown(rayCastEntity);
@@ -18165,66 +18273,14 @@ __decorate([
     };
     /**
    * @internal
-   */ _proto._onFocus = function _onFocus() {
-        if (!this._hadListener) {
-            var _this = this, htmlCanvas = _this._htmlCanvas, onPointerEvent = _this._onPointerEvent;
-            htmlCanvas.addEventListener("pointerdown", onPointerEvent);
-            htmlCanvas.addEventListener("pointerup", onPointerEvent);
-            htmlCanvas.addEventListener("pointerleave", onPointerEvent);
-            htmlCanvas.addEventListener("pointermove", onPointerEvent);
-            htmlCanvas.addEventListener("pointercancel", onPointerEvent);
-            this._hadListener = true;
-        }
-    };
-    /**
-   * @internal
-   */ _proto._onBlur = function _onBlur() {
-        if (this._hadListener) {
-            var _this = this, htmlCanvas = _this._htmlCanvas, onPointerEvent = _this._onPointerEvent;
-            htmlCanvas.removeEventListener("pointerdown", onPointerEvent);
-            htmlCanvas.removeEventListener("pointerup", onPointerEvent);
-            htmlCanvas.removeEventListener("pointerleave", onPointerEvent);
-            htmlCanvas.removeEventListener("pointermove", onPointerEvent);
-            htmlCanvas.removeEventListener("pointercancel", onPointerEvent);
-            this._hadListener = false;
-            this._pointers.length = 0;
-            this._downList.length = 0;
-            this._upList.length = 0;
-        }
-    };
-    /**
-   * @internal
    */ _proto._destroy = function _destroy() {
-        // @ts-ignore
-        if (this._hadListener) {
-            var _this = this, htmlCanvas = _this._htmlCanvas, onPointerEvent = _this._onPointerEvent;
-            htmlCanvas.removeEventListener("pointerdown", onPointerEvent);
-            htmlCanvas.removeEventListener("pointerup", onPointerEvent);
-            htmlCanvas.removeEventListener("pointerleave", onPointerEvent);
-            htmlCanvas.removeEventListener("pointermove", onPointerEvent);
-            htmlCanvas.removeEventListener("pointercancel", onPointerEvent);
-            this._hadListener = false;
-        }
+        this._removeEventListener();
         this._pointerPool.length = 0;
-        this._pointerPool = null;
-        this._pointers.length = 0;
-        this._pointers = null;
-        this._downList.length = 0;
-        this._downList = null;
-        this._upList.length = 0;
-        this._upList = null;
         this._nativeEvents.length = 0;
-        this._nativeEvents = null;
-        this._upMap.length = 0;
-        this._upMap = null;
         this._downMap.length = 0;
-        this._downMap = null;
-        this._htmlCanvas = null;
-        this._canvas = null;
-        this._engine = null;
+        this._upMap.length = 0;
     };
     _proto._onPointerEvent = function _onPointerEvent(evt) {
-        evt.type === "pointerdown" && this._htmlCanvas.focus();
         this._nativeEvents.push(evt);
     };
     _proto._getPointerByID = function _getPointerByID(pointerId) {
@@ -18307,6 +18363,26 @@ __decorate([
         }
         return null;
     };
+    _proto._addEventListener = function _addEventListener() {
+        var _this = this, target = _this._target, onPointerEvent = _this._onPointerEvent;
+        target.addEventListener("pointerdown", onPointerEvent);
+        target.addEventListener("pointerup", onPointerEvent);
+        target.addEventListener("pointerleave", onPointerEvent);
+        target.addEventListener("pointermove", onPointerEvent);
+        target.addEventListener("pointercancel", onPointerEvent);
+    };
+    _proto._removeEventListener = function _removeEventListener() {
+        var _this = this, target = _this._target, onPointerEvent = _this._onPointerEvent;
+        target.removeEventListener("pointerdown", onPointerEvent);
+        target.removeEventListener("pointerup", onPointerEvent);
+        target.removeEventListener("pointerleave", onPointerEvent);
+        target.removeEventListener("pointermove", onPointerEvent);
+        target.removeEventListener("pointercancel", onPointerEvent);
+        this._nativeEvents.length = 0;
+        this._pointers.length = 0;
+        this._downList.length = 0;
+        this._upList.length = 0;
+    };
     return PointerManager;
 }();
 (function() {
@@ -18323,15 +18399,12 @@ __decorate([
  * Wheel Manager.
  * @internal
  */ var WheelManager = /*#__PURE__*/ function() {
-    function WheelManager(engine) {
+    function WheelManager(engine, target) {
         /** @internal */ this._delta = new Vector3();
         this._nativeEvents = [];
-        // @ts-ignore
-        var htmlCanvas = engine._canvas._webCanvas;
         this._onWheelEvent = this._onWheelEvent.bind(this);
-        htmlCanvas.addEventListener("wheel", this._onWheelEvent);
-        this._canvas = htmlCanvas;
-        this._hadListener = true;
+        this._target = target;
+        this._addEventListener();
     }
     var _proto = WheelManager.prototype;
     /**
@@ -18352,35 +18425,24 @@ __decorate([
     };
     /**
    * @internal
-   */ _proto._onFocus = function _onFocus() {
-        if (!this._hadListener) {
-            this._canvas.addEventListener("wheel", this._onWheelEvent);
-            this._hadListener = true;
-        }
+   */ _proto._addEventListener = function _addEventListener() {
+        this._target.addEventListener("wheel", this._onWheelEvent);
     };
     /**
    * @internal
-   */ _proto._onBlur = function _onBlur() {
-        if (this._hadListener) {
-            this._canvas.removeEventListener("wheel", this._onWheelEvent);
-            this._nativeEvents.length = 0;
-            this._delta.set(0, 0, 0);
-            this._hadListener = false;
-        }
+   */ _proto._removeEventListener = function _removeEventListener() {
+        this._target.removeEventListener("wheel", this._onWheelEvent);
+        this._nativeEvents.length = 0;
+        this._delta.set(0, 0, 0);
     };
     /**
    * @internal
    */ _proto._destroy = function _destroy() {
-        if (this._hadListener) {
-            this._canvas.removeEventListener("wheel", this._onWheelEvent);
-            this._hadListener = false;
-        }
+        this._removeEventListener();
         this._nativeEvents = null;
-        this._canvas = null;
         this._delta = null;
     };
     _proto._onWheelEvent = function _onWheelEvent(evt) {
-        evt.cancelable && evt.preventDefault();
         this._nativeEvents.push(evt);
     };
     return WheelManager;
@@ -18389,19 +18451,19 @@ __decorate([
 /**
  * InputManager manages device input such as mouse, touch, keyboard, etc.
  */ var InputManager = /*#__PURE__*/ function() {
-    function InputManager(engine) {
+    function InputManager(engine, inputOptions) {
         /** Sometimes the input module will not be initialized, such as off-screen rendering. */ this._initialized = false;
         this._engine = engine;
         // @ts-ignore
         var canvas = engine._canvas._webCanvas;
         if (typeof OffscreenCanvas === "undefined" || !_instanceof(canvas, OffscreenCanvas)) {
-            this._wheelManager = new WheelManager(engine);
-            this._pointerManager = new PointerManager(engine);
-            this._keyboardManager = new KeyboardManager(engine);
-            this._onBlur = this._onBlur.bind(this);
-            window.addEventListener("blur", this._onBlur);
-            this._onFocus = this._onFocus.bind(this);
-            window.addEventListener("focus", this._onFocus);
+            var _inputOptions, _inputOptions1, _inputOptions2;
+            var _inputOptions_wheelTarget;
+            this._wheelManager = new WheelManager(engine, (_inputOptions_wheelTarget = (_inputOptions = inputOptions) == null ? void 0 : _inputOptions.wheelTarget) != null ? _inputOptions_wheelTarget : canvas);
+            var _inputOptions_pointerTarget;
+            this._pointerManager = new PointerManager(engine, (_inputOptions_pointerTarget = (_inputOptions1 = inputOptions) == null ? void 0 : _inputOptions1.pointerTarget) != null ? _inputOptions_pointerTarget : canvas);
+            var _inputOptions_keyboardTarget;
+            this._keyboardManager = new KeyboardManager(engine, (_inputOptions_keyboardTarget = (_inputOptions2 = inputOptions) == null ? void 0 : _inputOptions2.keyboardTarget) != null ? _inputOptions_keyboardTarget : window);
             this._initialized = true;
         }
     }
@@ -18514,8 +18576,6 @@ __decorate([
    * @internal
    */ _proto._destroy = function _destroy() {
         if (this._initialized) {
-            window.removeEventListener("blur", this._onBlur);
-            window.removeEventListener("focus", this._onFocus);
             this._wheelManager._destroy();
             this._wheelManager = null;
             this._pointerManager._destroy();
@@ -18524,16 +18584,6 @@ __decorate([
             this._keyboardManager = null;
         }
     };
-    _proto._onBlur = function _onBlur() {
-        this._wheelManager._onBlur();
-        this._pointerManager._onBlur();
-        this._keyboardManager._onBlur();
-    };
-    _proto._onFocus = function _onFocus() {
-        this._wheelManager._onFocus();
-        this._pointerManager._onFocus();
-        this._keyboardManager._onFocus();
-    };
     _create_class(InputManager, [
         {
             key: "pointers",
@@ -18576,6 +18626,8 @@ __decorate([
         _this = ReferResource1.call(this, engine) || this;
         /** @internal */ _this._renderStates = [] // todo: later will as a part of shaderData when shader effect frame is OK, that is more powerful and flexible.
         ;
+        /** @internal */ _this._priority = 0 // todo: temporary resolution of submesh rendering order issue.
+        ;
         _this._shaderData = new ShaderData(ShaderDataGroup.Material);
         _this.shader = shader;
         return _this;
@@ -18910,8 +18962,9 @@ var unlitVs = "#define GLSLIFY 1\n#include <common>\n#include <common_vert>\n#in
             }
             return;
         }
+        ++hierarchy;
         for(var k1 in cacheMap){
-            this._recursiveDestroy(++hierarchy, cacheMap[k1]);
+            this._recursiveDestroy(hierarchy, cacheMap[k1]);
         }
     };
     _proto._resizeCacheMapHierarchy = function _resizeCacheMapHierarchy(cacheMap, hierarchy, currentHierarchy, increaseHierarchy) {
@@ -19029,7 +19082,7 @@ ShaderPool.init();
         _this._spriteMaskDefaultMaterial = _this._createSpriteMaskMaterial();
         _this._textDefaultFont = Font.createFromOS(_assert_this_initialized(_this), "Arial");
         _this._textDefaultFont.isGCIgnored = true;
-        _this.inputManager = new InputManager(_assert_this_initialized(_this));
+        _this.inputManager = new InputManager(_assert_this_initialized(_this), configuration.input);
         var xrDevice = configuration.xrDevice;
         if (xrDevice) {
             _this.xrManager = new XRManager();
@@ -19323,6 +19376,26 @@ ShaderPool.init();
         this._magentaTexture2D = magentaTexture2D;
         this._magentaTextureCube = magentaTextureCube;
         if (hardwareRenderer.isWebGL2) {
+            var magentaPixel32 = new Uint32Array([
+                255,
+                0,
+                255,
+                255
+            ]);
+            var uintMagentaTexture2D = new Texture2D(this, 1, 1, TextureFormat.R32G32B32A32_UInt, false);
+            uintMagentaTexture2D.setPixelBuffer(magentaPixel32);
+            uintMagentaTexture2D.isGCIgnored = true;
+            this.resourceManager.addContentRestorer(new /*#__PURE__*/ (function(ContentRestorer) {
+                _inherits(_class, ContentRestorer);
+                function _class() {
+                    return ContentRestorer.call(this, uintMagentaTexture2D);
+                }
+                var _proto = _class.prototype;
+                _proto.restoreContent = function restoreContent() {
+                    this.resource.setPixelBuffer(magentaPixel32);
+                };
+                return _class;
+            }(ContentRestorer))());
             var magentaTexture2DArray = new Texture2DArray(this, 1, 1, 1, TextureFormat.R8G8B8A8, false);
             magentaTexture2DArray.setPixelBuffer(0, magentaPixel);
             magentaTexture2DArray.isGCIgnored = true;
@@ -19337,6 +19410,7 @@ ShaderPool.init();
                 };
                 return _class;
             }(ContentRestorer))());
+            this._uintMagentaTexture2D = uintMagentaTexture2D;
             this._magentaTexture2DArray = magentaTexture2DArray;
         }
     };
@@ -19569,8 +19643,8 @@ ShaderPool.init();
             set: function set(value) {
                 if (this._width !== value) {
                     this._width = value;
+                    this._onWidthChanged(value);
                     this._sizeUpdateFlagManager.dispatch();
-                    this._onSizeChanged(value, this._width);
                 }
             }
         },
@@ -19584,8 +19658,8 @@ ShaderPool.init();
             set: function set(value) {
                 if (this._height !== value) {
                     this._height = value;
+                    this._onHeightChange(value);
                     this._sizeUpdateFlagManager.dispatch();
-                    this._onSizeChanged(this._width, value);
                 }
             }
         }
@@ -19652,7 +19726,7 @@ ShaderPool.init();
         var e = viewProjMatrix.elements;
         e[12] = e[13] = e[14] = 0;
         // epsilon-infinity projection matrix http://terathon.com/gdc07_lengyel.pdf
-        var f = 1.0 / Math.tan(MathUtil$1.degreeToRadian(fieldOfView) / 2);
+        var f = 1.0 / Math.tan(MathUtil.degreeToRadian(fieldOfView) / 2);
         projectionMatrix.elements[0] = f / aspectRatio;
         projectionMatrix.elements[5] = f;
         // view-proj matrix
@@ -19733,7 +19807,7 @@ ShaderPool.init();
    * Background solid color.
    * @defaultValue `new Color(0.25, 0.25, 0.25, 1.0)`
    * @remarks When `mode` is `BackgroundMode.SolidColor`, the property will take effects.
-   */ solidColor = new Color$1(0.25, 0.25, 0.25, 1.0);
+   */ solidColor = new Color(0.25, 0.25, 0.25, 1.0);
         this.sky = new Sky();
         this./** @internal */ _textureFillMode = BackgroundTextureFillMode.AspectFitHeight;
         this._texture = null;
@@ -20094,7 +20168,7 @@ ShaderPool.init();
     function AmbientLight(engine) {
         var _this;
         _this = ReferResource1.call(this, engine) || this;
-        _this._diffuseSolidColor = new Color$1(0.212, 0.227, 0.259);
+        _this._diffuseSolidColor = new Color(0.212, 0.227, 0.259);
         _this._diffuseIntensity = 1.0;
         _this._specularIntensity = 1.0;
         _this._diffuseMode = DiffuseMode.SolidColor;
@@ -20391,8 +20465,8 @@ ShaderPool.init();
         /** Near plane value to use for shadow frustums. */ _this.shadowNearPlane = 0.1;
         /** Shadow intensity, the larger the value, the clearer and darker the shadow. */ _this.shadowStrength = 1.0;
         /** @internal */ _this._lightIndex = -1;
-        /** @internal */ _this._lightColor = new Color$1();
-        _this._color = new Color$1(1, 1, 1, 1);
+        /** @internal */ _this._lightColor = new Color();
+        _this._color = new Color(1, 1, 1, 1);
         return _this;
     }
     var _proto = Light.prototype;
@@ -20470,9 +20544,9 @@ __decorate([
         data.cullingMask[cullingMaskStart] = cullingMask & 65535;
         data.cullingMask[cullingMaskStart + 1] = cullingMask >>> 16 & 65535;
         if (this.engine.settings.colorSpace === ColorSpace.Linear) {
-            data.color[colorStart] = Color$1.gammaToLinearSpace(lightColor.r);
-            data.color[colorStart + 1] = Color$1.gammaToLinearSpace(lightColor.g);
-            data.color[colorStart + 2] = Color$1.gammaToLinearSpace(lightColor.b);
+            data.color[colorStart] = Color.gammaToLinearSpace(lightColor.r);
+            data.color[colorStart + 1] = Color.gammaToLinearSpace(lightColor.g);
+            data.color[colorStart + 2] = Color.gammaToLinearSpace(lightColor.b);
         } else {
             data.color[colorStart] = lightColor.r;
             data.color[colorStart + 1] = lightColor.g;
@@ -20562,9 +20636,9 @@ __decorate([
         data.cullingMask[cullingMaskStart] = cullingMask & 65535;
         data.cullingMask[cullingMaskStart + 1] = cullingMask >>> 16 & 65535;
         if (this.engine.settings.colorSpace === ColorSpace.Linear) {
-            data.color[colorStart] = Color$1.gammaToLinearSpace(lightColor.r);
-            data.color[colorStart + 1] = Color$1.gammaToLinearSpace(lightColor.g);
-            data.color[colorStart + 2] = Color$1.gammaToLinearSpace(lightColor.b);
+            data.color[colorStart] = Color.gammaToLinearSpace(lightColor.r);
+            data.color[colorStart + 1] = Color.gammaToLinearSpace(lightColor.g);
+            data.color[colorStart + 2] = Color.gammaToLinearSpace(lightColor.b);
         } else {
             data.color[colorStart] = lightColor.r;
             data.color[colorStart + 1] = lightColor.g;
@@ -20658,9 +20732,9 @@ __decorate([
         data.cullingMask[cullingMaskStart] = cullingMask & 65535;
         data.cullingMask[cullingMaskStart + 1] = cullingMask >>> 16 & 65535;
         if (this.engine.settings.colorSpace === ColorSpace.Linear) {
-            data.color[colorStart] = Color$1.gammaToLinearSpace(lightColor.r);
-            data.color[colorStart + 1] = Color$1.gammaToLinearSpace(lightColor.g);
-            data.color[colorStart + 2] = Color$1.gammaToLinearSpace(lightColor.b);
+            data.color[colorStart] = Color.gammaToLinearSpace(lightColor.r);
+            data.color[colorStart + 1] = Color.gammaToLinearSpace(lightColor.g);
+            data.color[colorStart + 2] = Color.gammaToLinearSpace(lightColor.b);
         } else {
             data.color[colorStart] = lightColor.r;
             data.color[colorStart + 1] = lightColor.g;
@@ -20940,6 +21014,10 @@ __decorate([
         /** The splits of two cascade distribution. */ _this.shadowTwoCascadeSplits = 1.0 / 3.0;
         /** The splits of four cascade distribution. */ _this.shadowFourCascadeSplits = new Vector3(1.0 / 15, 3.0 / 15.0, 7.0 / 15.0);
         /** Max Shadow distance. */ _this.shadowDistance = 50;
+        /**
+   * Last shadow fade distance in percentage, range [0,1].
+   * @remarks Value 0 is used for no shadow fade.
+   */ _this.shadowFadeBorder = 0.1;
         /* @internal */ _this._lightManager = new LightManager();
         /* @internal */ _this._componentsManager = new ComponentsManager();
         /** @internal */ _this._isActiveInEngine = false;
@@ -20949,7 +21027,7 @@ __decorate([
         _this._shaderData = new ShaderData(ShaderDataGroup.Scene);
         _this._shadowCascades = ShadowCascadesMode.NoCascades;
         _this._fogMode = FogMode.None;
-        _this._fogColor = new Color$1(0.5, 0.5, 0.5, 1.0);
+        _this._fogColor = new Color(0.5, 0.5, 0.5, 1.0);
         _this._fogStart = 0;
         _this._fogEnd = 300;
         _this._fogDensity = 0.01;
@@ -21564,47 +21642,66 @@ __decorate([
     DepthTextureMode[DepthTextureMode[/* Generate depth texture by pre-pass rendering. */ "PrePass"] = 1] = "PrePass";
 })(DepthTextureMode || (DepthTextureMode = {}));
 
-var passNum = 0;
 /**
- * RenderPass.
- */ var RenderPass = /*#__PURE__*/ function() {
-    function RenderPass(name, priority, renderTarget, replaceMaterial, mask) {
-        if (name === void 0) name = "RENDER_PASS" + passNum++;
-        if (priority === void 0) priority = 0;
-        if (renderTarget === void 0) renderTarget = null;
-        if (replaceMaterial === void 0) replaceMaterial = null;
-        if (mask === void 0) mask = null;
-        this.name = name;
-        this.enabled = true;
-        this.priority = priority;
-        this.renderTarget = renderTarget;
-        this.replaceMaterial = replaceMaterial;
-        this.mask = mask || Layer.Everything;
-        this.renderOverride = false; // If renderOverride is set to true, you need to implement the render method
-    }
-    var _proto = RenderPass.prototype;
-    /**
-   * Rendering callback, will be executed if renderOverride is set to true.
-   * @param camera - Camera
-   * @param opaqueQueue - Opaque queue
-   * @param alphaTestQueue - Alpha test queue
-   * @param transparentQueue - Transparent queue
-   */ _proto.render = function render(camera, opaqueQueue, alphaTestQueue, transparentQueue) {};
+ * PipelinePass is a base class for all pipeline passes.
+ */ var PipelinePass = function PipelinePass(engine) {
+    this._engine = engine;
+};
+
+/**
+ * @internal
+ */ var PipelineUtils = /*#__PURE__*/ function() {
+    function PipelineUtils() {}
     /**
-   * Post rendering callback.
-   * @param camera - Camera
-   * @param opaqueQueue - Opaque queue
-   * @param alphaTestQueue - Alpha test queue
-   * @param transparentQueue - Transparent queue
-   */ _proto.preRender = function preRender(camera, opaqueQueue, alphaTestQueue, transparentQueue) {};
+   * Recreate texture if needed.
+   * @param engine - Engine
+   * @param currentTexture - Current texture
+   * @param width - Need texture width
+   * @param height - Need texture height
+   * @param format - Need texture format
+   * @param mipmap - Need texture mipmap
+   * @returns Texture
+   */ PipelineUtils.recreateTextureIfNeeded = function recreateTextureIfNeeded(engine, currentTexture, width, height, format, mipmap) {
+        if (currentTexture) {
+            if (currentTexture.width !== width || currentTexture.height !== height || currentTexture.format !== format || currentTexture.mipmapCount > 1 !== mipmap) {
+                currentTexture.destroy();
+                var texture = new Texture2D(engine, width, height, format, mipmap);
+                texture.isGCIgnored = true;
+                return texture;
+            } else {
+                return currentTexture;
+            }
+        } else {
+            var texture1 = new Texture2D(engine, width, height, format, mipmap);
+            texture1.isGCIgnored = true;
+            return texture1;
+        }
+    };
     /**
-   * Post rendering callback.
-   * @param camera - Camera
-   * @param opaqueQueue - Opaque queue
-   * @param alphaTestQueue - Alpha test queue
-   * @param transparentQueue - Transparent queue
-   */ _proto.postRender = function postRender(camera, opaqueQueue, alphaTestQueue, transparentQueue) {};
-    return RenderPass;
+   * Recreate render target if needed.
+   * @param engine - Engine
+   * @param currentRenderTarget - Current render target
+   * @param width - Need render target width
+   * @param height - Need render target height
+   * @param colorFormat - Need render target color format
+   * @param depthFormat - Need render target depth format
+   * @param mipmap - Need render target mipmap
+   * @returns Render target
+   */ PipelineUtils.recreateRenderTargetIfNeeded = function recreateRenderTargetIfNeeded(engine, currentRenderTarget, width, height, colorFormat, depthFormat, mipmap) {
+        var _currentRenderTarget, _currentRenderTarget1;
+        var currentColorTexture = (_currentRenderTarget = currentRenderTarget) == null ? void 0 : _currentRenderTarget.getColorTexture(0);
+        var currentDepthTexture = (_currentRenderTarget1 = currentRenderTarget) == null ? void 0 : _currentRenderTarget1.depthTexture;
+        var colorTexture = colorFormat ? PipelineUtils.recreateTextureIfNeeded(engine, currentColorTexture, width, height, colorFormat, mipmap) : null;
+        var depthTexture = depthFormat ? PipelineUtils.recreateTextureIfNeeded(engine, currentDepthTexture, width, height, depthFormat, mipmap) : null;
+        if (currentColorTexture !== colorTexture || currentDepthTexture !== depthTexture) {
+            var _currentRenderTarget2;
+            (_currentRenderTarget2 = currentRenderTarget) == null ? void 0 : _currentRenderTarget2.destroy();
+            currentRenderTarget = new RenderTarget(engine, width, height, colorTexture, depthTexture);
+            currentRenderTarget.isGCIgnored = true;
+        }
+        return currentRenderTarget;
+    };
+    return PipelineUtils;
 }();
 
 /**
@@ -21865,70 +21962,93 @@ var passNum = 0;
     /**
    * @internal
    */ RenderQueue._compareFromNearToFar = function _compareFromNearToFar(a, b) {
-        return a.data.component.priority - b.data.component.priority || a.data.component._distanceForSort - b.data.component._distanceForSort;
+        var dataA = a.data;
+        var dataB = b.data;
+        var componentA = dataA.component;
+        var componentB = dataB.component;
+        var priorityOrder = componentA.priority - componentB.priority;
+        if (priorityOrder !== 0) {
+            return priorityOrder;
+        }
+        // make suer from the same renderer.
+        if (componentA.instanceId === componentB.instanceId) {
+            return dataA.material._priority - dataB.material._priority;
+        } else {
+            var distanceDiff = componentA._distanceForSort - componentB._distanceForSort;
+            if (distanceDiff === 0) {
+                return componentA.instanceId - componentB.instanceId;
+            } else {
+                return distanceDiff;
+            }
+        }
     };
     /**
    * @internal
    */ RenderQueue._compareFromFarToNear = function _compareFromFarToNear(a, b) {
-        return a.data.component.priority - b.data.component.priority || b.data.component._distanceForSort - a.data.component._distanceForSort;
+        var dataA = a.data;
+        var dataB = b.data;
+        var componentA = dataA.component;
+        var componentB = dataB.component;
+        var priorityOrder = componentA.priority - componentB.priority;
+        if (priorityOrder !== 0) {
+            return priorityOrder;
+        }
+        // make suer from the same renderer.
+        if (componentA.instanceId === componentB.instanceId) {
+            return dataA.material._priority - dataB.material._priority;
+        } else {
+            var distanceDiff = componentB._distanceForSort - componentA._distanceForSort;
+            if (distanceDiff === 0) {
+                return componentA.instanceId - componentB.instanceId;
+            } else {
+                return distanceDiff;
+            }
+        }
     };
     return RenderQueue;
 }();
 
+var passNum = 0;
 /**
- * @internal
- */ var PipelineUtils = /*#__PURE__*/ function() {
-    function PipelineUtils() {}
+ * RenderPass.
+ */ var RenderPass = /*#__PURE__*/ function() {
+    function RenderPass(name, priority, renderTarget, replaceMaterial, mask) {
+        if (name === void 0) name = "RENDER_PASS" + passNum++;
+        if (priority === void 0) priority = 0;
+        if (renderTarget === void 0) renderTarget = null;
+        if (replaceMaterial === void 0) replaceMaterial = null;
+        if (mask === void 0) mask = null;
+        this.name = name;
+        this.enabled = true;
+        this.priority = priority;
+        this.renderTarget = renderTarget;
+        this.replaceMaterial = replaceMaterial;
+        this.mask = mask || Layer.Everything;
+        this.renderOverride = false; // If renderOverride is set to true, you need to implement the render method
+    }
+    var _proto = RenderPass.prototype;
     /**
-   * Recreate texture if needed.
-   * @param engine - Engine
-   * @param currentTexture - Current texture
-   * @param width - Need texture width
-   * @param height - Need texture height
-   * @param format - Need texture format
-   * @param mipmap - Need texture mipmap
-   * @returns Texture
-   */ PipelineUtils.recreateTextureIfNeeded = function recreateTextureIfNeeded(engine, currentTexture, width, height, format, mipmap) {
-        if (currentTexture) {
-            if (currentTexture.width !== width || currentTexture.height !== height || currentTexture.format !== format || currentTexture.mipmapCount > 1 !== mipmap) {
-                currentTexture.destroy();
-                var texture = new Texture2D(engine, width, height, format, mipmap);
-                texture.isGCIgnored = true;
-                return texture;
-            } else {
-                return currentTexture;
-            }
-        } else {
-            var texture1 = new Texture2D(engine, width, height, format, mipmap);
-            texture1.isGCIgnored = true;
-            return texture1;
-        }
-    };
+   * Rendering callback, will be executed if renderOverride is set to true.
+   * @param camera - Camera
+   * @param opaqueQueue - Opaque queue
+   * @param alphaTestQueue - Alpha test queue
+   * @param transparentQueue - Transparent queue
+   */ _proto.render = function render(camera, opaqueQueue, alphaTestQueue, transparentQueue) {};
     /**
-   * Recreate render target if needed.
-   * @param engine - Engine
-   * @param currentRenderTarget - Current render target
-   * @param width - Need render target width
-   * @param height - Need render target height
-   * @param colorFormat - Need render target color format
-   * @param depthFormat - Need render target depth format
-   * @param mipmap - Need render target mipmap
-   * @returns Render target
-   */ PipelineUtils.recreateRenderTargetIfNeeded = function recreateRenderTargetIfNeeded(engine, currentRenderTarget, width, height, colorFormat, depthFormat, mipmap) {
-        var _currentRenderTarget, _currentRenderTarget1;
-        var currentColorTexture = (_currentRenderTarget = currentRenderTarget) == null ? void 0 : _currentRenderTarget.getColorTexture(0);
-        var currentDepthTexture = (_currentRenderTarget1 = currentRenderTarget) == null ? void 0 : _currentRenderTarget1.depthTexture;
-        var colorTexture = colorFormat ? PipelineUtils.recreateTextureIfNeeded(engine, currentColorTexture, width, height, colorFormat, mipmap) : null;
-        var depthTexture = depthFormat ? PipelineUtils.recreateTextureIfNeeded(engine, currentDepthTexture, width, height, depthFormat, mipmap) : null;
-        if (currentColorTexture !== colorTexture || currentDepthTexture !== depthTexture) {
-            var _currentRenderTarget2;
-            (_currentRenderTarget2 = currentRenderTarget) == null ? void 0 : _currentRenderTarget2.destroy();
-            currentRenderTarget = new RenderTarget(engine, width, height, colorTexture, depthTexture);
-            currentRenderTarget.isGCIgnored = true;
-        }
-        return currentRenderTarget;
-    };
-    return PipelineUtils;
+   * Post rendering callback.
+   * @param camera - Camera
+   * @param opaqueQueue - Opaque queue
+   * @param alphaTestQueue - Alpha test queue
+   * @param transparentQueue - Transparent queue
+   */ _proto.preRender = function preRender(camera, opaqueQueue, alphaTestQueue, transparentQueue) {};
+    /**
+   * Post rendering callback.
+   * @param camera - Camera
+   * @param opaqueQueue - Opaque queue
+   * @param alphaTestQueue - Alpha test queue
+   * @param transparentQueue - Transparent queue
+   */ _proto.postRender = function postRender(camera, opaqueQueue, alphaTestQueue, transparentQueue) {};
+    return RenderPass;
 }();
 
 /**
@@ -22025,7 +22145,7 @@ var /**
         // https://lxjk.github.io/2017/04/15/Calculate-Minimal-Bounding-Sphere-of-Frustum.html
         var centerZ;
         var radius;
-        var k = Math.sqrt(1.0 + aspectRatio * aspectRatio) * Math.tan(MathUtil$1.degreeToRadian(fieldOfView) / 2.0);
+        var k = Math.sqrt(1.0 + aspectRatio * aspectRatio) * Math.tan(MathUtil.degreeToRadian(fieldOfView) / 2.0);
         var k2 = k * k;
         var farSNear = far - near;
         var farANear = far + near;
@@ -22196,6 +22316,26 @@ var /**
         var offset = cascadeIndex * 16;
         Utils._floatMatrixMultiply(sliceMatrix, outShadowMatrices, offset, outShadowMatrices, offset);
     };
+    /**
+   * Extract scale and bias from a fade distance to achieve a linear fading of the fade distance.
+   */ ShadowUtils.getScaleAndBiasForLinearDistanceFade = function getScaleAndBiasForLinearDistanceFade(fadeDistance, border, outInfo) {
+        // (P^2-N^2)/(F^2-N^2)
+        // To avoid division from zero
+        // This values ensure that fade within cascade will be 0 and outside 1
+        if (border < 0.0001) {
+            var multiplier = 1000; // To avoid blending if difference is in fractions
+            outInfo.z = multiplier;
+            outInfo.w = -fadeDistance * multiplier;
+            return;
+        }
+        border = 1 - border;
+        border *= border;
+        // Fade with distance calculation is just a linear fade from 90% of fade distance to fade distance. 90% arbitrarily chosen but should work well enough.
+        var distanceFadeNear = border * fadeDistance;
+        var fadeRange = fadeDistance - distanceFadeNear;
+        outInfo.z = 1.0 / fadeRange;
+        outInfo.w = -distanceFadeNear / fadeRange;
+    };
     return ShadowUtils;
 }();
 (function() {
@@ -22440,12 +22580,6 @@ var /**
     ShadowUtils.atlasBorderSize = 4.0;
 })();
 
-/**
- * PipelinePass is a base class for all pipeline passes.
- */ var PipelinePass = function PipelinePass(engine) {
-    this._engine = engine;
-};
-
 /**
  * Cascade shadow caster pass.
  */ var CascadedShadowCasterPass = /*#__PURE__*/ function(PipelinePass1) {
@@ -22458,11 +22592,10 @@ var /**
         _this._shadowSliceData = new ShadowSliceData();
         _this._lightUp = new Vector3();
         _this._lightSide = new Vector3();
-        _this._existShadowMap = false;
         _this._splitBoundSpheres = new Float32Array(CascadedShadowCasterPass._maxCascades * 4);
         /** The end is project precision problem in shader. */ _this._shadowMatrices = new Float32Array((CascadedShadowCasterPass._maxCascades + 1) * 16);
-        // strength, null, lightIndex
-        _this._shadowInfos = new Vector3();
+        // intensity, null, fadeScale, fadeBias
+        _this._shadowInfos = new Vector4();
         _this._viewportOffsets = [
             new Vector2(),
             new Vector2(),
@@ -22478,14 +22611,12 @@ var /**
     /**
    * @internal
    */ _proto.onRender = function onRender(context) {
+        var light = this._camera.scene._lightManager._sunlight;
         this._updateShadowSettings();
-        this._existShadowMap = false;
-        this._renderDirectShadowMap(context);
-        if (this._existShadowMap) {
-            this._updateReceiversShaderData();
-        }
+        this._renderDirectShadowMap(context, light);
+        this._updateReceiversShaderData(light);
     };
-    _proto._renderDirectShadowMap = function _renderDirectShadowMap(context) {
+    _proto._renderDirectShadowMap = function _renderDirectShadowMap(context, light) {
         var _this = this, engine = _this._engine, camera = _this._camera, viewports = _this._viewportOffsets, shadowSliceData = _this._shadowSliceData, splitBoundSpheres = _this._splitBoundSpheres, shadowMatrices = _this._shadowMatrices;
         var _camera__renderPipeline__cullingResults = camera._renderPipeline._cullingResults, opaqueQueue = _camera__renderPipeline__cullingResults.opaqueQueue, alphaTestQueue = _camera__renderPipeline__cullingResults.alphaTestQueue, transparentQueue = _camera__renderPipeline__cullingResults.transparentQueue;
         var scene = camera.scene;
@@ -22499,91 +22630,87 @@ var /**
         var lightUp = this._lightUp;
         var lightSide = this._lightSide;
         var lightForward = shadowSliceData.virtualCamera.forward;
-        var light = scene._lightManager._sunlight;
-        if (light) {
-            var shadowFar = Math.min(camera.scene.shadowDistance, camera.farClipPlane);
-            this._getCascadesSplitDistance(shadowFar);
-            // Prepare render target
-            var _this__shadowMapSize = this._shadowMapSize, width = _this__shadowMapSize.z, height = _this__shadowMapSize.w;
-            var format = this._shadowMapFormat;
-            var renderTarget;
-            var shadowTexture;
-            if (this._supportDepthTexture) {
-                renderTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._renderTarget, width, height, null, format, false);
-                shadowTexture = renderTarget.depthTexture;
-            } else {
-                renderTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._renderTarget, width, height, format, null, false);
-                shadowTexture = renderTarget.getColorTexture(0);
-            }
-            shadowTexture.wrapModeU = shadowTexture.wrapModeV = TextureWrapMode.Clamp;
-            if (engine._hardwareRenderer._isWebGL2) {
-                shadowTexture.depthCompareFunction = TextureDepthCompareFunction.Less;
-            }
-            this._renderTarget = renderTarget;
-            this._depthTexture = shadowTexture;
-            // @todo: shouldn't set viewport and scissor in activeRenderTarget
-            rhi.activeRenderTarget(renderTarget, CascadedShadowCasterPass._viewport, 0);
-            if (this._supportDepthTexture) {
-                rhi.clearRenderTarget(engine, CameraClearFlags.Depth, null);
-            } else {
-                rhi.clearRenderTarget(engine, CameraClearFlags.All, CascadedShadowCasterPass._clearColor);
-            }
-            this._shadowInfos.x = light.shadowStrength;
-            this._shadowInfos.z = 0; // @todo: sun light index always 0
-            // prepare light and camera direction
-            Matrix.rotationQuaternion(light.entity.transform.worldRotationQuaternion, lightWorld);
-            lightSide.set(lightWorldE[0], lightWorldE[1], lightWorldE[2]);
-            lightUp.set(lightWorldE[4], lightWorldE[5], lightWorldE[6]);
-            lightForward.set(-lightWorldE[8], -lightWorldE[9], -lightWorldE[10]);
-            var cameraForward = CascadedShadowCasterPass._tempVector;
-            cameraForward.copyFrom(camera.entity.transform.worldForward);
-            var shadowTileResolution = this._shadowTileResolution;
-            for(var j = 0; j < shadowCascades; j++){
-                ShadowUtils.getBoundSphereByFrustum(splitDistance[j], splitDistance[j + 1], camera, cameraForward, shadowSliceData);
-                ShadowUtils.getDirectionLightShadowCullPlanes(camera._frustum, splitDistance[j], camera.nearClipPlane, lightForward, shadowSliceData);
-                ShadowUtils.getDirectionalLightMatrices(lightUp, lightSide, lightForward, j, light.shadowNearPlane, shadowTileResolution, shadowSliceData, shadowMatrices);
-                if (shadowCascades > 1) {
-                    ShadowUtils.applySliceTransform(shadowTileResolution, width, height, j, this._viewportOffsets[j], shadowMatrices);
-                }
-                this._updateSingleShadowCasterShaderData(light, shadowSliceData, context);
-                // upload pre-cascade infos.
-                var center = boundSphere.center;
-                var radius = boundSphere.radius;
-                var offset = j * 4;
-                splitBoundSpheres[offset] = center.x;
-                splitBoundSpheres[offset + 1] = center.y;
-                splitBoundSpheres[offset + 2] = center.z;
-                splitBoundSpheres[offset + 3] = radius * radius;
-                opaqueQueue.clear();
-                alphaTestQueue.clear();
-                transparentQueue.clear();
-                var renderers = componentsManager._renderers;
-                var elements = renderers._elements;
-                for(var k = renderers.length - 1; k >= 0; --k){
-                    ShadowUtils.shadowCullFrustum(context, light, elements[k], shadowSliceData);
-                }
-                if (opaqueQueue.elements.length || alphaTestQueue.elements.length) {
-                    opaqueQueue.sort(RenderQueue._compareFromNearToFar);
-                    alphaTestQueue.sort(RenderQueue._compareFromNearToFar);
-                    var _viewports_j = viewports[j], x = _viewports_j.x, y = _viewports_j.y;
-                    rhi.setGlobalDepthBias(1.0, 1.0);
-                    rhi.viewport(x, y, shadowTileResolution, shadowTileResolution);
-                    // for no cascade is for the edge,for cascade is for the beyond maxCascade pixel can use (0,0,0) trick sample the shadowMap
-                    rhi.scissor(x + 1, y + 1, shadowTileResolution - 2, shadowTileResolution - 2);
-                    engine._renderCount++;
-                    opaqueQueue.render(camera, Layer.Everything, PipelineStage.ShadowCaster);
-                    alphaTestQueue.render(camera, Layer.Everything, PipelineStage.ShadowCaster);
-                    rhi.setGlobalDepthBias(0, 0);
-                }
-            }
-            this._existShadowMap = true;
-        }
-    };
-    _proto._updateReceiversShaderData = function _updateReceiversShaderData() {
-        var scene = this._camera.scene;
+        // Prepare render target
+        var _this__shadowMapSize = this._shadowMapSize, width = _this__shadowMapSize.z, height = _this__shadowMapSize.w;
+        var format = this._shadowMapFormat;
+        var renderTarget;
+        var shadowTexture;
+        if (this._supportDepthTexture) {
+            renderTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._renderTarget, width, height, null, format, false);
+            shadowTexture = renderTarget.depthTexture;
+        } else {
+            renderTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._renderTarget, width, height, format, null, false);
+            shadowTexture = renderTarget.getColorTexture(0);
+        }
+        shadowTexture.wrapModeU = shadowTexture.wrapModeV = TextureWrapMode.Clamp;
+        if (engine._hardwareRenderer._isWebGL2) {
+            shadowTexture.depthCompareFunction = TextureDepthCompareFunction.Less;
+        }
+        this._renderTarget = renderTarget;
+        this._depthTexture = shadowTexture;
+        // @todo: shouldn't set viewport and scissor in activeRenderTarget
+        rhi.activeRenderTarget(renderTarget, CascadedShadowCasterPass._viewport, 0);
+        if (this._supportDepthTexture) {
+            rhi.clearRenderTarget(engine, CameraClearFlags.Depth, null);
+        } else {
+            rhi.clearRenderTarget(engine, CameraClearFlags.All, CascadedShadowCasterPass._clearColor);
+        }
+        // prepare light and camera direction
+        Matrix.rotationQuaternion(light.entity.transform.worldRotationQuaternion, lightWorld);
+        lightSide.set(lightWorldE[0], lightWorldE[1], lightWorldE[2]);
+        lightUp.set(lightWorldE[4], lightWorldE[5], lightWorldE[6]);
+        lightForward.set(-lightWorldE[8], -lightWorldE[9], -lightWorldE[10]);
+        var cameraForward = CascadedShadowCasterPass._tempVector;
+        cameraForward.copyFrom(camera.entity.transform.worldForward);
+        var shadowTileResolution = this._shadowTileResolution;
+        for(var j = 0; j < shadowCascades; j++){
+            ShadowUtils.getBoundSphereByFrustum(splitDistance[j], splitDistance[j + 1], camera, cameraForward, shadowSliceData);
+            ShadowUtils.getDirectionLightShadowCullPlanes(camera._frustum, splitDistance[j], camera.nearClipPlane, lightForward, shadowSliceData);
+            ShadowUtils.getDirectionalLightMatrices(lightUp, lightSide, lightForward, j, light.shadowNearPlane, shadowTileResolution, shadowSliceData, shadowMatrices);
+            if (shadowCascades > 1) {
+                ShadowUtils.applySliceTransform(shadowTileResolution, width, height, j, this._viewportOffsets[j], shadowMatrices);
+            }
+            this._updateSingleShadowCasterShaderData(light, shadowSliceData, context);
+            // upload pre-cascade infos.
+            var center = boundSphere.center;
+            var radius = boundSphere.radius;
+            var offset = j * 4;
+            splitBoundSpheres[offset] = center.x;
+            splitBoundSpheres[offset + 1] = center.y;
+            splitBoundSpheres[offset + 2] = center.z;
+            splitBoundSpheres[offset + 3] = radius * radius;
+            opaqueQueue.clear();
+            alphaTestQueue.clear();
+            transparentQueue.clear();
+            var renderers = componentsManager._renderers;
+            var elements = renderers._elements;
+            for(var k = renderers.length - 1; k >= 0; --k){
+                ShadowUtils.shadowCullFrustum(context, light, elements[k], shadowSliceData);
+            }
+            if (opaqueQueue.elements.length || alphaTestQueue.elements.length) {
+                opaqueQueue.sort(RenderQueue._compareFromNearToFar);
+                alphaTestQueue.sort(RenderQueue._compareFromNearToFar);
+                var _viewports_j = viewports[j], x = _viewports_j.x, y = _viewports_j.y;
+                rhi.setGlobalDepthBias(1.0, 1.0);
+                rhi.viewport(x, y, shadowTileResolution, shadowTileResolution);
+                // for no cascade is for the edge,for cascade is for the beyond maxCascade pixel can use (0,0,0) trick sample the shadowMap
+                rhi.scissor(x + 1, y + 1, shadowTileResolution - 2, shadowTileResolution - 2);
+                engine._renderCount++;
+                opaqueQueue.render(camera, Layer.Everything, PipelineStage.ShadowCaster);
+                alphaTestQueue.render(camera, Layer.Everything, PipelineStage.ShadowCaster);
+                rhi.setGlobalDepthBias(0, 0);
+            }
+        }
+    };
+    _proto._updateReceiversShaderData = function _updateReceiversShaderData(light) {
+        var camera = this._camera;
+        var scene = camera.scene;
         var splitBoundSpheres = this._splitBoundSpheres;
         var shadowMatrices = this._shadowMatrices;
         var shadowCascades = scene.shadowCascades;
+        var shadowFar = Math.min(scene.shadowDistance, camera.farClipPlane);
+        ShadowUtils.getScaleAndBiasForLinearDistanceFade(Math.pow(shadowFar, 2), scene.shadowFadeBorder, this._shadowInfos);
+        this._shadowInfos.x = light.shadowStrength;
         // set zero matrix to project the index out of max cascade
         if (shadowCascades > 1) {
             for(var i = shadowCascades * 4, n = splitBoundSpheres.length; i < n; i++){
@@ -22596,7 +22723,7 @@ var /**
         }
         var shaderData = scene.shaderData;
         shaderData.setFloatArray(CascadedShadowCasterPass._shadowMatricesProperty, this._shadowMatrices);
-        shaderData.setVector3(CascadedShadowCasterPass._shadowInfosProperty, this._shadowInfos);
+        shaderData.setVector4(CascadedShadowCasterPass._shadowInfosProperty, this._shadowInfos);
         shaderData.setTexture(CascadedShadowCasterPass._shadowMapsProperty, this._depthTexture);
         shaderData.setFloatArray(CascadedShadowCasterPass._shadowSplitSpheresProperty, this._splitBoundSpheres);
         shaderData.setVector4(CascadedShadowCasterPass._shadowMapSize, this._shadowMapSize);
@@ -22607,7 +22734,7 @@ var /**
         var _this__camera = this._camera, nearClipPlane = _this__camera.nearClipPlane, aspectRatio = _this__camera.aspectRatio, fieldOfView = _this__camera.fieldOfView;
         cascadesSplitDistance[0] = nearClipPlane;
         var range = shadowFar - nearClipPlane;
-        var tFov = Math.tan(MathUtil$1.degreeToRadian(fieldOfView) * 0.5);
+        var tFov = Math.tan(MathUtil.degreeToRadian(fieldOfView) * 0.5);
         var denominator = 1.0 + tFov * tFov * (aspectRatio * aspectRatio + 1.0);
         switch(shadowCascades){
             case ShadowCascadesMode.NoCascades:
@@ -22632,10 +22759,13 @@ var /**
         return Math.sqrt(radius * radius / denominator);
     };
     _proto._updateShadowSettings = function _updateShadowSettings() {
-        var scene = this._camera.scene;
+        var camera = this._camera;
+        var scene = camera.scene;
         var shadowFormat = ShadowUtils.shadowDepthFormat(scene.shadowResolution, this._supportDepthTexture);
         var shadowResolution = ShadowUtils.shadowResolution(scene.shadowResolution);
         var shadowCascades = scene.shadowCascades;
+        var shadowFar = Math.min(scene.shadowDistance, camera.farClipPlane);
+        this._getCascadesSplitDistance(shadowFar);
         if (shadowFormat !== this._shadowMapFormat || shadowResolution !== this._shadowMapResolution || shadowCascades !== this._shadowCascadeMode) {
             this._shadowMapFormat = shadowFormat;
             this._shadowMapResolution = shadowResolution;
@@ -22710,7 +22840,7 @@ var /**
     CascadedShadowCasterPass._viewport = new Vector4(0, 0, 1, 1);
 })();
 (function() {
-    CascadedShadowCasterPass._clearColor = new Color$1(1, 1, 1, 1);
+    CascadedShadowCasterPass._clearColor = new Color(1, 1, 1, 1);
 })();
 (function() {
     CascadedShadowCasterPass._tempVector = new Vector3();
@@ -23083,14 +23213,14 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
         /** @internal */ _this._cameraIndex = -1;
         _this._priority = 0;
         _this._shaderData = new ShaderData(ShaderDataGroup.Camera);
-        _this._isProjMatSetting = false;
+        _this._isCustomViewMatrix = false;
+        _this._isCustomProjectionMatrix = false;
         _this._nearClipPlane = 0.1;
         _this._farClipPlane = 100;
         _this._fieldOfView = 45;
         _this._orthographicSize = 10;
         _this._isProjectionDirty = true;
         _this._isInvProjMatDirty = true;
-        _this._isFrustumProjectDirty = true;
         _this._customAspectRatio = undefined;
         _this._renderTarget = null;
         _this._depthBufferParams = new Vector4();
@@ -23102,7 +23232,7 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
         _this._transform = transform;
         _this._isViewMatrixDirty = transform.registerWorldChangeFlag();
         _this._isInvViewProjDirty = transform.registerWorldChangeFlag();
-        _this._frustumViewChangeFlag = transform.registerWorldChangeFlag();
+        _this._frustumChangeFlag = transform.registerWorldChangeFlag();
         _this._renderPipeline = new BasicRenderPipeline(_assert_this_initialized(_this));
         _this._addResourceReferCount(_this.shaderData, 1);
         _this._updatePixelViewport();
@@ -23114,16 +23244,22 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
     }
     var _proto = Camera1.prototype;
     /**
+   * Restore the view matrix to the world matrix of the entity.
+   */ _proto.resetViewMatrix = function resetViewMatrix() {
+        this._isCustomViewMatrix = false;
+        this._viewMatrixChange();
+    };
+    /**
    * Restore the automatic calculation of projection matrix through fieldOfView, nearClipPlane and farClipPlane.
    */ _proto.resetProjectionMatrix = function resetProjectionMatrix() {
-        this._isProjMatSetting = false;
-        this._projMatChange();
+        this._isCustomProjectionMatrix = false;
+        this._projectionMatrixChange();
     };
     /**
    * Restore the automatic calculation of the aspect ratio through the viewport aspect ratio.
    */ _proto.resetAspectRatio = function resetAspectRatio() {
         this._customAspectRatio = undefined;
-        this._projMatChange();
+        this._projectionMatrixChange();
     };
     /**
    * Transform a point from world space to viewport space.
@@ -23170,7 +23306,7 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
         // Use the intersection of the near clipping plane as the origin point.
         var origin = this._innerViewportToWorldPoint(point.x, point.y, 0.0, invViewProjMat, out.origin);
         // Use the intersection of the far clipping plane as the origin point.
-        var direction = this._innerViewportToWorldPoint(point.x, point.y, 1 - MathUtil$1.zeroTolerance, invViewProjMat, out.direction);
+        var direction = this._innerViewportToWorldPoint(point.x, point.y, 1 - MathUtil.zeroTolerance, invViewProjMat, out.direction);
         Vector3.subtract(direction, origin, direction);
         direction.normalize();
         return out;
@@ -23253,10 +23389,9 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
         context.replacementShader = this._replacementShader;
         context.replacementTag = this._replacementSubShaderTag;
         // compute cull frustum.
-        if (this.enableFrustumCulling && (this._frustumViewChangeFlag.flag || this._isFrustumProjectDirty)) {
+        if (this.enableFrustumCulling && this._frustumChangeFlag.flag) {
             this._frustum.calculateFromMatrix(virtualCamera.viewProjectionMatrix);
-            this._frustumViewChangeFlag.flag = false;
-            this._isFrustumProjectDirty = false;
+            this._frustumChangeFlag.flag = false;
         }
         this._updateShaderData();
         // union scene and camera macro.
@@ -23305,13 +23440,16 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
         //@ts-ignore
         this._viewport._onValueChanged = null;
         this.engine.canvas._sizeUpdateFlagManager.removeListener(this._onPixelViewportChanged);
+        //@ts-ignore
+        this._viewport._onValueChanged = null;
+        this.engine.canvas._sizeUpdateFlagManager.removeListener(this._onPixelViewportChanged);
         this._entity = null;
         this._globalShaderMacro = null;
         this._frustum = null;
         this._renderPipeline = null;
         this._virtualCamera = null;
         this._shaderData = null;
-        this._frustumViewChangeFlag = null;
+        this._frustumChangeFlag = null;
         this._transform = null;
         this._isViewMatrixDirty = null;
         this._isInvViewProjDirty = null;
@@ -23333,11 +23471,16 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
         var viewport = this._viewport;
         this._pixelViewport.set(viewport.x * width, viewport.y * height, viewport.z * width, viewport.w * height);
     };
-    _proto._projMatChange = function _projMatChange() {
-        this._isFrustumProjectDirty = true;
+    _proto._viewMatrixChange = function _viewMatrixChange() {
+        this._isViewMatrixDirty.flag = true;
+        this._isInvViewProjDirty.flag = true;
+        this._frustumChangeFlag.flag = true;
+    };
+    _proto._projectionMatrixChange = function _projectionMatrixChange() {
         this._isProjectionDirty = true;
         this._isInvProjMatDirty = true;
         this._isInvViewProjDirty.flag = true;
+        this._frustumChangeFlag.flag = true;
     };
     _proto._innerViewportToWorldPoint = function _innerViewportToWorldPoint(x, y, z, invViewProjMat, out) {
         // Depth is a normalized value, 0 is nearPlane, 1 is farClipPlane.
@@ -23380,7 +23523,7 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
     _proto._onPixelViewportChanged = function _onPixelViewportChanged() {
         this._updatePixelViewport();
         var _this__customAspectRatio;
-        (_this__customAspectRatio = this._customAspectRatio) != null ? _this__customAspectRatio : this._projMatChange();
+        (_this__customAspectRatio = this._customAspectRatio) != null ? _this__customAspectRatio : this._projectionMatrixChange();
     };
     _create_class(Camera1, [
         {
@@ -23400,7 +23543,7 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
             },
             set: function set(value) {
                 this._nearClipPlane = value;
-                this._projMatChange();
+                this._projectionMatrixChange();
             }
         },
         {
@@ -23412,7 +23555,7 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
             },
             set: function set(value) {
                 this._farClipPlane = value;
-                this._projMatChange();
+                this._projectionMatrixChange();
             }
         },
         {
@@ -23424,7 +23567,7 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
             },
             set: function set(value) {
                 this._fieldOfView = value;
-                this._projMatChange();
+                this._projectionMatrixChange();
             }
         },
         {
@@ -23439,7 +23582,7 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
             },
             set: function set(value) {
                 this._customAspectRatio = value;
-                this._projMatChange();
+                this._projectionMatrixChange();
             }
         },
         {
@@ -23491,7 +23634,12 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
             },
             set: function set(value) {
                 this._virtualCamera.isOrthographic = value;
-                this._projMatChange();
+                this._projectionMatrixChange();
+                if (value) {
+                    this.shaderData.enableMacro("CAMERA_ORTHOGRAPHIC");
+                } else {
+                    this.shaderData.disableMacro("CAMERA_ORTHOGRAPHIC");
+                }
             }
         },
         {
@@ -23503,7 +23651,7 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
             },
             set: function set(value) {
                 this._orthographicSize = value;
-                this._projMatChange();
+                this._projectionMatrixChange();
             }
         },
         {
@@ -23512,28 +23660,37 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
    * View matrix.
    */ function get() {
                 var viewMatrix = this._virtualCamera.viewMatrix;
-                if (this._isViewMatrixDirty.flag) {
-                    this._isViewMatrixDirty.flag = false;
-                    // Ignore scale.
-                    var transform = this._transform;
-                    Matrix.rotationTranslation(transform.worldRotationQuaternion, transform.worldPosition, viewMatrix);
-                    viewMatrix.invert();
-                }
+                if (!this._isViewMatrixDirty.flag || this._isCustomViewMatrix) {
+                    return viewMatrix;
+                }
+                this._isViewMatrixDirty.flag = false;
+                // Ignore scale
+                var transform = this._transform;
+                Matrix.rotationTranslation(transform.worldRotationQuaternion, transform.worldPosition, viewMatrix);
+                viewMatrix.invert();
                 return viewMatrix;
+            },
+            set: function set(value) {
+                this._virtualCamera.viewMatrix.copyFrom(value);
+                this._isCustomViewMatrix = true;
+                this._viewMatrixChange();
             }
         },
         {
             key: "projectionMatrix",
-            get: function get() {
+            get: /**
+   * The projection matrix is ​​calculated by the relevant parameters of the camera by default.
+   * If it is manually set, the manual value will be maintained. Call resetProjectionMatrix() to restore it.
+   */ function get() {
                 var virtualCamera = this._virtualCamera;
                 var projectionMatrix = virtualCamera.projectionMatrix;
-                if (!this._isProjectionDirty || this._isProjMatSetting) {
+                if (!this._isProjectionDirty || this._isCustomProjectionMatrix) {
                     return projectionMatrix;
                 }
                 this._isProjectionDirty = false;
                 var aspectRatio = this.aspectRatio;
                 if (!virtualCamera.isOrthographic) {
-                    Matrix.perspective(MathUtil$1.degreeToRadian(this._fieldOfView), aspectRatio, this._nearClipPlane, this._farClipPlane, projectionMatrix);
+                    Matrix.perspective(MathUtil.degreeToRadian(this._fieldOfView), aspectRatio, this._nearClipPlane, this._farClipPlane, projectionMatrix);
                 } else {
                     var width = this._orthographicSize * aspectRatio;
                     var height = this._orthographicSize;
@@ -23541,13 +23698,10 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
                 }
                 return projectionMatrix;
             },
-            set: /**
-   * The projection matrix is ​​calculated by the relevant parameters of the camera by default.
-   * If it is manually set, the manual value will be maintained. Call resetProjectionMatrix() to restore it.
-   */ function set(value) {
+            set: function set(value) {
                 this._virtualCamera.projectionMatrix.copyFrom(value);
-                this._isProjMatSetting = true;
-                this._projMatChange();
+                this._isCustomProjectionMatrix = true;
+                this._projectionMatrixChange();
             }
         },
         {
@@ -23608,7 +23762,7 @@ __decorate([
 ], Camera.prototype, "_cameraIndex", void 0);
 __decorate([
     ignoreClone
-], Camera.prototype, "_frustumViewChangeFlag", void 0);
+], Camera.prototype, "_frustumChangeFlag", void 0);
 __decorate([
     ignoreClone
 ], Camera.prototype, "_transform", void 0);
@@ -23795,6 +23949,7 @@ var MultiExecutor = /*#__PURE__*/ function() {
    * @param obj - class object
    */ Loader.registerClass = function registerClass(className, classDefine) {
         this._engineObjects[className] = classDefine;
+        this._classNameMap.set(classDefine, className);
     };
     /**
    * Get the class object by class name.
@@ -23803,11 +23958,21 @@ var MultiExecutor = /*#__PURE__*/ function() {
    */ Loader.getClass = function getClass(className) {
         return this._engineObjects[className];
     };
+    /**
+   * Get the class name by class object.
+   * @param obj - class object
+   * @returns class name
+   */ Loader.getClassName = function getClassName(obj) {
+        return this._classNameMap.get(obj);
+    };
     return Loader;
 }();
 (function() {
     Loader._engineObjects = {};
 })();
+(function() {
+    Loader._classNameMap = new Map();
+})();
 
 /**
  * Alpha blend mode.
@@ -24084,9 +24249,9 @@ var BaseMaterial = /*#__PURE__*/ function(Material1) {
         var shaderData = _this.shaderData;
         shaderData.enableMacro("MATERIAL_NEED_WORLD_POS");
         shaderData.enableMacro("MATERIAL_NEED_TILING_OFFSET");
-        shaderData.setColor(BlinnPhongMaterial._baseColorProp, new Color$1(1, 1, 1, 1));
-        shaderData.setColor(BlinnPhongMaterial._specularColorProp, new Color$1(1, 1, 1, 1));
-        shaderData.setColor(BlinnPhongMaterial._emissiveColorProp, new Color$1(0, 0, 0, 1));
+        shaderData.setColor(BlinnPhongMaterial._baseColorProp, new Color(1, 1, 1, 1));
+        shaderData.setColor(BlinnPhongMaterial._specularColorProp, new Color(1, 1, 1, 1));
+        shaderData.setColor(BlinnPhongMaterial._emissiveColorProp, new Color(0, 0, 0, 1));
         shaderData.setVector4(BlinnPhongMaterial._tilingOffsetProp, new Vector4(1, 1, 0, 0));
         shaderData.setFloat(BlinnPhongMaterial._shininessProp, 16);
         shaderData.setFloat(BlinnPhongMaterial._normalIntensityProp, 1);
@@ -24278,8 +24443,8 @@ var BaseMaterial = /*#__PURE__*/ function(Material1) {
         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, 1));
-        shaderData.setColor(PBRBaseMaterial._emissiveColorProp, new Color$1(0, 0, 0, 1));
+        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);
@@ -24646,7 +24811,7 @@ var BaseMaterial = /*#__PURE__*/ function(Material1) {
                 if (this._anisotropyRotation !== value) {
                     this._anisotropyRotation = value;
                     var anisotropyInfo = this.shaderData.getVector3(PBRMaterial._anisotropyInfoProp);
-                    var rad = MathUtil$1.degreeToRadFactor * value;
+                    var rad = MathUtil.degreeToRadFactor * value;
                     anisotropyInfo.x = Math.cos(rad);
                     anisotropyInfo.y = Math.sin(rad);
                 }
@@ -24700,7 +24865,7 @@ var BaseMaterial = /*#__PURE__*/ function(Material1) {
     function PBRSpecularMaterial(engine) {
         var _this;
         _this = PBRBaseMaterial1.call(this, engine, Shader.find("pbr-specular")) || this;
-        _this.shaderData.setColor(PBRSpecularMaterial._specularColorProp, new Color$1(1, 1, 1, 1));
+        _this.shaderData.setColor(PBRSpecularMaterial._specularColorProp, new Color(1, 1, 1, 1));
         _this.shaderData.setFloat(PBRSpecularMaterial._glossinessProp, 1.0);
         return _this;
     }
@@ -24781,7 +24946,7 @@ var BaseMaterial = /*#__PURE__*/ function(Material1) {
         var shaderData = _this.shaderData;
         shaderData.enableMacro("MATERIAL_OMIT_NORMAL");
         shaderData.enableMacro("MATERIAL_NEED_TILING_OFFSET");
-        shaderData.setColor(UnlitMaterial._baseColorProp, new Color$1(1, 1, 1, 1));
+        shaderData.setColor(UnlitMaterial._baseColorProp, new Color(1, 1, 1, 1));
         shaderData.setVector4(UnlitMaterial._tilingOffsetProp, new Vector4(1, 1, 0, 0));
         return _this;
     }
@@ -25241,6 +25406,7 @@ AnimationCurveOwner.registerAssembler(SkinnedMeshRenderer, "blendShapeWeights",
         _this = EngineObject1.call(this, null) || this;
         _this.name = name;
         _this./** @internal */ _curveBindings = [];
+        _this./** @internal */ _updateFlagManager = new UpdateFlagManager();
         _this._length = 0;
         _this._events = [];
         return _this;
@@ -25268,11 +25434,13 @@ AnimationCurveOwner.registerAssembler(SkinnedMeshRenderer, "blendShapeWeights",
             while(--index >= 0 && eventTime < events[index].time);
             events.splice(index + 1, 0, newEvent);
         }
+        this._updateFlagManager.dispatch();
     };
     /**
    * Clears all events from the clip.
    */ _proto.clearEvents = function clearEvents() {
         this._events.length = 0;
+        this._updateFlagManager.dispatch();
     };
     _proto.addCurveBinding = function addCurveBinding(entityPath, componentType, propertyOrSetPropertyPathOrComponentIndex, curveOrSetPropertyPathOrGetPropertyPath, curveOrGetPropertyPath, curve) {
         var curveBinding = new AnimationClipCurveBinding();
@@ -25669,32 +25837,32 @@ var AnimationColorCurve = (_AnimationColorCurve = /*#__PURE__*/ function(Animati
     function AnimationColorCurve() {
         var _this;
         _this = AnimationCurve1.call(this) || this;
-        _this._evaluateData.value = new Color$1();
+        _this._evaluateData.value = new Color();
         return _this;
     }
     /**
    * @internal
    */ AnimationColorCurve._initializeOwner = function _initializeOwner(owner) {
-        owner.defaultValue = new Color$1();
-        owner.fixedPoseValue = new Color$1();
-        owner.baseEvaluateData.value = new Color$1();
-        owner.crossEvaluateData.value = new Color$1();
+        owner.defaultValue = new Color();
+        owner.fixedPoseValue = new Color();
+        owner.baseEvaluateData.value = new Color();
+        owner.crossEvaluateData.value = new Color();
     };
     /**
    * @internal
    */ AnimationColorCurve._initializeLayerOwner = function _initializeLayerOwner(owner) {
-        owner.finalValue = new Color$1();
+        owner.finalValue = new Color();
     };
     /**
    * @internal
    */ AnimationColorCurve._lerpValue = function _lerpValue(srcValue, destValue, weight, out) {
-        Color$1.lerp(srcValue, destValue, weight, out);
+        Color.lerp(srcValue, destValue, weight, out);
         return out;
     };
     /**
    * @internal
    */ AnimationColorCurve._subtractValue = function _subtractValue(src, base, out) {
-        Color$1.subtract(src, base, out);
+        Color.subtract(src, base, out);
         return out;
     };
     /**
@@ -25706,8 +25874,8 @@ var AnimationColorCurve = (_AnimationColorCurve = /*#__PURE__*/ function(Animati
     /**
    * @internal
    */ AnimationColorCurve._additiveValue = function _additiveValue(value, weight, out) {
-        Color$1.scale(value, weight, value);
-        Color$1.add(out, value, out);
+        Color.scale(value, weight, value);
+        Color.add(out, value, out);
         return out;
     };
     /**
@@ -26829,26 +26997,31 @@ var AnimatorLayerBlendingMode;
         }
     };
     _proto._saveAnimatorEventHandlers = function _saveAnimatorEventHandlers(state, animatorStateData) {
+        var _this = this;
         var eventHandlerPool = this._animationEventHandlerPool;
         var scripts = [];
-        this._entity.getComponents(Script, scripts);
-        var scriptCount = scripts.length;
         var eventHandlers = animatorStateData.eventHandlers;
-        var events = state.clip.events;
-        eventHandlers.length = 0;
-        for(var i = 0, n = events.length; i < n; i++){
-            var event = events[i];
-            var eventHandler = eventHandlerPool.getFromPool();
-            var funcName = event.functionName;
-            var handlers = eventHandler.handlers;
-            eventHandler.event = event;
-            handlers.length = 0;
-            for(var j = scriptCount - 1; j >= 0; j--){
-                var handler = scripts[j][funcName];
-                handler && handlers.push(handler);
+        var clipChangedListener = function() {
+            _this._entity.getComponents(Script, scripts);
+            var scriptCount = scripts.length;
+            var events = state.clip.events;
+            eventHandlers.length = 0;
+            for(var i = 0, n = events.length; i < n; i++){
+                var event = events[i];
+                var eventHandler = eventHandlerPool.getFromPool();
+                var funcName = event.functionName;
+                var handlers = eventHandler.handlers;
+                eventHandler.event = event;
+                handlers.length = 0;
+                for(var j = scriptCount - 1; j >= 0; j--){
+                    var handler = scripts[j][funcName];
+                    handler && handlers.push(handler);
+                }
+                eventHandlers.push(eventHandler);
             }
-            eventHandlers.push(eventHandler);
-        }
+        };
+        clipChangedListener();
+        state._updateFlagManager.addListener(clipChangedListener);
     };
     _proto._clearCrossData = function _clearCrossData(animatorLayerData) {
         animatorLayerData.crossCurveMark++;
@@ -27459,9 +27632,11 @@ __decorate([
         this./** @internal */ _onStateEnterScripts = [];
         this./** @internal */ _onStateUpdateScripts = [];
         this./** @internal */ _onStateExitScripts = [];
+        this./** @internal */ _updateFlagManager = new UpdateFlagManager();
         this._clipStartTime = 0;
         this._clipEndTime = 1;
         this._transitions = [];
+        this._onClipChanged = this._onClipChanged.bind(this);
     }
     var _proto = AnimatorState.prototype;
     /**
@@ -27535,6 +27710,11 @@ __decorate([
             index2 !== -1 && this._onStateExitScripts.splice(index2, 1);
         }
     };
+    /**
+   * @internal
+   */ _proto._onClipChanged = function _onClipChanged() {
+        this._updateFlagManager.dispatch();
+    };
     _create_class(AnimatorState, [
         {
             key: "transitions",
@@ -27552,8 +27732,17 @@ __decorate([
                 return this._clip;
             },
             set: function set(clip) {
+                var lastClip = this._clip;
+                if (lastClip === clip) {
+                    return;
+                }
+                if (lastClip) {
+                    lastClip._updateFlagManager.removeListener(this._onClipChanged);
+                }
                 this._clip = clip;
                 this._clipEndTime = Math.min(this._clipEndTime, 1);
+                this._onClipChanged();
+                clip && clip._updateFlagManager.addListener(this._onClipChanged);
             }
         },
         {
@@ -27764,7 +27953,7 @@ var AnimatorConditionMode;
         var _this;
         _this = Material1.call(this, engine, Shader.find("skybox")) || this;
         _this._textureDecodeRGBM = false;
-        _this._tintColor = new Color$1(1, 1, 1, 1);
+        _this._tintColor = new Color(1, 1, 1, 1);
         _this.renderState.rasterState.cullMode = CullMode.Off;
         _this.renderState.depthState.compareFunction = CompareFunction.LessEqual;
         _this.shaderData.setFloat(SkyBoxMaterial._rotationProp, 0);
@@ -27877,8 +28066,8 @@ var SunMode;
         _this.sunSize = 0.04;
         _this.sunSizeConvergence = 5;
         _this.atmosphereThickness = 1.0;
-        _this.skyTint = new Color$1(0.5, 0.5, 0.5, 1.0);
-        _this.groundTint = new Color$1(0.369, 0.349, 0.341, 1.0);
+        _this.skyTint = new Color(0.5, 0.5, 0.5, 1.0);
+        _this.groundTint = new Color(0.369, 0.349, 0.341, 1.0);
         _this.exposure = 1.3;
         _this.renderState.rasterState.cullMode = CullMode.Off;
         _this.renderState.depthState.compareFunction = CompareFunction.LessEqual;
@@ -28260,6 +28449,7 @@ __decorate([
     ParticleRandomSubSeeds[ParticleRandomSubSeeds["RotationOverLifetime"] = 0x40eb95e4] = "RotationOverLifetime";
     ParticleRandomSubSeeds[ParticleRandomSubSeeds["TextureSheetAnimation"] = 0xbc524e5] = "TextureSheetAnimation";
     ParticleRandomSubSeeds[ParticleRandomSubSeeds["Shape"] = 0xaf502044] = "Shape";
+    ParticleRandomSubSeeds[ParticleRandomSubSeeds["GravityModifier"] = 0xa47b8c4d] = "GravityModifier";
 })(ParticleRandomSubSeeds || (ParticleRandomSubSeeds = {}));
 
 /**
@@ -28358,9 +28548,9 @@ __decorate([
                 typeArray[offset] = key.time;
                 var color = key.color;
                 if (colorSpace === ColorSpace.Linear) {
-                    typeArray[offset + 1] = Color$1.gammaToLinearSpace(color.r);
-                    typeArray[offset + 2] = Color$1.gammaToLinearSpace(color.g);
-                    typeArray[offset + 3] = Color$1.gammaToLinearSpace(color.b);
+                    typeArray[offset + 1] = Color.gammaToLinearSpace(color.r);
+                    typeArray[offset + 2] = Color.gammaToLinearSpace(color.g);
+                    typeArray[offset + 3] = Color.gammaToLinearSpace(color.b);
                 } else {
                     typeArray[offset + 1] = color.r;
                     typeArray[offset + 2] = color.g;
@@ -28445,7 +28635,7 @@ __decorate([
  */ var GradientColorKey = /*#__PURE__*/ function() {
     function GradientColorKey(time, color) {
         /** @internal */ this._onValueChanged = null;
-        this._color = new Color$1();
+        this._color = new Color();
         this._time = time;
         color && this._color.copyFrom(color);
         // @ts-ignore
@@ -28522,11 +28712,11 @@ __decorate([
  */ var ParticleCompositeGradient = /*#__PURE__*/ function() {
     function ParticleCompositeGradient(constantOrGradient, constantMaxOrGradientMax) {
         /** The gradient mode. */ this.mode = ParticleGradientMode.Constant;
-        /* The min constant color used by the gradient if mode is set to `TwoConstants`. */ this.constantMin = new Color$1();
-        /* The max constant color used by the gradient if mode is set to `TwoConstants`. */ this.constantMax = new Color$1();
+        /* The min constant color used by the gradient if mode is set to `TwoConstants`. */ this.constantMin = new Color();
+        /* The max constant color used by the gradient if mode is set to `TwoConstants`. */ this.constantMax = new Color();
         /** The min gradient used by the gradient if mode is set to `Gradient`. */ this.gradientMin = new ParticleGradient();
         /** The max gradient used by the gradient if mode is set to `Gradient`. */ this.gradientMax = new ParticleGradient();
-        if (constantOrGradient.constructor === Color$1) {
+        if (constantOrGradient.constructor === Color) {
             if (constantMaxOrGradientMax) {
                 this.constantMin.copyFrom(constantOrGradient);
                 this.constantMax.copyFrom(constantMaxOrGradientMax);
@@ -28558,7 +28748,7 @@ __decorate([
                 out.copyFrom(this.constant);
                 break;
             case ParticleGradientMode.TwoConstants:
-                Color$1.lerp(this.constantMin, this.constantMax, lerpFactor, out);
+                Color.lerp(this.constantMin, this.constantMax, lerpFactor, out);
                 break;
         }
     };
@@ -28630,8 +28820,8 @@ __decorate([
         var _this;
         _this = ParticleGeneratorModule1.apply(this, arguments) || this;
         /** Color gradient over lifetime. */ _this.color = new ParticleCompositeGradient(new ParticleGradient([
-            new GradientColorKey(0.0, new Color$1(1, 1, 1)),
-            new GradientColorKey(1.0, new Color$1(1, 1, 1))
+            new GradientColorKey(0.0, new Color(1, 1, 1)),
+            new GradientColorKey(1.0, new Color(1, 1, 1))
         ], [
             new GradientAlphaKey(0, 1),
             new GradientAlphaKey(1, 1)
@@ -28961,7 +29151,7 @@ var MainModule = /*#__PURE__*/ function() {
         /** The initial rotation of particles around the y-axis when emitted. */ this.startRotationY = new ParticleCompositeCurve(0);
         /** The initial rotation of particles around the z-axis when emitted. */ this.startRotationZ = new ParticleCompositeCurve(0);
         /** Makes some particles spin in the opposite direction. */ this.flipRotation = 0;
-        /** The mode of start color */ this.startColor = new ParticleCompositeGradient(new Color$1(1, 1, 1, 1));
+        /** The mode of start color */ this.startColor = new ParticleCompositeGradient(new Color(1, 1, 1, 1));
         /** A scale that this Particle Generator applies to gravity, defined by Physics.gravity. */ this.gravityModifier = new ParticleCompositeCurve(0);
         /** This selects the space in which to simulate particles. It can be either world or local space. */ this.simulationSpace = ParticleSimulationSpace.Local;
         /** Override the default playback speed of the Particle Generator. */ this.simulationSpeed = 1.0;
@@ -28973,6 +29163,7 @@ var MainModule = /*#__PURE__*/ function() {
         /** @internal */ this._startColorRand = new Rand(0, ParticleRandomSubSeeds.StartColor);
         /** @internal */ this._startSizeRand = new Rand(0, ParticleRandomSubSeeds.StartSize);
         /** @internal */ this._startRotationRand = new Rand(0, ParticleRandomSubSeeds.StartRotation);
+        this._gravityModifierRand = new Rand(0, ParticleRandomSubSeeds.GravityModifier);
         this._gravity = new Vector3();
         this._generator = generator;
     }
@@ -29033,7 +29224,7 @@ var MainModule = /*#__PURE__*/ function() {
                 break;
         }
         var particleGravity = this._gravity;
-        var gravityModifierValue = this.gravityModifier.evaluate(undefined, undefined);
+        var gravityModifierValue = this.gravityModifier.evaluate(undefined, this._gravityModifierRand.random());
         Vector3.scale(renderer.scene.physics.gravity, gravityModifierValue, particleGravity);
         shaderData.setVector3(MainModule._gravity, particleGravity);
         shaderData.setInt(MainModule._simulationSpace, this.simulationSpace);
@@ -29152,6 +29343,9 @@ __decorate([
 __decorate([
     ignoreClone
 ], MainModule.prototype, "_startRotationRand", void 0);
+__decorate([
+    ignoreClone
+], MainModule.prototype, "_gravityModifierRand", void 0);
 __decorate([
     ignoreClone
 ], MainModule.prototype, "_generator", void 0);
@@ -29206,11 +29400,11 @@ __decorate([
                 isCurveMacro = RotationOverLifetimeModule._curveModeMacro;
             } else {
                 var constantMax = this._rotationMaxConstant;
-                constantMax.set(MathUtil$1.degreeToRadian(rotationX.constantMax), MathUtil$1.degreeToRadian(rotationY.constantMax), MathUtil$1.degreeToRadian(rotationZ.constantMax));
+                constantMax.set(MathUtil.degreeToRadian(rotationX.constantMax), MathUtil.degreeToRadian(rotationY.constantMax), MathUtil.degreeToRadian(rotationZ.constantMax));
                 shaderData.setVector3(RotationOverLifetimeModule._maxConstantProperty, constantMax);
                 if (separateAxes ? rotationX.mode === ParticleCurveMode.TwoConstants && rotationY.mode === ParticleCurveMode.TwoConstants && rotationZ.mode === ParticleCurveMode.TwoConstants : rotationZ.mode === ParticleCurveMode.TwoConstants) {
                     var constantMin = this._rotationMinConstant;
-                    constantMin.set(MathUtil$1.degreeToRadian(rotationX.constantMin), MathUtil$1.degreeToRadian(rotationY.constantMin), MathUtil$1.degreeToRadian(rotationZ.constantMin));
+                    constantMin.set(MathUtil.degreeToRadian(rotationX.constantMin), MathUtil.degreeToRadian(rotationY.constantMin), MathUtil.degreeToRadian(rotationZ.constantMin));
                     shaderData.setVector3(RotationOverLifetimeModule._minConstantProperty, constantMin);
                     isRandomTwoMacro = RotationOverLifetimeModule._isRandomTwoMacro;
                 }
@@ -29822,7 +30016,8 @@ __decorate([
             var transform = this._renderer.entity.transform;
             var shape = this.emission.shape;
             for(var i = 0; i < count; i++){
-                if (shape) {
+                var _shape;
+                if ((_shape = shape) == null ? void 0 : _shape.enabled) {
                     shape._generatePositionAndDirection(this.emission._shapeRand, time, position, direction);
                     var positionScale = this.main._getPositionScale();
                     position.multiply(positionScale);
@@ -30094,11 +30289,11 @@ __decorate([
         // Start rotation
         var startRotationRand = main._startRotationRand;
         if (main.startRotation3D) {
-            instanceVertices[offset + 15] = MathUtil$1.degreeToRadian(main.startRotationX.evaluate(undefined, startRotationRand.random()));
-            instanceVertices[offset + 16] = MathUtil$1.degreeToRadian(main.startRotationY.evaluate(undefined, startRotationRand.random()));
-            instanceVertices[offset + 17] = MathUtil$1.degreeToRadian(main.startRotationZ.evaluate(undefined, startRotationRand.random()));
+            instanceVertices[offset + 15] = MathUtil.degreeToRadian(main.startRotationX.evaluate(undefined, startRotationRand.random()));
+            instanceVertices[offset + 16] = MathUtil.degreeToRadian(main.startRotationY.evaluate(undefined, startRotationRand.random()));
+            instanceVertices[offset + 17] = MathUtil.degreeToRadian(main.startRotationZ.evaluate(undefined, startRotationRand.random()));
         } else {
-            instanceVertices[offset + 15] = MathUtil$1.degreeToRadian(main.startRotationZ.evaluate(undefined, startRotationRand.random()));
+            instanceVertices[offset + 15] = MathUtil.degreeToRadian(main.startRotationZ.evaluate(undefined, startRotationRand.random()));
         }
         // Start speed
         instanceVertices[offset + 18] = startSpeed;
@@ -30261,7 +30456,7 @@ __decorate([
     /** @internal */ ParticleGenerator._tempVector31 = new Vector3();
 })();
 (function() {
-    /** @internal */ ParticleGenerator._tempColor0 = new Color$1();
+    /** @internal */ ParticleGenerator._tempColor0 = new Color();
 })();
 (function() {
     /** @internal */ ParticleGenerator._tempParticleRenderers = new Array();
@@ -30341,7 +30536,7 @@ __decorate([
         var _this;
         _this = BaseMaterial1.call(this, engine, Shader.find("particle-shader")) || this;
         var shaderData = _this.shaderData;
-        shaderData.setColor(BaseMaterial._baseColorProp, new Color$1(1, 1, 1, 1));
+        shaderData.setColor(BaseMaterial._baseColorProp, new Color(1, 1, 1, 1));
         _this.isTransparent = true;
         return _this;
     }
@@ -30402,7 +30597,7 @@ __decorate([
  * Base class for all particle shapes.
  */ var BaseShape = /*#__PURE__*/ function() {
     function BaseShape() {
-        /** Specifies whether the ShapeModule is enabled or disabled. */ this.enable = true;
+        /** Specifies whether the ShapeModule is enabled or disabled. */ this.enabled = true;
         /** Randomizes the starting direction of particles. */ this.randomDirectionAmount = 0;
     }
     var _proto = BaseShape.prototype;
@@ -30481,9 +30676,9 @@ __decorate([
     _inherits(BoxShape, BaseShape1);
     function BoxShape() {
         var _this;
-        _this = BaseShape1.call(this) || this;
-        /** The size of the box. */ _this.size = new Vector3(1, 1, 1);
+        _this = BaseShape1.apply(this, arguments) || this;
         _this.shapeType = ParticleShapeType.Box;
+        /** The size of the box. */ _this.size = new Vector3(1, 1, 1);
         return _this;
     }
     var _proto = BoxShape.prototype;
@@ -30520,12 +30715,12 @@ __decorate([
     _inherits(CircleShape, BaseShape1);
     function CircleShape() {
         var _this;
-        _this = BaseShape1.call(this) || this;
+        _this = BaseShape1.apply(this, arguments) || this;
+        _this.shapeType = ParticleShapeType.Circle;
         /** Radius of the shape to emit particles from. */ _this.radius = 1.0;
         /** Angle of the circle arc to emit particles from. */ _this.arc = 360.0;
         /** The mode to generate particles around the arc. */ _this.arcMode = ParticleShapeArcMode.Random;
         /** The speed of complete 360 degree rotation. */ _this.arcSpeed = 1.0;
-        _this.shapeType = ParticleShapeType.Circle;
         return _this;
     }
     var _proto = CircleShape.prototype;
@@ -30536,12 +30731,12 @@ __decorate([
         switch(this.arcMode){
             case ParticleShapeArcMode.Loop:
                 var normalizedEmitTime = emitTime * this.arcSpeed * (360 / this.arc) % 1;
-                var radian = MathUtil$1.degreeToRadian(this.arc * normalizedEmitTime);
+                var radian = MathUtil.degreeToRadian(this.arc * normalizedEmitTime);
                 positionPoint.set(Math.cos(radian), Math.sin(radian));
                 positionPoint.scale(rand.random());
                 break;
             case ParticleShapeArcMode.Random:
-                ShapeUtils.randomPointInsideUnitArcCircle(MathUtil$1.degreeToRadian(this.arc), positionPoint, rand);
+                ShapeUtils.randomPointInsideUnitArcCircle(MathUtil.degreeToRadian(this.arc), positionPoint, rand);
                 break;
         }
         position.set(positionPoint.x, positionPoint.y, 0);
@@ -30561,12 +30756,12 @@ __decorate([
     _inherits(ConeShape, BaseShape1);
     function ConeShape() {
         var _this;
-        _this = BaseShape1.call(this) || this;
+        _this = BaseShape1.apply(this, arguments) || this;
+        _this.shapeType = ParticleShapeType.Cone;
         /** Angle of the cone to emit particles from. */ _this.angle = 25.0;
         /** Radius of the shape to emit particles from. */ _this.radius = 1.0;
         /** Length of the cone to emit particles from. */ _this.length = 5.0;
         /** Cone emitter type. */ _this.emitType = /** Emit particles from the base of the cone. */ 0;
-        _this.shapeType = ParticleShapeType.Cone;
         return _this;
     }
     var _proto = ConeShape.prototype;
@@ -30574,7 +30769,7 @@ __decorate([
    * @internal
    */ _proto._generatePositionAndDirection = function _generatePositionAndDirection(rand, emitTime, position, direction) {
         var unitPosition = ConeShape._tempVector20;
-        var radian = MathUtil$1.degreeToRadian(this.angle);
+        var radian = MathUtil.degreeToRadian(this.angle);
         var dirSinA = Math.sin(radian);
         var dirCosA = Math.cos(radian);
         switch(this.emitType){
@@ -30626,9 +30821,9 @@ var ConeEmitType;
     _inherits(HemisphereShape, BaseShape1);
     function HemisphereShape() {
         var _this;
-        _this = BaseShape1.call(this) || this;
-        /** Radius of the shape to emit particles from. */ _this.radius = 1.0;
+        _this = BaseShape1.apply(this, arguments) || this;
         _this.shapeType = ParticleShapeType.Hemisphere;
+        /** Radius of the shape to emit particles from. */ _this.radius = 1.0;
         return _this;
     }
     var _proto = HemisphereShape.prototype;
@@ -30651,9 +30846,9 @@ var ConeEmitType;
     _inherits(SphereShape, BaseShape1);
     function SphereShape() {
         var _this;
-        _this = BaseShape1.call(this) || this;
-        /** Radius of the shape to emit particles from. */ _this.radius = 1.0;
+        _this = BaseShape1.apply(this, arguments) || this;
         _this.shapeType = ParticleShapeType.Sphere;
+        /** Radius of the shape to emit particles from. */ _this.radius = 1.0;
         return _this;
     }
     var _proto = SphereShape.prototype;
@@ -31026,5 +31221,5 @@ var cacheDir = new Vector3();
     return CubeProbe;
 }(Probe);
 
-export { AmbientLight, AnimationArrayCurve, AnimationBoolCurve, AnimationClip, AnimationClipCurveBinding, AnimationColorCurve, AnimationCurve, AnimationEvent, AnimationFloatArrayCurve, AnimationFloatCurve, AnimationQuaternionCurve, AnimationRectCurve, AnimationRefCurve, AnimationStringCurve, AnimationVector2Curve, AnimationVector3Curve, AnimationVector4Curve, Animator, AnimatorConditionMode, AnimatorController, AnimatorControllerLayer, AnimatorCullingMode, AnimatorLayerBlendingMode, AnimatorLayerMask, AnimatorState, AnimatorStateMachine, AnimatorStateTransition, AssetPromise, AssetType, Background, BackgroundMode, BackgroundTextureFillMode, BaseMaterial, Basic2DBatcher, BasicRenderPipeline, BlendFactor, BlendMode, BlendOperation, BlendShape, BlendShapeFrame, BlendState, BlinnPhongMaterial, BoolUpdateFlag, BoxColliderShape, BoxShape, Buffer, BufferBindFlag, BufferMesh, BufferUsage, BufferUtil, Burst, Camera, CameraClearFlags, CameraType, Canvas, CapsuleColliderShape, CharacterController, CircleShape, CloneManager, Collider, ColliderShape, ColliderShapeUpAxis, CollisionDetectionMode, ColorOverLifetimeModule, ColorSpace, ColorWriteMask, CompareFunction, Component, ConeEmitType, ConeShape, ContentRestorer, ControllerCollisionFlag, ControllerNonWalkableMode, CubeProbe, CullMode, CurveKey, DataType, DependentMode, DepthState, DepthTextureMode, DiffuseMode, DirectLight, DynamicCollider, DynamicColliderConstraints, EmissionModule, Engine, EngineObject, Entity, EventDispatcher, FixedJoint, FogMode, Font, FontStyle, GLCapabilityType, GradientAlphaKey, GradientColorKey, HemisphereShape, HingeJoint, HitResult, IndexBufferBinding, IndexFormat, InputManager, InterpolationType, Joint, JointLimits, JointMotor, Keyframe, Keys, Layer, Light, Loader, Logger, MainModule, Material, Mesh, MeshRenderer, MeshTopology, ModelMesh, OverflowMode, PBRBaseMaterial, PBRMaterial, PBRSpecularMaterial, ParticleCompositeCurve, ParticleCompositeGradient, ParticleCurve, ParticleCurveMode, ParticleGenerator, ParticleGradient, ParticleGradientMode, ParticleMaterial, ParticleRenderMode, ParticleRenderer, ParticleScaleMode, ParticleShapeArcMode, ParticleSimulationSpace, ParticleStopMode, PhysicsMaterial, PhysicsMaterialCombineMode, PhysicsScene, PipelineStage, PlaneColliderShape, Platform, PointLight, Pointer, PointerButton, PointerPhase, Primitive, PrimitiveMesh, Probe, RasterState, ReferResource, RenderBufferDepthFormat, RenderFace, RenderPass, RenderQueue, RenderQueueType, RenderState, RenderStateElementKey as RenderStateDataKey, RenderTarget, RenderTargetBlendState, Renderer, ResourceManager, RotationOverLifetimeModule, Scene, SceneManager, Script, SetDataOptions, Shader, ShaderData, ShaderFactory, ShaderMacro, ShaderMacroCollection, ShaderPass, ShaderProperty, ShaderPropertyType, ShaderTagKey, ShadowCascadesMode, ShadowResolution, ShadowType, SizeOverLifetimeModule, Skin, SkinnedMeshRenderer, Sky, SkyBoxMaterial, SkyProceduralMaterial, SphereColliderShape, SphereShape, SpotLight, SpringJoint, Sprite, SpriteAtlas, SpriteDrawMode, SpriteMask, SpriteMaskInteraction, SpriteMaskLayer, SpriteRenderer, SpriteTileMode, StateMachineScript, StaticCollider, StencilOperation, StencilState, SubMesh, SubShader, SunMode, SystemInfo, TextHorizontalAlignment, TextRenderer, TextUtils, TextVerticalAlignment, Texture, Texture2D, Texture2DArray, TextureCoordinate, TextureCube, TextureCubeFace, TextureDepthCompareFunction, TextureFilterMode, TextureFormat, TextureSheetAnimationModule, TextureUsage, TextureWrapMode, Time, TrailMaterial, TrailRenderer, Transform, UnlitMaterial, Utils, VelocityOverLifetimeModule, VertexAttribute, VertexBufferBinding, VertexElement, VertexElementFormat, WrapMode, XRManager, assignmentClone, deepClone, dependentComponents, ignoreClone, request, resourceLoader, shallowClone };
+export { AmbientLight, AnimationArrayCurve, AnimationBoolCurve, AnimationClip, AnimationClipCurveBinding, AnimationColorCurve, AnimationCurve, AnimationEvent, AnimationFloatArrayCurve, AnimationFloatCurve, AnimationQuaternionCurve, AnimationRectCurve, AnimationRefCurve, AnimationStringCurve, AnimationVector2Curve, AnimationVector3Curve, AnimationVector4Curve, Animator, AnimatorConditionMode, AnimatorController, AnimatorControllerLayer, AnimatorCullingMode, AnimatorLayerBlendingMode, AnimatorLayerMask, AnimatorState, AnimatorStateMachine, AnimatorStateTransition, AssetPromise, AssetType, Background, BackgroundMode, BackgroundTextureFillMode, BaseMaterial, Basic2DBatcher, BasicRenderPipeline, BlendFactor, BlendMode, BlendOperation, BlendShape, BlendShapeFrame, BlendState, BlinnPhongMaterial, BoolUpdateFlag, BoxColliderShape, BoxShape, Buffer, BufferBindFlag, BufferMesh, BufferUsage, BufferUtil, Burst, Camera, CameraClearFlags, CameraType, Canvas, CapsuleColliderShape, CharacterController, CircleShape, CloneManager, Collider, ColliderShape, ColliderShapeUpAxis, CollisionDetectionMode, ColorOverLifetimeModule, ColorSpace, ColorWriteMask, CompareFunction, Component, ConeEmitType, ConeShape, ContentRestorer, ControllerCollisionFlag, ControllerNonWalkableMode, CubeProbe, CullMode, CurveKey, DataType, DependentMode, DepthState, DepthTextureMode, DiffuseMode, DirectLight, DynamicCollider, DynamicColliderConstraints, EmissionModule, Engine, EngineObject, Entity, EventDispatcher, FixedJoint, FogMode, Font, FontStyle, GLCapabilityType, GradientAlphaKey, GradientColorKey, HemisphereShape, HingeJoint, HitResult, IndexBufferBinding, IndexFormat, InputManager, InterpolationType, Joint, JointLimits, JointMotor, Keyframe, Keys, Layer, Light, Loader, Logger, MainModule, Material, Mesh, MeshRenderer, MeshTopology, ModelMesh, OverflowMode, PBRBaseMaterial, PBRMaterial, PBRSpecularMaterial, ParticleCompositeCurve, ParticleCompositeGradient, ParticleCurve, ParticleCurveMode, ParticleGenerator, ParticleGradient, ParticleGradientMode, ParticleMaterial, ParticleRenderMode, ParticleRenderer, ParticleScaleMode, ParticleShapeArcMode, ParticleShapeType, ParticleSimulationSpace, ParticleStopMode, PhysicsMaterial, PhysicsMaterialCombineMode, PhysicsScene, PipelineStage, PlaneColliderShape, Platform, PointLight, Pointer, PointerButton, PointerPhase, Primitive, PrimitiveMesh, Probe, RasterState, ReferResource, RenderBufferDepthFormat, RenderFace, RenderPass, RenderQueue, RenderQueueType, RenderState, RenderStateElementKey as RenderStateDataKey, RenderTarget, RenderTargetBlendState, Renderer, ResourceManager, RotationOverLifetimeModule, Scene, SceneManager, Script, SetDataOptions, Shader, ShaderData, ShaderFactory, ShaderMacro, ShaderMacroCollection, ShaderPass, ShaderProperty, ShaderPropertyType, ShaderTagKey, ShadowCascadesMode, ShadowResolution, ShadowType, SizeOverLifetimeModule, Skin, SkinnedMeshRenderer, Sky, SkyBoxMaterial, SkyProceduralMaterial, SphereColliderShape, SphereShape, SpotLight, SpringJoint, Sprite, SpriteAtlas, SpriteDrawMode, SpriteMask, SpriteMaskInteraction, SpriteMaskLayer, SpriteRenderer, SpriteTileMode, StateMachineScript, StaticCollider, StencilOperation, StencilState, SubMesh, SubShader, SunMode, SystemInfo, TextHorizontalAlignment, TextRenderer, TextUtils, TextVerticalAlignment, Texture, Texture2D, Texture2DArray, TextureCoordinate, TextureCube, TextureCubeFace, TextureDepthCompareFunction, TextureFilterMode, TextureFormat, TextureSheetAnimationModule, TextureUsage, TextureWrapMode, Time, TrailMaterial, TrailRenderer, Transform, UnlitMaterial, Utils, VelocityOverLifetimeModule, VertexAttribute, VertexBufferBinding, VertexElement, VertexElementFormat, WrapMode, XRManager, assignmentClone, deepClone, dependentComponents, ignoreClone, request, resourceLoader, shallowClone };
 //# sourceMappingURL=module.js.map