@galacean/engine 1.2.0-alpha.0 → 1.2.0-alpha.1

package/dist/browser.js

@@ -37,7 +37,7 @@
         FrustumFace[FrustumFace[/** Bottom face */ "Bottom"] = 4] = "Bottom";
         FrustumFace[FrustumFace[/** Top face */ "Top"] = 5] = "Top";
     })(exports.FrustumFace || (exports.FrustumFace = {}));
-    function _defineProperties$4(target, props) {
+    function _defineProperties$3(target, props) {
         for(var i = 0; i < props.length; i++){
             var descriptor = props[i];
             descriptor.enumerable = descriptor.enumerable || false;
@@ -46,14 +46,14 @@
             Object.defineProperty(target, descriptor.key, descriptor);
         }
     }
-    function _create_class$4(Constructor, protoProps, staticProps) {
-        if (protoProps) _defineProperties$4(Constructor.prototype, protoProps);
-        if (staticProps) _defineProperties$4(Constructor, staticProps);
+    function _create_class$3(Constructor, protoProps, staticProps) {
+        if (protoProps) _defineProperties$3(Constructor.prototype, protoProps);
+        if (staticProps) _defineProperties$3(Constructor, staticProps);
         return Constructor;
     }
     /**
      * Common utility methods for math operations.
-     */ var MathUtil$1 = /*#__PURE__*/ function() {
+     */ var MathUtil = /*#__PURE__*/ function() {
         var MathUtil = function MathUtil() {};
         /**
        * Clamps the specified value.
@@ -97,13 +97,13 @@
         return MathUtil;
     }();
     (function() {
-        /** The value for which all absolute numbers smaller than are considered equal to zero. */ MathUtil$1.zeroTolerance = 1e-6;
+        /** 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$1.radToDegreeFactor = 180 / Math.PI;
+        /** The conversion factor that radian to degree. */ MathUtil.radToDegreeFactor = 180 / Math.PI;
     })();
     (function() {
-        /** The conversion factor that degree to radian. */ MathUtil$1.degreeToRadFactor = Math.PI / 180;
+        /** The conversion factor that degree to radian. */ MathUtil.degreeToRadFactor = Math.PI / 180;
     })();
     /**
      * Describes a 3D-vector.
@@ -405,7 +405,7 @@
        * @param right - The second vector to compare
        * @returns True if the specified vectors are equals, false otherwise
        */ Vector3.equals = function equals(left, right) {
-            return MathUtil$1.equals(left._x, right._x) && MathUtil$1.equals(left._y, right._y) && MathUtil$1.equals(left._z, right._z);
+            return MathUtil.equals(left._x, right._x) && MathUtil.equals(left._y, right._y) && MathUtil.equals(left._z, right._z);
         };
         /**
        * Performs a linear interpolation between two vectors.
@@ -459,7 +459,7 @@
        */ Vector3.normalize = function normalize(a, out) {
             var _x = a._x, _y = a._y, _z = a._z;
             var len = Math.sqrt(_x * _x + _y * _y + _z * _z);
-            if (len > MathUtil$1.zeroTolerance) {
+            if (len > MathUtil.zeroTolerance) {
                 len = 1 / len;
                 out.set(_x * len, _y * len, _z * len);
             }
@@ -562,7 +562,7 @@
             out._z = iz * qw - iw * qz - ix * qy + iy * qx;
             out._onValueChanged && out._onValueChanged();
         };
-        _create_class$4(Vector3, [
+        _create_class$3(Vector3, [
             {
                 key: "x",
                 get: /**
@@ -958,7 +958,7 @@
        * @returns The distance from ray to plane if intersecting, -1 otherwise
        */ CollisionUtil.intersectsRayAndPlane = function intersectsRayAndPlane(ray, plane) {
             var normal = plane.normal;
-            var zeroTolerance = MathUtil$1.zeroTolerance;
+            var zeroTolerance = MathUtil.zeroTolerance;
             var dir = Vector3.dot(normal, ray.direction);
             // Parallel
             if (Math.abs(dir) < zeroTolerance) {
@@ -980,7 +980,7 @@
        * @param box - The box
        * @returns The distance from ray to box if intersecting, -1 otherwise
        */ CollisionUtil.intersectsRayAndBox = function intersectsRayAndBox(ray, box) {
-            var zeroTolerance = MathUtil$1.zeroTolerance;
+            var zeroTolerance = MathUtil.zeroTolerance;
             var origin = ray.origin, direction = ray.direction;
             var min = box.min, max = box.max;
             var dirX = direction.x;
@@ -1137,37 +1137,37 @@
        * @returns The containment type
        */ CollisionUtil.frustumContainsPoint = function frustumContainsPoint(frustum, point) {
             var distance = CollisionUtil.distancePlaneAndPoint(frustum.near, point);
-            if (Math.abs(distance) < MathUtil$1.zeroTolerance) {
+            if (Math.abs(distance) < MathUtil.zeroTolerance) {
                 return exports.ContainmentType.Intersects;
             } else if (distance < 0) {
                 return exports.ContainmentType.Disjoint;
             }
             distance = CollisionUtil.distancePlaneAndPoint(frustum.far, point);
-            if (Math.abs(distance) < MathUtil$1.zeroTolerance) {
+            if (Math.abs(distance) < MathUtil.zeroTolerance) {
                 return exports.ContainmentType.Intersects;
             } else if (distance < 0) {
                 return exports.ContainmentType.Disjoint;
             }
             distance = CollisionUtil.distancePlaneAndPoint(frustum.left, point);
-            if (Math.abs(distance) < MathUtil$1.zeroTolerance) {
+            if (Math.abs(distance) < MathUtil.zeroTolerance) {
                 return exports.ContainmentType.Intersects;
             } else if (distance < 0) {
                 return exports.ContainmentType.Disjoint;
             }
             distance = CollisionUtil.distancePlaneAndPoint(frustum.right, point);
-            if (Math.abs(distance) < MathUtil$1.zeroTolerance) {
+            if (Math.abs(distance) < MathUtil.zeroTolerance) {
                 return exports.ContainmentType.Intersects;
             } else if (distance < 0) {
                 return exports.ContainmentType.Disjoint;
             }
             distance = CollisionUtil.distancePlaneAndPoint(frustum.top, point);
-            if (Math.abs(distance) < MathUtil$1.zeroTolerance) {
+            if (Math.abs(distance) < MathUtil.zeroTolerance) {
                 return exports.ContainmentType.Intersects;
             } else if (distance < 0) {
                 return exports.ContainmentType.Disjoint;
             }
             distance = CollisionUtil.distancePlaneAndPoint(frustum.bottom, point);
-            if (Math.abs(distance) < MathUtil$1.zeroTolerance) {
+            if (Math.abs(distance) < MathUtil.zeroTolerance) {
                 return exports.ContainmentType.Intersects;
             } else if (distance < 0) {
                 return exports.ContainmentType.Disjoint;
@@ -1745,7 +1745,7 @@
        */ Matrix3x3.equals = function equals(left, right) {
             var le = left.elements;
             var re = right.elements;
-            return MathUtil$1.equals(le[0], re[0]) && MathUtil$1.equals(le[1], re[1]) && MathUtil$1.equals(le[2], re[2]) && MathUtil$1.equals(le[3], re[3]) && MathUtil$1.equals(le[4], re[4]) && MathUtil$1.equals(le[5], re[5]) && MathUtil$1.equals(le[6], re[6]) && MathUtil$1.equals(le[7], re[7]) && MathUtil$1.equals(le[8], re[8]);
+            return MathUtil.equals(le[0], re[0]) && MathUtil.equals(le[1], re[1]) && MathUtil.equals(le[2], re[2]) && MathUtil.equals(le[3], re[3]) && MathUtil.equals(le[4], re[4]) && MathUtil.equals(le[5], re[5]) && MathUtil.equals(le[6], re[6]) && MathUtil.equals(le[7], re[7]) && MathUtil.equals(le[8], re[8]);
         };
         /**
        * Performs a linear interpolation between two matrices.
@@ -2038,7 +2038,7 @@
        */ _proto.getAxisAngle = function getAxisAngle(out) {
             var _this = this, _x = _this._x, _y = _this._y, _z = _this._z;
             var length = _x * _x + _y * _y + _z * _z;
-            if (length < MathUtil$1.zeroTolerance) {
+            if (length < MathUtil.zeroTolerance) {
                 out._x = 1;
                 out._y = 0;
                 out._z = 0;
@@ -2241,11 +2241,11 @@
             var ww = w * w;
             var unit = xx + yy + zz + ww;
             var test = 2 * (x * w - y * z);
-            if (test > (1 - MathUtil$1.zeroTolerance) * unit) {
+            if (test > (1 - MathUtil.zeroTolerance) * unit) {
                 out._x = Math.atan2(2.0 * (w * y - x * z), zz + ww - yy - zz);
                 out._y = Math.PI / 2;
                 out._z = 0;
-            } else if (test < -(1 - MathUtil$1.zeroTolerance) * unit) {
+            } else if (test < -(1 - MathUtil.zeroTolerance) * unit) {
                 out._x = Math.atan2(2.0 * (w * y - x * z), zz + ww - yy - zz);
                 out._y = -Math.PI / 2;
                 out._z = 0;
@@ -2306,7 +2306,7 @@
        * @param right - The second quaternion to compare
        * @returns True if the specified quaternions are equals, false otherwise
        */ Quaternion.equals = function equals(left, right) {
-            return MathUtil$1.equals(left._x, right._x) && MathUtil$1.equals(left._y, right._y) && MathUtil$1.equals(left._z, right._z) && MathUtil$1.equals(left._w, right._w);
+            return MathUtil.equals(left._x, right._x) && MathUtil.equals(left._y, right._y) && MathUtil.equals(left._z, right._z) && MathUtil.equals(left._w, right._w);
         };
         /**
        * Calculate a quaternion rotates around an arbitrary axis.
@@ -2406,7 +2406,7 @@
        */ Quaternion.invert = function invert(a, out) {
             var x = a._x, y = a._y, z = a._z, w = a._w;
             var dot = x * x + y * y + z * z + w * w;
-            if (dot > MathUtil$1.zeroTolerance) {
+            if (dot > MathUtil.zeroTolerance) {
                 var invDot = 1.0 / dot;
                 out._x = -x * invDot;
                 out._y = -y * invDot;
@@ -2446,7 +2446,7 @@
             var opposite;
             var inverse;
             var dot = Quaternion.dot(start, end);
-            if (Math.abs(dot) > 1.0 - MathUtil$1.zeroTolerance) {
+            if (Math.abs(dot) > 1.0 - MathUtil.zeroTolerance) {
                 inverse = 1.0 - amount;
                 opposite = amount * Math.sign(dot);
             } else {
@@ -2468,7 +2468,7 @@
        */ Quaternion.normalize = function normalize(a, out) {
             var _x = a._x, _y = a._y, _z = a._z, _w = a._w;
             var len = Math.sqrt(_x * _x + _y * _y + _z * _z + _w * _w);
-            if (len > MathUtil$1.zeroTolerance) {
+            if (len > MathUtil.zeroTolerance) {
                 len = 1 / len;
                 out._x = _x * len;
                 out._y = _y * len;
@@ -2579,7 +2579,7 @@
             out._w = a._w * s;
             out._onValueChanged && out._onValueChanged();
         };
-        _create_class$4(Quaternion, [
+        _create_class$3(Quaternion, [
             {
                 key: "x",
                 get: /**
@@ -2621,7 +2621,7 @@
                 get: /**
        * Indicting whether this instance is normalized.
        */ function get() {
-                    return Math.abs(this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w - 1) < MathUtil$1.zeroTolerance;
+                    return Math.abs(this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w - 1) < MathUtil.zeroTolerance;
                 }
             },
             {
@@ -2790,7 +2790,7 @@
             var sz = Math.sqrt(m31 * m31 + m32 * m32 + m33 * m33);
             if (this.determinant() < 0) sx = -sx;
             scale.set(sx, sy, sz);
-            if (Math.abs(sx) < MathUtil$1.zeroTolerance || Math.abs(sy) < MathUtil$1.zeroTolerance || Math.abs(sz) < MathUtil$1.zeroTolerance) {
+            if (Math.abs(sx) < MathUtil.zeroTolerance || Math.abs(sy) < MathUtil.zeroTolerance || Math.abs(sz) < MathUtil.zeroTolerance) {
                 rotation.identity();
                 return false;
             } else {
@@ -2817,7 +2817,7 @@
        */ _proto.getRotation = function getRotation(out) {
             var e = this.elements;
             var trace = e[0] + e[5] + e[10];
-            if (trace > MathUtil$1.zeroTolerance) {
+            if (trace > MathUtil.zeroTolerance) {
                 var s = Math.sqrt(trace + 1.0) * 2;
                 out._w = 0.25 * s;
                 out._x = (e[6] - e[9]) / s;
@@ -3037,7 +3037,7 @@
        */ Matrix.equals = function equals(left, right) {
             var le = left.elements;
             var re = right.elements;
-            return MathUtil$1.equals(le[0], re[0]) && MathUtil$1.equals(le[1], re[1]) && MathUtil$1.equals(le[2], re[2]) && MathUtil$1.equals(le[3], re[3]) && MathUtil$1.equals(le[4], re[4]) && MathUtil$1.equals(le[5], re[5]) && MathUtil$1.equals(le[6], re[6]) && MathUtil$1.equals(le[7], re[7]) && MathUtil$1.equals(le[8], re[8]) && MathUtil$1.equals(le[9], re[9]) && MathUtil$1.equals(le[10], re[10]) && MathUtil$1.equals(le[11], re[11]) && MathUtil$1.equals(le[12], re[12]) && MathUtil$1.equals(le[13], re[13]) && MathUtil$1.equals(le[14], re[14]) && MathUtil$1.equals(le[15], re[15]);
+            return MathUtil.equals(le[0], re[0]) && MathUtil.equals(le[1], re[1]) && MathUtil.equals(le[2], re[2]) && MathUtil.equals(le[3], re[3]) && MathUtil.equals(le[4], re[4]) && MathUtil.equals(le[5], re[5]) && MathUtil.equals(le[6], re[6]) && MathUtil.equals(le[7], re[7]) && MathUtil.equals(le[8], re[8]) && MathUtil.equals(le[9], re[9]) && MathUtil.equals(le[10], re[10]) && MathUtil.equals(le[11], re[11]) && MathUtil.equals(le[12], re[12]) && MathUtil.equals(le[13], re[13]) && MathUtil.equals(le[14], re[14]) && MathUtil.equals(le[15], re[15]);
         };
         /**
        * Performs a linear interpolation between two matrices.
@@ -3164,7 +3164,7 @@
             var x = axis._x, y = axis._y, z = axis._z;
             var len = Math.sqrt(x * x + y * y + z * z);
             var s, c, t;
-            if (Math.abs(len) < MathUtil$1.zeroTolerance) {
+            if (Math.abs(len) < MathUtil.zeroTolerance) {
                 return;
             }
             len = 1 / len;
@@ -3437,7 +3437,7 @@
        */ Matrix.rotateAxisAngle = function rotateAxisAngle(m, axis, r, out) {
             var x = axis._x, y = axis._y, z = axis._z;
             var len = Math.sqrt(x * x + y * y + z * z);
-            if (Math.abs(len) < MathUtil$1.zeroTolerance) {
+            if (Math.abs(len) < MathUtil.zeroTolerance) {
                 return;
             }
             var me = m.elements;
@@ -3865,7 +3865,7 @@
        * @param right - The second vector to compare
        * @returns True if the specified vectors are equals, false otherwise
        */ Vector2.equals = function equals(left, right) {
-            return MathUtil$1.equals(left._x, right._x) && MathUtil$1.equals(left._y, right._y);
+            return MathUtil.equals(left._x, right._x) && MathUtil.equals(left._y, right._y);
         };
         /**
        * Performs a linear interpolation between two vectors.
@@ -3915,7 +3915,7 @@
        */ Vector2.normalize = function normalize(left, out) {
             var _x = left._x, _y = left._y;
             var len = Math.sqrt(_x * _x + _y * _y);
-            if (len > MathUtil$1.zeroTolerance) {
+            if (len > MathUtil.zeroTolerance) {
                 len = 1 / len;
                 out._x = _x * len;
                 out._y = _y * len;
@@ -3932,7 +3932,7 @@
             out._y = left._y * s;
             out._onValueChanged && out._onValueChanged();
         };
-        _create_class$4(Vector2, [
+        _create_class$3(Vector2, [
             {
                 key: "x",
                 get: /**
@@ -4229,7 +4229,7 @@
        * @param right - The second vector to compare
        * @returns True if the specified vectors are equals, false otherwise
        */ Vector4.equals = function equals(left, right) {
-            return MathUtil$1.equals(left._x, right._x) && MathUtil$1.equals(left._y, right._y) && MathUtil$1.equals(left._z, right._z) && MathUtil$1.equals(left._w, right._w);
+            return MathUtil.equals(left._x, right._x) && MathUtil.equals(left._y, right._y) && MathUtil.equals(left._z, right._z) && MathUtil.equals(left._w, right._w);
         };
         /**
        * Performs a linear interpolation between two vectors.
@@ -4287,7 +4287,7 @@
        */ Vector4.normalize = function normalize(a, out) {
             var _x = a._x, _y = a._y, _z = a._z, _w = a._w;
             var len = Math.sqrt(_x * _x + _y * _y + _z * _z + _w * _w);
-            if (len > MathUtil$1.zeroTolerance) {
+            if (len > MathUtil.zeroTolerance) {
                 len = 1 / len;
                 out._x = _x * len;
                 out._y = _y * len;
@@ -4345,7 +4345,7 @@
             out._w = w;
             out._onValueChanged && out._onValueChanged();
         };
-        _create_class$4(Vector4, [
+        _create_class$3(Vector4, [
             {
                 key: "x",
                 get: /**
@@ -4405,7 +4405,7 @@
     })();
     /**
      * Describes a color in the from of RGBA (in order: R, G, B, A).
-     */ var Color$1 = /*#__PURE__*/ function() {
+     */ var Color = /*#__PURE__*/ function() {
         var Color = function Color(r, g, b, a) {
             if (r === void 0) r = 1;
             if (g === void 0) g = 1;
@@ -4579,7 +4579,7 @@
        * @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$1.equals(left._r, right._r) && MathUtil$1.equals(left._g, right._g) && MathUtil$1.equals(left._b, right._b) && MathUtil$1.equals(left._a, right._a);
+            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.
@@ -4636,7 +4636,7 @@
             out._onValueChanged && out._onValueChanged();
             return out;
         };
-        _create_class$4(Color, [
+        _create_class$3(Color, [
             {
                 key: "r",
                 get: /**
@@ -4735,7 +4735,7 @@
             this._onValueChanged && this._onValueChanged();
             return this;
         };
-        _create_class$4(Rect, [
+        _create_class$3(Rect, [
             {
                 key: "x",
                 get: /**
@@ -5014,7 +5014,7 @@
         if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return self;
     }
-    function _defineProperties$3(target, props) {
+    function _defineProperties$2(target, props) {
         for(var i = 0; i < props.length; i++){
             var descriptor = props[i];
             descriptor.enumerable = descriptor.enumerable || false;
@@ -5023,9 +5023,9 @@
             Object.defineProperty(target, descriptor.key, descriptor);
         }
     }
-    function _create_class$3(Constructor, protoProps, staticProps) {
-        if (protoProps) _defineProperties$3(Constructor.prototype, protoProps);
-        if (staticProps) _defineProperties$3(Constructor, staticProps);
+    function _create_class$2(Constructor, protoProps, staticProps) {
+        if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
+        if (staticProps) _defineProperties$2(Constructor, staticProps);
         return Constructor;
     }
     function _set_prototype_of$2(o, p) {
@@ -5048,345 +5048,6 @@
         });
         if (superClass) _set_prototype_of$2(subClass, superClass);
     }
-    /**
-     * Common utility methods for math operations.
-     */ var MathUtil = /*#__PURE__*/ function() {
-        var MathUtil = 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() {
-        var Color = 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$3(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.
      */ exports.SpriteMaskInteraction = void 0;
@@ -5668,7 +5329,7 @@
             resourceManager._deleteAsset(this);
             resourceManager._deleteContentRestorer(this);
         };
-        _create_class$3(EngineObject, [
+        _create_class$2(EngineObject, [
             {
                 key: "engine",
                 get: /**
@@ -5771,7 +5432,7 @@
                 this._addReferCount(-refCount);
             }
         };
-        _create_class$3(ReferResource, [
+        _create_class$2(ReferResource, [
             {
                 key: "refCount",
                 get: /**
@@ -5844,7 +5505,7 @@
             this._sprites = null;
             this._spriteNamesToIndex = null;
         };
-        _create_class$3(SpriteAtlas, [
+        _create_class$2(SpriteAtlas, [
             {
                 key: "sprites",
                 get: /**
@@ -6370,9 +6031,9 @@
             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);
@@ -6387,14 +6048,14 @@
             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;
         };
-        _create_class$3(Sprite, [
+        _create_class$2(Sprite, [
             {
                 key: "texture",
                 get: /**
@@ -6479,9 +6140,9 @@
                     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);
@@ -6496,9 +6157,9 @@
                     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);
@@ -6779,7 +6440,7 @@
             var shaderProperty = ShaderProperty._propertyNameMap[propertyName];
             return (_shaderProperty = shaderProperty) == null ? void 0 : _shaderProperty._group;
         };
-        _create_class$3(ShaderProperty, [
+        _create_class$2(ShaderProperty, [
             {
                 key: "type",
                 get: /**
@@ -6844,7 +6505,7 @@
             deltaTimeValue.set(this._deltaTime, 0, 0, 0);
             shaderData.setVector4(Time._deltaTimeProperty, deltaTimeValue);
         };
-        _create_class$3(Time, [
+        _create_class$2(Time, [
             {
                 key: "frameCount",
                 get: /*
@@ -7065,7 +6726,7 @@
                 entity._isActiveInHierarchy && this._onDisable();
             }
         };
-        _create_class$3(Component, [
+        _create_class$2(Component, [
             {
                 key: "enabled",
                 get: /**
@@ -7078,20 +6739,28 @@
                         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();
+                                }
                             }
                         }
                     }
@@ -7400,7 +7069,7 @@
        * @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);
         };
@@ -7412,7 +7081,7 @@
             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;
             }
@@ -7424,7 +7093,7 @@
                 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
@@ -7631,7 +7300,7 @@
         };
         _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);
@@ -7658,7 +7327,7 @@
         };
         _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() {
@@ -7682,7 +7351,7 @@
             this._setDirtyFlagTrue(0x40);
             this._updateWorldScaleFlag();
         };
-        _create_class$3(Transform, [
+        _create_class$2(Transform, [
             {
                 key: "position",
                 get: /**
@@ -7733,7 +7402,7 @@
                         //@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);
@@ -7757,7 +7426,7 @@
                         //@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);
@@ -7779,7 +7448,7 @@
                     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);
@@ -8703,7 +8372,7 @@
         _proto.getTagValue = function getTagValue(keyOrKeyName) {
             return this._tagsMap[typeof keyOrKeyName == "string" ? ShaderTagKey.getByName(keyOrKeyName)._uniqueId : keyOrKeyName._uniqueId];
         };
-        _create_class$3(ShaderPart, [
+        _create_class$2(ShaderPart, [
             {
                 key: "name",
                 get: /**
@@ -8757,7 +8426,7 @@
             if (value.r !== undefined) {
                 if (cacheValue.x !== value.r || cacheValue.y !== value.g) {
                     if (this._colorSpace === exports.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);
                     }
@@ -8780,7 +8449,7 @@
             if (value.r !== undefined) {
                 if (cacheValue.x !== value.r || cacheValue.y !== value.g || cacheValue.z !== value.b) {
                     if (this._colorSpace === exports.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);
                     }
@@ -8805,7 +8474,7 @@
             if (value.r !== undefined) {
                 if (cacheValue.x !== value.r || cacheValue.y !== value.g || cacheValue.z !== value.b || cacheValue.w !== value.a) {
                     if (this._colorSpace === exports.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);
                     }
@@ -9311,7 +8980,7 @@
                 return prefix + line;
             }).join("\n");
         };
-        _create_class$3(ShaderProgram, [
+        _create_class$2(ShaderProgram, [
             {
                 key: "isValid",
                 get: /**
@@ -9421,7 +9090,7 @@
             return _this;
         };
         _inherits$2(SubShader, ShaderPart1);
-        _create_class$3(SubShader, [
+        _create_class$2(SubShader, [
             {
                 key: "passes",
                 get: /**
@@ -9450,7 +9119,7 @@
      */ var BlendState = /*#__PURE__*/ function() {
         var BlendState = 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;
@@ -9544,7 +9213,7 @@
                 }
                 // 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);
                 }
@@ -10259,7 +9928,7 @@
        */ Shader.getPropertyByName = function getPropertyByName(name1) {
             return ShaderProperty.getByName(name1);
         };
-        _create_class$3(Shader, [
+        _create_class$2(Shader, [
             {
                 key: "subShaders",
                 get: /**
@@ -10301,7 +9970,7 @@
             ReferResource1.prototype._onDestroy.call(this);
             this.engine.resourceManager._deleteGraphicResource(this);
         };
-        _create_class$3(GraphicsResource, [
+        _create_class$2(GraphicsResource, [
             {
                 key: "isContentLost",
                 get: /**
@@ -10369,7 +10038,7 @@
         _proto._getMipmapCount = function _getMipmapCount() {
             return this._mipmap ? Math.floor(Math.log2(Math.max(this._width, this._height))) + 1 : 1;
         };
-        _create_class$3(Texture, [
+        _create_class$2(Texture, [
             {
                 key: "format",
                 get: /**
@@ -10995,7 +10664,7 @@
        */ _proto._onTransformChanged = function _onTransformChanged(type) {
             this._dirtyUpdateFlag |= 0x1;
         };
-        _create_class$3(Renderer1, [
+        _create_class$2(Renderer1, [
             {
                 key: "shaderData",
                 get: /**
@@ -11613,7 +11282,7 @@
             GraphicsResource1.prototype._onDestroy.call(this);
             this._platformBuffer.destroy();
         };
-        _create_class$3(Buffer, [
+        _create_class$2(Buffer, [
             {
                 key: "type",
                 get: /**
@@ -11836,7 +11505,7 @@
             this._buffer = buffer;
             this._format = format;
         };
-        _create_class$3(IndexBufferBinding, [
+        _create_class$2(IndexBufferBinding, [
             {
                 key: "buffer",
                 get: /**
@@ -12003,7 +11672,7 @@
             this._platformPrimitive.destroy();
             this._vertexElementMap = null;
         };
-        _create_class$3(Primitive, [
+        _create_class$2(Primitive, [
             {
                 key: "vertexElements",
                 get: function get() {
@@ -12125,7 +11794,7 @@
         _proto._onBoundsChanged = function _onBoundsChanged() {
             this._updateFlagManager.dispatch(0x1);
         };
-        _create_class$3(Mesh, [
+        _create_class$2(Mesh, [
             {
                 key: "bounds",
                 get: /**
@@ -12170,7 +11839,7 @@
             this._buffer = buffer;
             this._stride = stride;
         };
-        _create_class$3(VertexBufferBinding, [
+        _create_class$2(VertexBufferBinding, [
             {
                 key: "buffer",
                 get: /**
@@ -12202,7 +11871,7 @@
             this._formatMetaInfo = BufferUtil._getElementInfo(this.format);
             this._instanceStepRate = Math.floor(instanceStepRate);
         };
-        _create_class$3(VertexElement, [
+        _create_class$2(VertexElement, [
             {
                 key: "attribute",
                 get: /**
@@ -12287,7 +11956,7 @@
             this._deltaNormals = null;
             this._deltaTangents = null;
         };
-        _create_class$3(BlendShapeFrame, [
+        _create_class$2(BlendShapeFrame, [
             {
                 key: "deltaPositions",
                 get: /**
@@ -12404,7 +12073,7 @@
             this._updateUseNormalAndTangent(!!frame.deltaNormals, !!frame.deltaTangents);
             this._dataChangeManager.dispatch();
         };
-        _create_class$3(BlendShape, [
+        _create_class$2(BlendShape, [
             {
                 key: "frames",
                 get: /**
@@ -12462,7 +12131,7 @@
             }
             this._setIndexBufferBinding(binding);
         };
-        _create_class$3(BufferMesh, [
+        _create_class$2(BufferMesh, [
             {
                 key: "instanceCount",
                 get: /**
@@ -12623,7 +12292,7 @@
             type & MeshModifyFlags.Bounds && (this._dirtyUpdateFlag |= RendererUpdateFlags.WorldVolume);
             type & MeshModifyFlags.VertexElements && (this._dirtyUpdateFlag |= 0x2);
         };
-        _create_class$3(MeshRenderer, [
+        _create_class$2(MeshRenderer, [
             {
                 key: "mesh",
                 get: /**
@@ -12873,7 +12542,7 @@
        */ _proto._rebuild = function _rebuild() {
             this._platformRenderTarget = this._engine._hardwareRenderer.createPlatformRenderTarget(this);
         };
-        _create_class$3(RenderTarget, [
+        _create_class$2(RenderTarget, [
             {
                 key: "autoGenerateMipmaps",
                 get: /**
@@ -13080,7 +12749,7 @@
             this._platformTexture = this._engine._hardwareRenderer.createPlatformTexture2DArray(this);
             Texture1.prototype._rebuild.call(this);
         };
-        _create_class$3(Texture2DArray, [
+        _create_class$2(Texture2DArray, [
             {
                 key: "length",
                 get: /**
@@ -14253,7 +13922,7 @@
         };
         _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) {
@@ -14587,7 +14256,7 @@
                 }
             }
         };
-        _create_class$3(ModelMesh, [
+        _create_class$2(ModelMesh, [
             {
                 key: "vertexCount",
                 get: /**
@@ -14739,6 +14408,10 @@
                     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);
@@ -14776,6 +14449,7 @@
         PrimitiveType[PrimitiveType["Torus"] = 4] = "Torus";
         PrimitiveType[PrimitiveType["Cone"] = 5] = "Cone";
         PrimitiveType[PrimitiveType["Capsule"] = 6] = "Capsule";
+        PrimitiveType[PrimitiveType["CCSphere"] = 7] = "CCSphere";
     })(PrimitiveType || (PrimitiveType = {}));
     /**
      * @internal
@@ -14797,6 +14471,19 @@
         _inherits$2(SphereRestoreInfo, PrimitiveRestoreInfo);
         return SphereRestoreInfo;
     }(PrimitiveRestoreInfo);
+    /**
+     * @internal
+     */ var SubdivisionSurfaceSphereRestoreInfo = /*#__PURE__*/ function(PrimitiveRestoreInfo) {
+        var SubdivisionSurfaceSphereRestoreInfo = function SubdivisionSurfaceSphereRestoreInfo(radius, step, vertexBuffer, noLongerAccessible) {
+            var _this;
+            _this = PrimitiveRestoreInfo.call(this, 7, vertexBuffer, noLongerAccessible) || this;
+            _this.radius = radius;
+            _this.step = step;
+            return _this;
+        };
+        _inherits$2(SubdivisionSurfaceSphereRestoreInfo, PrimitiveRestoreInfo);
+        return SubdivisionSurfaceSphereRestoreInfo;
+    }(PrimitiveRestoreInfo);
     /**
      * @internal
      */ var CuboidRestoreInfo = /*#__PURE__*/ function(PrimitiveRestoreInfo) {
@@ -14910,6 +14597,24 @@
             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
@@ -15039,6 +14744,90 @@
         };
         /**
        * @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;
@@ -15099,6 +14888,135 @@
         };
         /**
        * @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;
@@ -15723,6 +15641,68 @@
     (function() {
         PrimitiveMesh._tempVec30 = new Vector3();
     })();
+    (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) {
@@ -15940,7 +15920,7 @@
             }
             return entity;
         };
-        _create_class$3(SkinnedMeshRenderer, [
+        _create_class$2(SkinnedMeshRenderer, [
             {
                 key: "blendShapeWeights",
                 get: /**
@@ -16263,8 +16243,10 @@
             }
             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, exports.SetDataOptions.Discard);
+            this._indiceBuffers[_flushId].setData(indices, 0, 0, indiceIndex, exports.SetDataOptions.Discard);
         };
         _proto._getSubMeshFromPool = function _getSubMeshFromPool(start, count) {
             var subMesh = this._subMeshPool.getFromPool();
@@ -16410,7 +16392,7 @@
                 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;
@@ -16424,7 +16406,7 @@
                 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;
@@ -16515,7 +16497,7 @@
                 rVertCount = 3;
                 rType = 0;
             } else {
-                if (fixedCW > MathUtil$1.zeroTolerance) {
+                if (fixedCW > MathUtil.zeroTolerance) {
                     rRepeatCount = (width - fixedLR) / fixedCW;
                     rVertCount = 4 + (rRepeatCount | 0);
                     rType = 2;
@@ -16528,7 +16510,7 @@
                 cVertCount = 3;
                 cType = 0;
             } else {
-                if (fixedCH > MathUtil$1.zeroTolerance) {
+                if (fixedCH > MathUtil.zeroTolerance) {
                     cRepeatCount = (height - fixedTB) / fixedCH;
                     cVertCount = 4 + (cRepeatCount | 0);
                     cType = 2;
@@ -16638,7 +16620,7 @@
             _this = Renderer1.call(this, entity) || this;
             _this._tileMode = exports.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;
@@ -16787,7 +16769,7 @@
                     break;
             }
         };
-        _create_class$3(SpriteRenderer, [
+        _create_class$2(SpriteRenderer, [
             {
                 key: "drawMode",
                 get: /**
@@ -16839,7 +16821,7 @@
                 },
                 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 === exports.SpriteDrawMode.Tiled) {
                             this._dirtyUpdateFlag |= 0x3;
@@ -17163,7 +17145,7 @@
                     break;
             }
         };
-        _create_class$3(SpriteMask, [
+        _create_class$2(SpriteMask, [
             {
                 key: "width",
                 get: /**
@@ -17290,6 +17272,9 @@
     __decorate$1([
         assignmentClone
     ], SpriteMask.prototype, "influenceLayers", void 0);
+    __decorate$1([
+        ignoreClone
+    ], SpriteMask.prototype, "_verticesData", void 0);
     __decorate$1([
         ignoreClone
     ], SpriteMask.prototype, "_sprite", void 0);
@@ -17571,8 +17556,8 @@
                         } 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);
                         }
                     }
                 }
@@ -17803,13 +17788,15 @@
         ];
     })();
     (function() {
-        /** These characters are all tall to help calculate the height required for text. */ TextUtils._measureString = "|\xc9q\xc5";
+        // _heightMultiplier used to measure the height of text, but in miniprogram performance is different from h5.
+        // so can set _heightMultiplier to adapt miniprogram, the larger the value, the worse the performance.
+        /** @internal */ TextUtils._heightMultiplier = 2;
     })();
     (function() {
-        TextUtils._measureBaseline = "M";
+        /** These characters are all tall to help calculate the height required for text. */ TextUtils._measureString = "|\xc9q\xc5";
     })();
     (function() {
-        TextUtils._heightMultiplier = 2;
+        TextUtils._measureBaseline = "M";
     })();
     (function() {
         TextUtils._baselineMultiplier = 1.4;
@@ -17891,7 +17878,8 @@
         _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, exports.TextureFormat.R8G8B8A8, false);
+            texture.filterMode = exports.TextureFilterMode.Bilinear;
             fontAtlas.texture = texture;
             fontAtlas.isGCIgnored = texture.isGCIgnored = true;
             this._fontAtlases.push(fontAtlas);
@@ -17978,7 +17966,7 @@
             }
             return null;
         };
-        _create_class$3(Font, [
+        _create_class$2(Font, [
             {
                 key: "name",
                 get: /**
@@ -18044,7 +18032,7 @@
             /** @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;
@@ -18125,7 +18113,7 @@
         /**
        * @internal
        */ _proto._render = function _render(context) {
-            if (this._text === "" || this.enableWrapping && this.width <= 0 || this.overflowMode === exports.OverflowMode.Truncate && this.height <= 0) {
+            if (this._isTextNoVisible()) {
                 return;
             }
             if (this._isContainDirtyFlag(0x10)) {
@@ -18217,8 +18205,8 @@
             }
         };
         _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;
@@ -18286,7 +18274,7 @@
                                 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);
@@ -18327,7 +18315,10 @@
             Renderer1.prototype._onTransformChanged.call(this, bit);
             this._setDirtyFlagTrue(0x4 | 0x8);
         };
-        _create_class$3(TextRenderer, [
+        _proto._isTextNoVisible = function _isTextNoVisible() {
+            return this._text === "" || this._fontSize === 0 || this.enableWrapping && this.width <= 0 || this.overflowMode === exports.OverflowMode.Truncate && this.height <= 0;
+        };
+        _create_class$2(TextRenderer, [
             {
                 key: "color",
                 get: /**
@@ -18529,6 +18520,16 @@
                 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();
@@ -19167,7 +19168,7 @@
                 this._traverseSetOwnerScene(children[i], scene);
             }
         };
-        _create_class$3(Entity, [
+        _create_class$2(Entity, [
             {
                 key: "isActive",
                 get: /**
@@ -19604,7 +19605,7 @@
             }
             return loopArray;
         };
-        _create_class$3(SafeLoopArray, [
+        _create_class$2(SafeLoopArray, [
             {
                 key: "length",
                 get: /**
@@ -19707,7 +19708,7 @@
                 allCreatedScenes[0].destroy();
             }
         };
-        _create_class$3(SceneManager, [
+        _create_class$2(SceneManager, [
             {
                 key: "scenes",
                 get: /**
@@ -19894,7 +19895,7 @@
                 }
             });
         };
-        _create_class$3(AssetPromise, [
+        _create_class$2(AssetPromise, [
             {
                 key: Symbol.toStringTag,
                 get: /** compatible with Promise */ function get() {
@@ -20495,7 +20496,67 @@
                 }
             }
         };
-        _create_class$3(SystemInfo, null, [
+        /**
+       * @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$2(SystemInfo, null, [
             {
                 key: "devicePixelRatio",
                 get: /**
@@ -20513,6 +20574,9 @@
     (function() {
         /** The operating system is running on. */ SystemInfo.operatingSystem = "";
     })();
+    (function() {
+        /** Whether the system support SIMD. */ SystemInfo._simdSupported = null;
+    })();
     SystemInfo._initialize();
     /**
      * The keys of the keyboard.
@@ -20981,7 +21045,7 @@
             this._nativeCollider.addShape(shape._nativeShape);
             this._phasedActiveInScene && this.scene.physics._addColliderShape(shape);
         };
-        _create_class$3(Collider, [
+        _create_class$2(Collider, [
             {
                 key: "shapes",
                 get: /**
@@ -21273,7 +21337,7 @@
         _proto._setGravity = function _setGravity() {
             this._nativePhysicsScene.setGravity(this._gravity);
         };
-        _create_class$3(PhysicsScene, [
+        _create_class$2(PhysicsScene, [
             {
                 key: "gravity",
                 get: /**
@@ -21296,7 +21360,7 @@
                     return this._fixedTimeStep;
                 },
                 set: function set(value) {
-                    this._fixedTimeStep = Math.max(value, MathUtil$1.zeroTolerance);
+                    this._fixedTimeStep = Math.max(value, MathUtil.zeroTolerance);
                 }
             }
         ]);
@@ -21400,7 +21464,7 @@
         _proto._setUpDirection = function _setUpDirection() {
             this._nativeCollider.setUpDirection(this._upDirection);
         };
-        _create_class$3(CharacterController, [
+        _create_class$2(CharacterController, [
             {
                 key: "stepOffset",
                 get: /**
@@ -21561,7 +21625,7 @@
         _proto._setInertiaTensor = function _setInertiaTensor() {
             this._nativeCollider.setInertiaTensor(this._inertiaTensor);
         };
-        _create_class$3(DynamicCollider, [
+        _create_class$2(DynamicCollider, [
             {
                 key: "linearDamping",
                 get: /**
@@ -21851,7 +21915,7 @@
             !this._destroyed && this._nativeMaterial.destroy();
             this._destroyed = true;
         };
-        _create_class$3(PhysicsMaterial, [
+        _create_class$2(PhysicsMaterial, [
             {
                 key: "bounciness",
                 get: /**
@@ -21980,7 +22044,7 @@
             target.breakForce = this.breakForce;
             target.breakTorque = this.breakTorque;
         };
-        _create_class$3(Joint, [
+        _create_class$2(Joint, [
             {
                 key: "connectedCollider",
                 get: /**
@@ -22182,7 +22246,7 @@
             target.motor = this.motor;
             target.limits = this.limits;
         };
-        _create_class$3(HingeJoint, [
+        _create_class$2(HingeJoint, [
             {
                 key: "axis",
                 get: /**
@@ -22357,7 +22421,7 @@
             target.stiffness = this.stiffness;
             target.damping = this.damping;
         };
-        _create_class$3(SpringJoint, [
+        _create_class$2(SpringJoint, [
             {
                 key: "swingOffset",
                 get: /**
@@ -22507,7 +22571,7 @@
         _proto._setRotation = function _setRotation() {
             this._nativeShape.setRotation(this._rotation);
         };
-        _create_class$3(ColliderShape, [
+        _create_class$2(ColliderShape, [
             {
                 key: "collider",
                 get: /**
@@ -22646,7 +22710,7 @@
         _proto._setSize = function _setSize() {
             this._nativeShape.setSize(this._size);
         };
-        _create_class$3(BoxColliderShape, [
+        _create_class$2(BoxColliderShape, [
             {
                 key: "size",
                 get: /**
@@ -22682,7 +22746,7 @@
             ColliderShape1.prototype._cloneTo.call(this, target);
             target.radius = this.radius;
         };
-        _create_class$3(SphereColliderShape, [
+        _create_class$2(SphereColliderShape, [
             {
                 key: "radius",
                 get: /**
@@ -22737,7 +22801,7 @@
             target.height = this.height;
             target.upAxis = this.upAxis;
         };
-        _create_class$3(CapsuleColliderShape, [
+        _create_class$2(CapsuleColliderShape, [
             {
                 key: "radius",
                 get: /**
@@ -23273,7 +23337,7 @@
             this._pointerManager._onFocus();
             this._keyboardManager._onFocus();
         };
-        _create_class$3(InputManager, [
+        _create_class$2(InputManager, [
             {
                 key: "pointers",
                 get: /**
@@ -23313,6 +23377,8 @@
             _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;
@@ -23349,7 +23415,7 @@
             this._renderStates.length = 0;
             this._renderStates = null;
         };
-        _create_class$3(Material, [
+        _create_class$2(Material, [
             {
                 key: "shaderData",
                 get: /**
@@ -24152,7 +24218,7 @@
             this._spriteMaskRenderDataPool.garbageCollection();
             this._textRenderDataPool.garbageCollection();
         };
-        _create_class$3(Engine, [
+        _create_class$2(Engine, [
             {
                 key: "settings",
                 get: /**
@@ -24265,7 +24331,7 @@
         var Canvas = function Canvas() {
             /* @internal */ this._sizeUpdateFlagManager = new UpdateFlagManager();
         };
-        _create_class$3(Canvas, [
+        _create_class$2(Canvas, [
             {
                 key: "width",
                 get: /**
@@ -24356,7 +24422,7 @@
             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
@@ -24377,7 +24443,7 @@
             rhi.drawPrimitive(mesh._primitive, mesh.subMesh, program);
             cameraShaderData.setMatrix(RenderContext.vpMatrixProperty, originViewProjMatrix);
         };
-        _create_class$3(Sky, [
+        _create_class$2(Sky, [
             {
                 key: "material",
                 get: /**
@@ -24436,7 +24502,7 @@
        * 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 = exports.BackgroundTextureFillMode.AspectFitHeight;
             this._texture = null;
@@ -24522,7 +24588,7 @@
             mesh.addSubMesh(0, indices.length);
             return mesh;
         };
-        _create_class$3(Background, [
+        _create_class$2(Background, [
             {
                 key: "texture",
                 get: /**
@@ -24792,7 +24858,7 @@
         var AmbientLight = 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 = exports.DiffuseMode.SolidColor;
@@ -24904,7 +24970,7 @@
             out[25] = src[25] * 0.429042;
             out[26] = src[26] * 0.429042;
         };
-        _create_class$3(AmbientLight, [
+        _create_class$2(AmbientLight, [
             {
                 key: "specularTextureDecodeRGBM",
                 get: /**
@@ -25085,8 +25151,8 @@
             /** 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;
         };
         _inherits$2(Light, Component1);
@@ -25101,7 +25167,7 @@
             this._lightColor.a = this.color.a * this.intensity;
             return this._lightColor;
         };
-        _create_class$3(Light, [
+        _create_class$2(Light, [
             {
                 key: "color",
                 get: /**
@@ -25164,9 +25230,9 @@
             data.cullingMask[cullingMaskStart] = cullingMask & 65535;
             data.cullingMask[cullingMaskStart + 1] = cullingMask >>> 16 & 65535;
             if (this.engine.settings.colorSpace === exports.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;
@@ -25193,7 +25259,7 @@
             shaderData.setFloatArray(DirectLight._colorProperty, data.color);
             shaderData.setFloatArray(DirectLight._directionProperty, data.direction);
         };
-        _create_class$3(DirectLight, [
+        _create_class$2(DirectLight, [
             {
                 key: "direction",
                 get: /**
@@ -25255,9 +25321,9 @@
             data.cullingMask[cullingMaskStart] = cullingMask & 65535;
             data.cullingMask[cullingMaskStart + 1] = cullingMask >>> 16 & 65535;
             if (this.engine.settings.colorSpace === exports.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;
@@ -25286,7 +25352,7 @@
             shaderData.setFloatArray(PointLight._positionProperty, data.position);
             shaderData.setFloatArray(PointLight._distanceProperty, data.distance);
         };
-        _create_class$3(PointLight, [
+        _create_class$2(PointLight, [
             {
                 key: "position",
                 get: /**
@@ -25350,9 +25416,9 @@
             data.cullingMask[cullingMaskStart] = cullingMask & 65535;
             data.cullingMask[cullingMaskStart + 1] = cullingMask >>> 16 & 65535;
             if (this.engine.settings.colorSpace === exports.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;
@@ -25389,7 +25455,7 @@
             shaderData.setFloatArray(SpotLight._angleCosProperty, data.angleCos);
             shaderData.setFloatArray(SpotLight._penumbraCosProperty, data.penumbraCos);
         };
-        _create_class$3(SpotLight, [
+        _create_class$2(SpotLight, [
             {
                 key: "position",
                 get: /**
@@ -25639,7 +25705,7 @@
             _this._shaderData = new ShaderData(ShaderDataGroup.Scene);
             _this._shadowCascades = exports.ShadowCascadesMode.NoCascades;
             _this._fogMode = exports.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;
@@ -25870,7 +25936,7 @@
             }
             return sunlight;
         };
-        _create_class$3(Scene, [
+        _create_class$2(Scene, [
             {
                 key: "isActive",
                 get: /**
@@ -26550,12 +26616,38 @@
         /**
        * @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 || componentA._distanceForSort - componentB._distanceForSort;
+            } else {
+                return componentA._distanceForSort - componentB._distanceForSort;
+            }
         };
         /**
        * @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 || componentB._distanceForSort - componentA._distanceForSort;
+            } else {
+                return componentB._distanceForSort - componentA._distanceForSort;
+            }
         };
         return RenderQueue;
     }();
@@ -26706,7 +26798,7 @@
             // 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;
@@ -27286,7 +27378,7 @@
             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 exports.ShadowCascadesMode.NoCascades:
@@ -27389,7 +27481,7 @@
         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();
@@ -27690,7 +27782,7 @@
                 renderer._prepareRender(context);
             }
         };
-        _create_class$3(BasicRenderPipeline, [
+        _create_class$2(BasicRenderPipeline, [
             {
                 key: "defaultRenderPass",
                 get: /**
@@ -27843,7 +27935,7 @@
             // 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;
@@ -28055,7 +28147,7 @@
             var _this__customAspectRatio;
             (_this__customAspectRatio = this._customAspectRatio) != null ? _this__customAspectRatio : this._projMatChange();
         };
-        _create_class$3(Camera1, [
+        _create_class$2(Camera1, [
             {
                 key: "shaderData",
                 get: /**
@@ -28206,7 +28298,7 @@
                     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;
@@ -28592,7 +28684,7 @@
             target._isTransparent = this._isTransparent;
             target._blendMode = this._blendMode;
         };
-        _create_class$3(BaseMaterial, [
+        _create_class$2(BaseMaterial, [
             {
                 key: "shader",
                 get: /**
@@ -28751,9 +28843,9 @@
             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);
@@ -28765,7 +28857,7 @@
             this.cloneTo(dest);
             return dest;
         };
-        _create_class$3(BlinnPhongMaterial, [
+        _create_class$2(BlinnPhongMaterial, [
             {
                 key: "baseColor",
                 get: /**
@@ -28943,8 +29035,8 @@
             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);
@@ -28953,7 +29045,7 @@
             shaderData.setFloat(PBRBaseMaterial._clearCoatRoughnessProp, 0);
             return _this;
         }
-        _create_class$3(PBRBaseMaterial, [
+        _create_class$2(PBRBaseMaterial, [
             {
                 key: "baseColor",
                 get: /**
@@ -29224,7 +29316,7 @@
             this.cloneTo(dest);
             return dest;
         };
-        _create_class$3(PBRMaterial, [
+        _create_class$2(PBRMaterial, [
             {
                 key: "ior",
                 get: /**
@@ -29310,7 +29402,7 @@
                     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);
                     }
@@ -29363,7 +29455,7 @@
         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;
         }
@@ -29375,7 +29467,7 @@
             this.cloneTo(dest);
             return dest;
         };
-        _create_class$3(PBRSpecularMaterial, [
+        _create_class$2(PBRSpecularMaterial, [
             {
                 key: "specularColor",
                 get: /**
@@ -29443,7 +29535,7 @@
             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;
         }
@@ -29455,7 +29547,7 @@
             this.cloneTo(dest);
             return dest;
         };
-        _create_class$3(UnlitMaterial, [
+        _create_class$2(UnlitMaterial, [
             {
                 key: "baseColor",
                 get: /**
@@ -29891,6 +29983,7 @@
             _this = EngineObject1.call(this, null) || this;
             _this.name = name1;
             _this./** @internal */ _curveBindings = [];
+            _this./** @internal */ _updateFlagManager = new UpdateFlagManager();
             _this._length = 0;
             _this._events = [];
             return _this;
@@ -29919,11 +30012,13 @@
                 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();
@@ -29979,7 +30074,7 @@
                 }
             }
         };
-        _create_class$3(AnimationClip, [
+        _create_class$2(AnimationClip, [
             {
                 key: "events",
                 get: /**
@@ -30126,7 +30221,7 @@
             var result = this._evaluate(time, evaluateData);
             return this._type._subtractValue(result, this.keys[0].value, evaluateData.value);
         };
-        _create_class$3(AnimationCurve, [
+        _create_class$2(AnimationCurve, [
             {
                 key: "interpolation",
                 get: /**
@@ -30314,33 +30409,33 @@
         var AnimationColorCurve = function AnimationColorCurve() {
             var _this;
             _this = AnimationCurve1.call(this) || this;
-            _this._evaluateData.value = new Color$1();
+            _this._evaluateData.value = new Color();
             return _this;
         };
         _inherits$2(AnimationColorCurve, AnimationCurve1);
         /**
        * @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;
         };
         /**
@@ -30352,8 +30447,8 @@
         /**
        * @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;
         };
         /**
@@ -31455,26 +31550,31 @@
             }
         };
         _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 clipChangedListener() {
+                _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++;
@@ -31926,7 +32026,7 @@
             }
             owner.updateMark = this._updateMark;
         };
-        _create_class$3(Animator, [
+        _create_class$2(Animator, [
             {
                 key: "animatorController",
                 get: /**
@@ -32016,7 +32116,7 @@
        */ _proto._registerChangeFlag = function _registerChangeFlag() {
             return this._updateFlagManager.createFlag(BoolUpdateFlag);
         };
-        _create_class$3(AnimatorController, [
+        _create_class$2(AnimatorController, [
             {
                 key: "layers",
                 get: /**
@@ -32081,9 +32181,11 @@
             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;
         /**
@@ -32157,7 +32259,12 @@
                 index2 !== -1 && this._onStateExitScripts.splice(index2, 1);
             }
         };
-        _create_class$3(AnimatorState, [
+        /**
+       * @internal
+       */ _proto._onClipChanged = function _onClipChanged() {
+            this._updateFlagManager.dispatch();
+        };
+        _create_class$2(AnimatorState, [
             {
                 key: "transitions",
                 get: /**
@@ -32174,8 +32281,17 @@
                     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._updateFlagManager.addListener(this._onClipChanged);
                 }
             },
             {
@@ -32358,7 +32474,7 @@
                 AnimatorLayerMask._addPathMaskWithChildren(mask, child, childPath);
             }
         };
-        _create_class$3(AnimatorLayerMask, [
+        _create_class$2(AnimatorLayerMask, [
             {
                 key: "pathMasks",
                 get: /**
@@ -32378,7 +32494,7 @@
             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 = exports.CullMode.Off;
             _this.renderState.depthState.compareFunction = exports.CompareFunction.LessEqual;
             _this.shaderData.setFloat(SkyBoxMaterial._rotationProp, 0);
@@ -32392,7 +32508,7 @@
             this.cloneTo(dest);
             return dest;
         };
-        _create_class$3(SkyBoxMaterial, [
+        _create_class$2(SkyBoxMaterial, [
             {
                 key: "textureDecodeRGBM",
                 get: /**
@@ -32489,8 +32605,8 @@
             _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 = exports.CullMode.Off;
             _this.renderState.depthState.compareFunction = exports.CompareFunction.LessEqual;
@@ -32505,7 +32621,7 @@
             this.cloneTo(dest);
             return dest;
         };
-        _create_class$3(SkyProceduralMaterial, [
+        _create_class$2(SkyProceduralMaterial, [
             {
                 key: "sunMode",
                 get: /**
@@ -32725,7 +32841,7 @@
             }
             this.generator._destroy();
         };
-        _create_class$3(ParticleRenderer, [
+        _create_class$2(ParticleRenderer, [
             {
                 key: "renderMode",
                 get: /**
@@ -32961,9 +33077,9 @@
                     typeArray[offset] = key.time;
                     var color = key.color;
                     if (colorSpace === exports.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;
@@ -33011,7 +33127,7 @@
         _proto._setAlphaTypeArrayDirty = function _setAlphaTypeArrayDirty() {
             this._alphaTypeArrayDirty = true;
         };
-        _create_class$3(ParticleGradient, [
+        _create_class$2(ParticleGradient, [
             {
                 key: "colorKeys",
                 get: /**
@@ -33048,13 +33164,13 @@
      */ var GradientColorKey = /*#__PURE__*/ function() {
         var GradientColorKey = 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
             this._color._onValueChanged = this._onValueChanged;
         };
-        _create_class$3(GradientColorKey, [
+        _create_class$2(GradientColorKey, [
             {
                 key: "time",
                 get: /**
@@ -33091,7 +33207,7 @@
             this._time = time;
             this._alpha = alpha;
         };
-        _create_class$3(GradientAlphaKey, [
+        _create_class$2(GradientAlphaKey, [
             {
                 key: "time",
                 get: /**
@@ -33124,11 +33240,11 @@
      */ var ParticleCompositeGradient = /*#__PURE__*/ function() {
         var ParticleCompositeGradient = function ParticleCompositeGradient(constantOrGradient, constantMaxOrGradientMax) {
             /** The gradient mode. */ this.mode = exports.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);
@@ -33160,11 +33276,11 @@
                     out.copyFrom(this.constant);
                     break;
                 case exports.ParticleGradientMode.TwoConstants:
-                    Color$1.lerp(this.constantMin, this.constantMax, lerpFactor, out);
+                    Color.lerp(this.constantMin, this.constantMax, lerpFactor, out);
                     break;
             }
         };
-        _create_class$3(ParticleCompositeGradient, [
+        _create_class$2(ParticleCompositeGradient, [
             {
                 key: "constant",
                 get: /**
@@ -33229,8 +33345,8 @@
             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)
@@ -33352,7 +33468,7 @@
                     return this.constantMin + (this.constantMax - this.constantMin) * lerpFactor;
             }
         };
-        _create_class$3(ParticleCompositeCurve, [
+        _create_class$2(ParticleCompositeCurve, [
             {
                 key: "constant",
                 get: /**
@@ -33503,7 +33619,7 @@
             }
             this._currentBurstIndex = index;
         };
-        _create_class$3(EmissionModule, [
+        _create_class$2(EmissionModule, [
             {
                 key: "bursts",
                 get: /**
@@ -33557,7 +33673,7 @@
             /** 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 = exports.ParticleSimulationSpace.Local;
             /** Override the default playback speed of the Particle Generator. */ this.simulationSpeed = 1.0;
@@ -33641,7 +33757,7 @@
        */ _proto._cloneTo = function _cloneTo(target) {
             target.maxParticles = this.maxParticles;
         };
-        _create_class$3(MainModule, [
+        _create_class$2(MainModule, [
             {
                 key: "maxParticles",
                 get: /**
@@ -33801,11 +33917,11 @@
                     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 === exports.ParticleCurveMode.TwoConstants && rotationY.mode === exports.ParticleCurveMode.TwoConstants && rotationZ.mode === exports.ParticleCurveMode.TwoConstants : rotationZ.mode === exports.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;
                     }
@@ -33958,7 +34074,7 @@
                 keys.splice(index + 1, 0, key);
             }
         };
-        _create_class$3(ParticleCurve, [
+        _create_class$2(ParticleCurve, [
             {
                 key: "keys",
                 get: /**
@@ -34033,7 +34149,7 @@
             this._isCurveMacro = this._enableMacro(shaderData, this._isCurveMacro, isCurveMacro);
             this._isRandomTwoMacro = this._enableMacro(shaderData, this._isRandomTwoMacro, isRandomTwoMacro);
         };
-        _create_class$3(SizeOverLifetimeModule, [
+        _create_class$2(SizeOverLifetimeModule, [
             {
                 key: "size",
                 get: /**
@@ -34137,7 +34253,7 @@
        */ _proto._resetRandomSeed = function _resetRandomSeed(randomSeed) {
             this._frameOverTimeRand.reset(randomSeed, ParticleRandomSubSeeds.TextureSheetAnimation);
         };
-        _create_class$3(TextureSheetAnimationModule, [
+        _create_class$2(TextureSheetAnimationModule, [
             {
                 key: "tiling",
                 get: /**
@@ -34684,11 +34800,11 @@
             // 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;
@@ -34813,7 +34929,7 @@
             out.push(vertexBufferBinding);
             return index;
         };
-        _create_class$3(ParticleGenerator, [
+        _create_class$2(ParticleGenerator, [
             {
                 key: "isAlive",
                 get: /**
@@ -34851,7 +34967,7 @@
         /** @internal */ ParticleGenerator._tempVector31 = new Vector3();
     })();
     (function() {
-        /** @internal */ ParticleGenerator._tempColor0 = new Color$1();
+        /** @internal */ ParticleGenerator._tempColor0 = new Color();
     })();
     (function() {
         /** @internal */ ParticleGenerator._tempParticleRenderers = new Array();
@@ -34929,7 +35045,7 @@
             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;
         };
@@ -34942,7 +35058,7 @@
             this.cloneTo(dest);
             return dest;
         };
-        _create_class$3(ParticleMaterial, [
+        _create_class$2(ParticleMaterial, [
             {
                 key: "baseColor",
                 get: /**
@@ -35118,12 +35234,12 @@
             switch(this.arcMode){
                 case exports.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 exports.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);
@@ -35155,7 +35271,7 @@
        * @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){
@@ -35503,7 +35619,7 @@
             this._camera.renderTarget = this._oriCameraRenderTarget;
             this._camera.cullingMask = this._oriCameraCullingMask;
         };
-        _create_class$3(Probe, [
+        _create_class$2(Probe, [
             {
                 key: "_texture",
                 get: function get() {
@@ -35900,7 +36016,7 @@
         GLCompressedTextureInternalFormat[GLCompressedTextureInternalFormat["RGB_BPTC_SIGNED_FLOAT_EXT"] = 0x8e8e] = "RGB_BPTC_SIGNED_FLOAT_EXT";
         GLCompressedTextureInternalFormat[GLCompressedTextureInternalFormat["RGB_BPTC_UNSIGNED_FLOAT_EXT"] = 0x8e8f] = "RGB_BPTC_UNSIGNED_FLOAT_EXT";
     })(exports.GLCompressedTextureInternalFormat || (exports.GLCompressedTextureInternalFormat = {}));
-    function _defineProperties$2(target, props) {
+    function _defineProperties$1(target, props) {
         for(var i = 0; i < props.length; i++){
             var descriptor = props[i];
             descriptor.enumerable = descriptor.enumerable || false;
@@ -35909,9 +36025,9 @@
             Object.defineProperty(target, descriptor.key, descriptor);
         }
     }
-    function _create_class$2(Constructor, protoProps, staticProps) {
-        if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
-        if (staticProps) _defineProperties$2(Constructor, staticProps);
+    function _create_class$1(Constructor, protoProps, staticProps) {
+        if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
+        if (staticProps) _defineProperties$1(Constructor, staticProps);
         return Constructor;
     }
     function _set_prototype_of$1(o, p) {
@@ -35978,7 +36094,7 @@
             this._webCanvas.width = width;
             this._webCanvas.height = height;
         };
-        _create_class$2(WebCanvas, [
+        _create_class$1(WebCanvas, [
             {
                 key: "scale",
                 get: /**
@@ -36025,7 +36141,7 @@
                 return engine;
             });
         };
-        _create_class$2(WebGLEngine, [
+        _create_class$1(WebGLEngine, [
             {
                 key: "canvas",
                 get: /**
@@ -36256,7 +36372,7 @@
                 TEXTURE_MAX_ANISOTROPY_EXT: "TEXTURE_MAX_ANISOTROPY_EXT"
             });
         };
-        _create_class$2(GLCapability, [
+        _create_class$1(GLCapability, [
             {
                 key: "maxTextureSize",
                 get: function get() {
@@ -37005,7 +37121,7 @@
             }
             return true;
         };
-        _create_class$2(GLTexture, [
+        _create_class$1(GLTexture, [
             {
                 key: "wrapModeU",
                 set: /**
@@ -37547,7 +37663,7 @@
             this._activeTextures = new Array(32);
             this._lastViewport = new Vector4(null, null, null, null);
             this._lastScissor = new Vector4(null, null, null, null);
-            this._lastClearColor = new Color$1(null, null, null, null);
+            this._lastClearColor = new Color(null, null, null, null);
             this._scissorEnable = false;
             var options = _extends$1({
                 webGLMode: 0,
@@ -37802,7 +37918,7 @@
         _proto._onWebGLContextRestored = function _onWebGLContextRestored(event) {
             this._onDeviceRestored();
         };
-        _create_class$2(WebGLGraphicDevice, [
+        _create_class$1(WebGLGraphicDevice, [
             {
                 key: "isWebGL2",
                 get: function get() {
@@ -37846,230 +37962,6 @@
         return WebGLGraphicDevice;
     }();
 
-    function _defineProperties$1(target, props) {
-        for(var i = 0; i < props.length; i++){
-            var descriptor = props[i];
-            descriptor.enumerable = descriptor.enumerable || false;
-            descriptor.configurable = true;
-            if ("value" in descriptor) descriptor.writable = true;
-            Object.defineProperty(target, descriptor.key, descriptor);
-        }
-    }
-    function _create_class$1(Constructor, protoProps, staticProps) {
-        if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
-        if (staticProps) _defineProperties$1(Constructor, staticProps);
-        return Constructor;
-    }
-    var DRACOWorker = /*#__PURE__*/ function() {
-        var DRACOWorker = function DRACOWorker(workerSourceURL, decoderWASMBinary) {
-            var _this = this;
-            // Record byteLength of each task.
-            this._costs = {};
-            // The sum of bytelength that the worker is currently dealing with, in order to sort the workers.
-            this._currentLoad = 0;
-            this._callbacks = {};
-            this._worker = new Worker(workerSourceURL);
-            this._worker.onmessage = function(e) {
-                var message = e.data;
-                switch(message.type){
-                    case "decode":
-                        _this._callbacks[message.id].resolve(message.geometry);
-                        break;
-                    case "error":
-                        _this._callbacks[message.id].reject(message);
-                        break;
-                    default:
-                        Logger.error('DRACOWorker: Unexpected message, "' + message.type + '"');
-                }
-            };
-            if (decoderWASMBinary) {
-                this._worker.postMessage({
-                    type: "init",
-                    decoderConfig: {
-                        wasmBinary: decoderWASMBinary
-                    }
-                });
-            } else {
-                this._worker.postMessage({
-                    type: "init",
-                    decoderConfig: {}
-                });
-            }
-        };
-        var _proto = DRACOWorker.prototype;
-        _proto.setCosts = function setCosts(taskId, cost) {
-            this._costs[taskId] = cost;
-        };
-        _proto.addCurrentLoad = function addCurrentLoad(cost) {
-            this._currentLoad += cost;
-        };
-        _proto.setCallback = function setCallback(taskId, resolve, reject) {
-            this._callbacks[taskId] = {
-                resolve: resolve,
-                reject: reject
-            };
-        };
-        _proto.decode = function decode(taskId, taskConfig, buffer) {
-            this._worker.postMessage({
-                type: "decode",
-                id: taskId,
-                taskConfig: taskConfig,
-                buffer: buffer
-            }, [
-                buffer
-            ]);
-        };
-        _proto.releaseTask = function releaseTask(taskId) {
-            this._currentLoad -= this._costs[taskId];
-            delete this._callbacks[taskId];
-            delete this._costs[taskId];
-        };
-        _create_class$1(DRACOWorker, [
-            {
-                key: "currentLoad",
-                get: function get() {
-                    return this._currentLoad;
-                }
-            }
-        ]);
-        return DRACOWorker;
-    }();
-    var workerString = 'let decoderPending;\nlet decoderConfig;\n\nonmessage = function(e) {\n  const message = e.data;\n\n  switch (message.type) {\n    case "init":\n      decoderConfig = message.decoderConfig;\n      decoderPending = new Promise(function(resolve /*, reject*/) {\n        decoderConfig.onModuleLoaded = function(draco) {\n          // Module is Promise-like. Wrap before resolving to avoid loop.\n          resolve({ draco: draco });\n        };\n        DracoDecoderModule(decoderConfig);\n      });\n      break;\n\n    case "decode":\n      const buffer = message.buffer;\n      const taskConfig = message.taskConfig;\n      decoderPending.then(module => {\n        const draco = module.draco;\n        const decoder = new draco.Decoder();\n        const decoderBuffer = new draco.DecoderBuffer();\n        decoderBuffer.Init(new Int8Array(buffer), buffer.byteLength);\n        try {\n          const geometry = decodeGeometry(draco, decoder, decoderBuffer, taskConfig);\n          const buffers = geometry.attributes.map(attr => attr.array.buffer);\n          if (geometry.index) buffers.push(geometry.index.array.buffer);\n          self.postMessage({ type: "decode", id: message.id, geometry }, buffers);\n        } catch (error) {\n          console.error(error);\n          self.postMessage({ type: "error", id: message.id, error: error.message });\n        } finally {\n          draco.destroy(decoderBuffer);\n          draco.destroy(decoder);\n        }\n      });\n      break;\n  }\n};\n\nfunction decodeGeometry(draco, decoder, decoderBuffer, taskConfig) {\n  const attributeIDs = taskConfig.attributeIDs;\n  const attributeTypes = taskConfig.attributeTypes;\n\n  let dracoGeometry;\n  let decodingStatus;\n\n  const geometryType = decoder.GetEncodedGeometryType(decoderBuffer);\n  if (geometryType === draco.TRIANGULAR_MESH) {\n    dracoGeometry = new draco.Mesh();\n    decodingStatus = decoder.DecodeBufferToMesh(decoderBuffer, dracoGeometry);\n  } else {\n    throw new Error("DRACODecoder worker: Unexpected geometry type.");\n  }\n\n  if (!decodingStatus.ok() || dracoGeometry.ptr === 0) {\n    throw new Error("DRACODecoder worker: Decoding failed: " + decodingStatus.error_msg());\n  }\n\n  const geometry = { index: null, attributes: [] };\n\n  // Gather all vertex attributes.\n  for (let attributeName in attributeIDs) {\n    const attributeType = self[attributeTypes[attributeName]];\n\n    let attribute;\n    let attributeID;\n\n    // A Draco file may be created with default vertex attributes, whose attribute IDs\n    // are mapped 1:1 from their semantic name (POSITION, NORMAL, ...). Alternatively,\n    // a Draco file may contain a custom set of attributes, identified by known unique\n    // IDs. glTF files always do the latter, and .drc files typically do the former.\n    if (taskConfig.useUniqueIDs) {\n      attributeID = attributeIDs[attributeName];\n      attribute = decoder.GetAttributeByUniqueId(dracoGeometry, attributeID);\n    } else {\n      attributeID = decoder.GetAttributeId(dracoGeometry, draco[attributeIDs[attributeName]]);\n      if (attributeID === -1) continue;\n      attribute = decoder.GetAttribute(dracoGeometry, attributeID);\n    }\n    geometry.attributes.push(decodeAttribute(draco, decoder, dracoGeometry, attributeName, attributeType, attribute));\n  }\n  // Add index.\n  if (geometryType === draco.TRIANGULAR_MESH) {\n    // Generate mesh faces.\n    const numFaces = dracoGeometry.num_faces();\n    const numIndices = numFaces * 3;\n    let dataSize;\n    let ptr;\n    let index;\n    const indexType = self[taskConfig.indexType];\n\n    switch (indexType) {\n      case Uint16Array:\n        dataSize = numIndices * 2;\n        ptr = draco._malloc(dataSize);\n        decoder.GetTrianglesUInt16Array(dracoGeometry, dataSize, ptr);\n        index = new Uint16Array(draco.HEAPU16.buffer, ptr, numIndices).slice();\n        draco._free(ptr);\n        break;\n      case Uint32Array:\n        dataSize = numIndices * 4;\n        ptr = draco._malloc(dataSize);\n        decoder.GetTrianglesUInt32Array(dracoGeometry, dataSize, ptr);\n        index = new Uint32Array(draco.HEAPU32.buffer, ptr, numIndices).slice();\n        draco._free(ptr);\n        break;\n      default:\n        throw new Error("DRACODecoder: Unexpected index type.");\n    }\n    geometry.index = { array: index, itemSize: 1 };\n  }\n  draco.destroy(dracoGeometry);\n  return geometry;\n}\n\nfunction decodeAttribute(draco, decoder, dracoGeometry, attributeName, attributeType, attribute) {\n  const numComponents = attribute.num_components();\n  const numPoints = dracoGeometry.num_points();\n  const numValues = numPoints * numComponents;\n  let ptr;\n  let array;\n  let dataSize;\n  switch (attributeType) {\n    case Float32Array:\n      dataSize = numValues * 4;\n      ptr = draco._malloc(dataSize);\n      decoder.GetAttributeDataArrayForAllPoints(dracoGeometry, attribute, draco.DT_FLOAT32, dataSize, ptr);\n      array = new Float32Array(draco.HEAPF32.buffer, ptr, numValues).slice();\n      draco._free(ptr);\n      break;\n\n    case Int8Array:\n      ptr = draco._malloc(numValues);\n      decoder.GetAttributeDataArrayForAllPoints(dracoGeometry, attribute, draco.DT_INT8, numValues, ptr);\n      array = new Int8Array(draco.HEAP8.buffer, ptr, numValues).slice();\n      draco._free(ptr);\n      break;\n\n    case Int16Array:\n      dataSize = numValues * 2;\n      ptr = draco._malloc(dataSize);\n      decoder.GetAttributeDataArrayForAllPoints(dracoGeometry, attribute, draco.DT_INT16, dataSize, ptr);\n      array = new Int16Array(draco.HEAP16.buffer, ptr, numValues).slice();\n      draco._free(ptr);\n      break;\n\n    case Int32Array:\n      dataSize = numValues * 4;\n      ptr = draco._malloc(dataSize);\n      decoder.GetAttributeDataArrayForAllPoints(dracoGeometry, attribute, draco.DT_INT32, dataSize, ptr);\n      array = new Int32Array(draco.HEAP32.buffer, ptr, numValues).slice();\n      draco._free(ptr);\n      break;\n\n    case Uint8Array:\n      ptr = draco._malloc(numValues);\n      decoder.GetAttributeDataArrayForAllPoints(dracoGeometry, attribute, draco.DT_UINT8, numValues, ptr);\n      array = new Uint8Array(draco.HEAPU8.buffer, ptr, numValues).slice();\n      draco._free(ptr);\n      break;\n\n    case Uint16Array:\n      dataSize = numValues * 2;\n      ptr = draco._malloc(dataSize);\n      decoder.GetAttributeDataArrayForAllPoints(dracoGeometry, attribute, draco.DT_UINT16, dataSize, ptr);\n      array = new Uint16Array(draco.HEAPU16.buffer, ptr, numValues).slice();\n      draco._free(ptr);\n      break;\n\n    case Uint32Array:\n      dataSize = numValues * 4;\n      ptr = draco._malloc(dataSize);\n      decoder.GetAttributeDataArrayForAllPoints(dracoGeometry, attribute, draco.DT_UINT32, dataSize, ptr);\n      array = new Uint32Array(draco.HEAPU32.buffer, ptr, numValues).slice();\n      draco._free(ptr);\n      break;\n\n    default:\n      throw new Error("DRACODecoder: Unexpected attribute type.");\n  }\n\n  return {\n    name: attributeName,\n    array: array,\n    itemSize: numComponents\n  };\n}\n';
-    var LIB_PATH = "https://gw.alipayobjects.com/os/lib/alipay/draco-javascript/1.3.6/lib/";
-    var JS_FILE = "draco_decoder_gltf.js";
-    var WASM_FILE = "draco_decoder_gltf.r3bin";
-    var WASM_WRAPPER_FILE = "draco_wasm_wrapper_gltf.js";
-    var DRACODecoder = /*#__PURE__*/ function() {
-        var DRACODecoder = function DRACODecoder(config) {
-            if (config === void 0) config = {
-                type: "wasm",
-                workerLimit: 4
-            };
-            this.pool = [];
-            this.workerLimit = Math.min(navigator.hardwareConcurrency || 4, 4);
-            this.currentTaskId = 1;
-            this.taskCache = new WeakMap();
-            if (config.workerLimit > this.workerLimit) {
-                Logger.warn("DRACOWorkerPool: Can not initialize worker pool with limit:" + config.workerLimit);
-            } else {
-                var _config_workerLimit;
-                this.workerLimit = (_config_workerLimit = config.workerLimit) != null ? _config_workerLimit : 4;
-            }
-            this.useJS = typeof WebAssembly !== "object" || config.type === "js";
-            this.loadLibPromise = this.preloadLib();
-        };
-        var _proto = DRACODecoder.prototype;
-        _proto.preloadLib = function preloadLib() {
-            var _this = this;
-            if (this.loadLibPromise) {
-                return this.loadLibPromise;
-            }
-            return new Promise(function(resolve, reject) {
-                if (_this.useJS) {
-                    request("" + LIB_PATH + JS_FILE, {
-                        type: "text"
-                    }).then(function(jsSource) {
-                        var body = [
-                            jsSource,
-                            workerString
-                        ].join("\n");
-                        var workerSourceURL = URL.createObjectURL(new Blob([
-                            body
-                        ]));
-                        resolve({
-                            workerSourceURL: workerSourceURL,
-                            decoderWASMBinary: null
-                        });
-                    }).catch(function(reason) {
-                        reject(reason);
-                    });
-                } else {
-                    Promise.all([
-                        request("" + LIB_PATH + WASM_WRAPPER_FILE, {
-                            type: "text"
-                        }),
-                        request("" + LIB_PATH + WASM_FILE, {
-                            type: "arraybuffer"
-                        })
-                    ]).then(function(resources) {
-                        var wrapperSource = resources[0], decoderWASMBinary = resources[1];
-                        var body = [
-                            wrapperSource,
-                            workerString
-                        ].join("\n");
-                        var workerSourceURL = URL.createObjectURL(new Blob([
-                            body
-                        ]));
-                        resolve({
-                            workerSourceURL: workerSourceURL,
-                            decoderWASMBinary: decoderWASMBinary
-                        });
-                    }).catch(function(reason) {
-                        reject(reason);
-                    });
-                }
-            });
-        };
-        _proto.getWorker = function getWorker() {
-            var _this = this;
-            return this.preloadLib().then(function(worderResources) {
-                if (_this.pool.length < _this.workerLimit) {
-                    var dracoWorker = new DRACOWorker(worderResources.workerSourceURL, worderResources.decoderWASMBinary);
-                    _this.pool.push(dracoWorker);
-                } else {
-                    _this.pool.sort(function(a, b) {
-                        return a.currentLoad > b.currentLoad ? -1 : 1;
-                    });
-                }
-                return _this.pool[_this.pool.length - 1];
-            });
-        };
-        _proto.decode = function decode(buffer, taskConfig) {
-            var _this = this;
-            var taskKey = JSON.stringify(taskConfig);
-            // Check for an existing task using this buffer. A transferred buffer cannot be transferred.
-            // again from this thread.
-            if (this.taskCache.has(buffer)) {
-                var cachedTask = this.taskCache.get(buffer);
-                if (cachedTask.key === taskKey) {
-                    return cachedTask.promise;
-                } else if (buffer.byteLength === 0) {
-                    // After using transferable to transfer data, the data in the original environment will be cleared, so it is judged that byteLength is 0, which means it has been transferred.
-                    // Technically, it would be possible to wait for the previous task to complete,
-                    // transfer the buffer back, and decode again with the second configuration. That
-                    // is complex, and I don't know of any reason to decode a Draco buffer twice in
-                    // different ways, so this is left unimplemented.
-                    throw new Error("DRACODecoder: Unable to re-decode a buffer with different " + "settings. Buffer has already been transferred.");
-                }
-            }
-            var taskId = this.currentTaskId++;
-            var cost = buffer.byteLength;
-            var taskWorker;
-            var task = new Promise(function(resolve, reject) {
-                _this.getWorker().then(function(worker) {
-                    taskWorker = worker;
-                    worker.setCosts(taskId, cost);
-                    worker.addCurrentLoad(cost);
-                    worker.setCallback(taskId, resolve, reject);
-                    worker.decode(taskId, taskConfig, buffer);
-                }).catch(function(e) {
-                    reject(e);
-                });
-            });
-            task.finally(function() {
-                if (taskWorker && taskId) {
-                    taskWorker.releaseTask(taskId);
-                }
-            });
-            this.taskCache.set(buffer, {
-                key: taskKey,
-                promise: task
-            });
-            return task;
-        };
-        return DRACODecoder;
-    }();
-
     function _extends() {
         _extends = Object.assign || function assign(target) {
             for(var i = 1; i < arguments.length; i++){
@@ -38508,7 +38400,7 @@
     function float32ArrayToVColor(float32Array, vertexCount) {
         var array = new Array(vertexCount);
         for(var i = 0; i < vertexCount; i++){
-            array[i] = new Color$1(float32Array[i * 4], float32Array[i * 4 + 1], float32Array[i * 4 + 2], float32Array[i * 4 + 3]);
+            array[i] = new Color(float32Array[i * 4], float32Array[i * 4 + 1], float32Array[i * 4 + 2], float32Array[i * 4 + 3]);
         }
         return array;
     }
@@ -38647,6 +38539,8 @@
                 if (position) entity.transform.position.copyFrom(position);
                 if (rotation) entity.transform.rotation.copyFrom(rotation);
                 if (scale) entity.transform.scale.copyFrom(scale);
+                var _entityConfig_layer;
+                entity.layer = (_entityConfig_layer = entityConfig.layer) != null ? _entityConfig_layer : entity.layer;
                 return entity;
             });
         };
@@ -38940,7 +38834,7 @@
                                 for(var j5 = 0; j5 < keysLen; ++j5){
                                     var keyframe6 = new Keyframe();
                                     keyframe6.time = bufferReader.nextFloat32();
-                                    keyframe6.value = new Color$1(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                    keyframe6.value = new Color(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
                                     keyframe6.inTangent = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
                                     keyframe6.outTangent = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
                                     curve.addKey(keyframe6);
@@ -39615,7 +39509,7 @@
        * Float
        */ "FLOAT"] = 5126] = "FLOAT";
     })(AccessorComponentType || (AccessorComponentType = {}));
-    var AccessorType;
+    exports.AccessorType = void 0;
     (function(AccessorType) {
         AccessorType[/**
        * Scalar
@@ -39638,7 +39532,7 @@
         AccessorType[/**
        * Matrix4x4
        */ "MAT4"] = "MAT4";
-    })(AccessorType || (AccessorType = {}));
+    })(exports.AccessorType || (exports.AccessorType = {}));
     var AnimationChannelTargetPath;
     (function(AnimationChannelTargetPath) {
         AnimationChannelTargetPath[/**
@@ -39786,7 +39680,7 @@
                 var glTFItems = this.glTF[glTFSchemaMap[type]];
                 if (glTFItems && (index === undefined || glTFItems[index])) {
                     if (index === undefined) {
-                        resource = type === 7 ? glTFItems.map(function(_, index) {
+                        resource = type === 8 ? glTFItems.map(function(_, index) {
                             return _this.get(type, index);
                         }) : Promise.all(glTFItems.map(function(_, index) {
                             return _this.get(type, index);
@@ -39808,11 +39702,11 @@
                 _this.glTF = json;
                 return Promise.all([
                     _this.get(1),
-                    _this.get(4),
                     _this.get(5),
                     _this.get(6),
-                    _this.get(8),
+                    _this.get(7),
                     _this.get(9),
+                    _this.get(10),
                     _this.get(2)
                 ]).then(function() {
                     var glTFResource = _this.glTFResource;
@@ -39862,7 +39756,7 @@
             var _this = this;
             var glTFResourceKey = glTFResourceMap[type];
             if (!glTFResourceKey) return;
-            if (type === 7) {
+            if (type === 8) {
                 var _this_glTFResource, _glTFResourceKey;
                 ((_this_glTFResource = this.glTFResource)[_glTFResourceKey = glTFResourceKey] || (_this_glTFResource[_glTFResourceKey] = []))[index] = resource;
             } else {
@@ -39870,7 +39764,7 @@
                 resource.then(function(item) {
                     var _this_glTFResource, _glTFResourceKey;
                     ((_this_glTFResource = _this.glTFResource)[_glTFResourceKey = glTFResourceKey] || (_this_glTFResource[_glTFResourceKey] = []))[index] = item;
-                    if (type === 6) {
+                    if (type === 7) {
                         for(var i = 0, length = item.length; i < length; i++){
                             var mesh = item[i];
                             // @ts-ignore
@@ -39910,17 +39804,18 @@
         GLTFParserType[GLTFParserType["Validator"] = 1] = "Validator";
         GLTFParserType[GLTFParserType["Scene"] = 2] = "Scene";
         GLTFParserType[GLTFParserType["Buffer"] = 3] = "Buffer";
-        GLTFParserType[GLTFParserType["Texture"] = 4] = "Texture";
-        GLTFParserType[GLTFParserType["Material"] = 5] = "Material";
-        GLTFParserType[GLTFParserType["Mesh"] = 6] = "Mesh";
-        GLTFParserType[GLTFParserType["Entity"] = 7] = "Entity";
-        GLTFParserType[GLTFParserType["Skin"] = 8] = "Skin";
-        GLTFParserType[GLTFParserType["Animation"] = 9] = "Animation";
+        GLTFParserType[GLTFParserType["BufferView"] = 4] = "BufferView";
+        GLTFParserType[GLTFParserType["Texture"] = 5] = "Texture";
+        GLTFParserType[GLTFParserType["Material"] = 6] = "Material";
+        GLTFParserType[GLTFParserType["Mesh"] = 7] = "Mesh";
+        GLTFParserType[GLTFParserType["Entity"] = 8] = "Entity";
+        GLTFParserType[GLTFParserType["Skin"] = 9] = "Skin";
+        GLTFParserType[GLTFParserType["Animation"] = 10] = "Animation";
     })(exports.GLTFParserType || (exports.GLTFParserType = {}));
     var _obj;
-    var glTFSchemaMap = (_obj = {}, _obj[2] = "scenes", _obj[3] = "buffers", _obj[4] = "textures", _obj[5] = "materials", _obj[6] = "meshes", _obj[7] = "nodes", _obj[8] = "skins", _obj[9] = "animations", _obj);
+    var glTFSchemaMap = (_obj = {}, _obj[2] = "scenes", _obj[3] = "buffers", _obj[5] = "textures", _obj[6] = "materials", _obj[7] = "meshes", _obj[8] = "nodes", _obj[9] = "skins", _obj[10] = "animations", _obj[4] = "bufferViews", _obj);
     var _obj1;
-    var glTFResourceMap = (_obj1 = {}, _obj1[2] = "_sceneRoots", _obj1[4] = "textures", _obj1[5] = "materials", _obj1[6] = "meshes", _obj1[7] = "entities", _obj1[8] = "skins", _obj1[9] = "animations", _obj1);
+    var glTFResourceMap = (_obj1 = {}, _obj1[2] = "_sceneRoots", _obj1[5] = "textures", _obj1[6] = "materials", _obj1[7] = "meshes", _obj1[8] = "entities", _obj1[9] = "skins", _obj1[10] = "animations", _obj1);
     function registerGLTFParser(pipeline) {
         return function(Parser) {
             var parser = new Parser();
@@ -39960,11 +39855,11 @@
             var colors = new Array(bufferLen / (isColor3 ? 3 : 4));
             if (isColor3) {
                 for(var i = 0; i < bufferLen; i += 3){
-                    colors[i / 3] = new Color$1(buffer[i], buffer[i + 1], buffer[i + 2], 1.0);
+                    colors[i / 3] = new Color(buffer[i], buffer[i + 1], buffer[i + 2], 1.0);
                 }
             } else {
                 for(var i1 = 0; i1 < bufferLen; i1 += 4){
-                    colors[i1 / 4] = new Color$1(buffer[i1], buffer[i1 + 1], buffer[i1 + 2], buffer[i1 + 3]);
+                    colors[i1 / 4] = new Color(buffer[i1], buffer[i1 + 1], buffer[i1 + 2], buffer[i1 + 3]);
                 }
             }
             return colors;
@@ -39973,19 +39868,19 @@
        * Get the number of bytes occupied by accessor type.
        */ GLTFUtils.getAccessorTypeSize = function getAccessorTypeSize(accessorType) {
             switch(accessorType){
-                case AccessorType.SCALAR:
+                case exports.AccessorType.SCALAR:
                     return 1;
-                case AccessorType.VEC2:
+                case exports.AccessorType.VEC2:
                     return 2;
-                case AccessorType.VEC3:
+                case exports.AccessorType.VEC3:
                     return 3;
-                case AccessorType.VEC4:
+                case exports.AccessorType.VEC4:
                     return 4;
-                case AccessorType.MAT2:
+                case exports.AccessorType.MAT2:
                     return 4;
-                case AccessorType.MAT3:
+                case exports.AccessorType.MAT3:
                     return 9;
-                case AccessorType.MAT4:
+                case exports.AccessorType.MAT4:
                     return 16;
             }
         };
@@ -40025,11 +39920,10 @@
         GLTFUtils.getAccessorBuffer = function getAccessorBuffer(context, bufferViews, accessor) {
             var componentType = accessor.componentType;
             var bufferView = bufferViews[accessor.bufferView];
-            return context.get(exports.GLTFParserType.Buffer).then(function(buffers) {
+            return context.get(exports.GLTFParserType.BufferView, accessor.bufferView).then(function(bufferViewData) {
                 var bufferIndex = bufferView.buffer;
-                var buffer = buffers[bufferIndex];
-                var _bufferView_byteOffset;
-                var bufferByteOffset = (_bufferView_byteOffset = bufferView.byteOffset) != null ? _bufferView_byteOffset : 0;
+                var _bufferViewData_byteOffset;
+                var bufferByteOffset = (_bufferViewData_byteOffset = bufferViewData.byteOffset) != null ? _bufferViewData_byteOffset : 0;
                 var _accessor_byteOffset;
                 var byteOffset = (_accessor_byteOffset = accessor.byteOffset) != null ? _accessor_byteOffset : 0;
                 var TypedArray = GLTFUtils.getComponentType(componentType);
@@ -40048,19 +39942,21 @@
                     if (!bufferInfo) {
                         var offset = bufferByteOffset + bufferSlice * bufferStride;
                         var count = accessorCount * (bufferStride / dataElementBytes);
-                        var data = new TypedArray(buffer, offset, count);
+                        var data = new TypedArray(bufferViewData.buffer, offset, count);
                         accessorBufferCache[bufferCacheKey] = bufferInfo = new BufferInfo(data, true, bufferStride);
                         bufferInfo.restoreInfo = new BufferDataRestoreInfo(new RestoreDataAccessor(bufferIndex, TypedArray, offset, count));
                     }
                 } else {
                     var offset1 = bufferByteOffset + byteOffset;
                     var count1 = accessorCount * dataElementSize;
-                    var data1 = new TypedArray(buffer, offset1, count1);
+                    var data1 = new TypedArray(bufferViewData.buffer, offset1, count1);
                     bufferInfo = new BufferInfo(data1, false, elementStride);
                     bufferInfo.restoreInfo = new BufferDataRestoreInfo(new RestoreDataAccessor(bufferIndex, TypedArray, offset1, count1));
                 }
                 if (accessor.sparse) {
-                    GLTFUtils.processingSparseData(bufferViews, accessor, buffers, bufferInfo);
+                    return GLTFUtils.processingSparseData(context, accessor, bufferInfo).then(function() {
+                        return bufferInfo;
+                    });
                 }
                 return bufferInfo;
             });
@@ -40136,40 +40032,43 @@
         };
         /**
        * Get accessor data.
-       */ GLTFUtils.processingSparseData = function processingSparseData(bufferViews, accessor, buffers, bufferInfo) {
+       */ GLTFUtils.processingSparseData = function processingSparseData(context, accessor, bufferInfo) {
             var restoreInfo = bufferInfo.restoreInfo;
+            var bufferViews = context.glTF.bufferViews;
             var accessorTypeSize = GLTFUtils.getAccessorTypeSize(accessor.type);
             var TypedArray = GLTFUtils.getComponentType(accessor.componentType);
             var data = bufferInfo.data.slice();
             var _accessor_sparse = accessor.sparse, count = _accessor_sparse.count, indices = _accessor_sparse.indices, values = _accessor_sparse.values;
             var indicesBufferView = bufferViews[indices.bufferView];
             var valuesBufferView = bufferViews[values.bufferView];
-            var indicesBufferIndex = indicesBufferView.buffer;
-            var valuesBufferIndex = valuesBufferView.buffer;
-            var indicesArrayBuffer = buffers[indicesBufferIndex];
-            var valuesArrayBuffer = buffers[valuesBufferIndex];
-            var _indices_byteOffset, _indicesBufferView_byteOffset;
-            var indicesByteOffset = ((_indices_byteOffset = indices.byteOffset) != null ? _indices_byteOffset : 0) + ((_indicesBufferView_byteOffset = indicesBufferView.byteOffset) != null ? _indicesBufferView_byteOffset : 0);
-            var indicesByteLength = indicesBufferView.byteLength;
-            var _values_byteOffset, _valuesBufferView_byteOffset;
-            var valuesByteOffset = ((_values_byteOffset = values.byteOffset) != null ? _values_byteOffset : 0) + ((_valuesBufferView_byteOffset = valuesBufferView.byteOffset) != null ? _valuesBufferView_byteOffset : 0);
-            var valuesByteLength = valuesBufferView.byteLength;
-            restoreInfo.typeSize = accessorTypeSize;
-            restoreInfo.sparseCount = count;
-            var IndexTypeArray = GLTFUtils.getComponentType(indices.componentType);
-            var indexLength = indicesByteLength / IndexTypeArray.BYTES_PER_ELEMENT;
-            var indicesArray = new IndexTypeArray(indicesArrayBuffer, indicesByteOffset, indexLength);
-            restoreInfo.sparseIndices = new RestoreDataAccessor(indicesBufferIndex, IndexTypeArray, indicesByteOffset, indexLength);
-            var valueLength = valuesByteLength / TypedArray.BYTES_PER_ELEMENT;
-            var valuesArray = new TypedArray(valuesArrayBuffer, valuesByteOffset, valueLength);
-            restoreInfo.sparseValues = new RestoreDataAccessor(valuesBufferIndex, TypedArray, valuesByteOffset, valueLength);
-            for(var i = 0; i < count; i++){
-                var replaceIndex = indicesArray[i];
-                for(var j = 0; j < accessorTypeSize; j++){
-                    data[replaceIndex * accessorTypeSize + j] = valuesArray[i * accessorTypeSize + j];
+            return Promise.all([
+                context.get(exports.GLTFParserType.BufferView, indices.bufferView),
+                context.get(exports.GLTFParserType.BufferView, values.bufferView)
+            ]).then(function(param) {
+                var indicesUint8Array = param[0], valuesUin8Array = param[1];
+                var _indices_byteOffset, _indicesUint8Array_byteOffset;
+                var indicesByteOffset = ((_indices_byteOffset = indices.byteOffset) != null ? _indices_byteOffset : 0) + ((_indicesUint8Array_byteOffset = indicesUint8Array.byteOffset) != null ? _indicesUint8Array_byteOffset : 0);
+                var indicesByteLength = indicesUint8Array.byteLength;
+                var _values_byteOffset, _valuesUin8Array_byteOffset;
+                var valuesByteOffset = ((_values_byteOffset = values.byteOffset) != null ? _values_byteOffset : 0) + ((_valuesUin8Array_byteOffset = valuesUin8Array.byteOffset) != null ? _valuesUin8Array_byteOffset : 0);
+                var valuesByteLength = valuesUin8Array.byteLength;
+                restoreInfo.typeSize = accessorTypeSize;
+                restoreInfo.sparseCount = count;
+                var IndexTypeArray = GLTFUtils.getComponentType(indices.componentType);
+                var indexLength = indicesByteLength / IndexTypeArray.BYTES_PER_ELEMENT;
+                var indicesArray = new IndexTypeArray(indicesUint8Array.buffer, indicesByteOffset, indexLength);
+                restoreInfo.sparseIndices = new RestoreDataAccessor(indicesBufferView.buffer, IndexTypeArray, indicesByteOffset, indexLength);
+                var valueLength = valuesByteLength / TypedArray.BYTES_PER_ELEMENT;
+                var valuesArray = new TypedArray(valuesUin8Array.buffer, valuesByteOffset, valueLength);
+                restoreInfo.sparseValues = new RestoreDataAccessor(valuesBufferView.buffer, TypedArray, valuesByteOffset, valueLength);
+                for(var i = 0; i < count; i++){
+                    var replaceIndex = indicesArray[i];
+                    for(var j = 0; j < accessorTypeSize; j++){
+                        data[replaceIndex * accessorTypeSize + j] = valuesArray[i * accessorTypeSize + j];
+                    }
                 }
-            }
-            bufferInfo.data = data;
+                bufferInfo.data = data;
+            });
         };
         GLTFUtils.getIndexFormat = function getIndexFormat(type) {
             switch(type){
@@ -41181,8 +41080,9 @@
             });
         };
         /**
-       * Destroy ktx2 transcoder worker.
-       */ KTX2Loader1.destroy = function destroy() {
+       * Release ktx2 transcoder worker.
+       * @remarks If use loader after releasing, we should release again.
+       */ KTX2Loader1.release = function release() {
             if (this._binomialLLCTranscoder) this._binomialLLCTranscoder.destroy();
             if (this._khronosTranscoder) this._khronosTranscoder.destroy();
             this._binomialLLCTranscoder = null;
@@ -41249,7 +41149,7 @@
         KTX2Loader1._decideTargetFormat = function _decideTargetFormat(engine, ktx2Container, priorityFormats) {
             var renderer = engine._hardwareRenderer;
             var targetFormat = this._detectSupportedFormat(renderer, priorityFormats);
-            if (targetFormat === exports.KTX2TargetFormat.PVRTC && (!MathUtil$1.isPowerOf2(ktx2Container.pixelWidth) || !MathUtil$1.isPowerOf2(ktx2Container.pixelHeight) || ktx2Container.pixelWidth !== ktx2Container.pixelHeight)) {
+            if (targetFormat === exports.KTX2TargetFormat.PVRTC && (!MathUtil.isPowerOf2(ktx2Container.pixelWidth) || !MathUtil.isPowerOf2(ktx2Container.pixelHeight) || ktx2Container.pixelWidth !== ktx2Container.pixelHeight)) {
                 Logger.warn("PVRTC image need power of 2 and width===height, downgrade to RGBA8");
                 return exports.KTX2TargetFormat.R8G8B8A8;
             }
@@ -42031,7 +41931,7 @@
             if (pbrMetallicRoughness) {
                 var baseColorFactor = pbrMetallicRoughness.baseColorFactor, baseColorTexture = pbrMetallicRoughness.baseColorTexture, metallicFactor = pbrMetallicRoughness.metallicFactor, roughnessFactor = pbrMetallicRoughness.roughnessFactor, metallicRoughnessTexture = pbrMetallicRoughness.metallicRoughnessTexture;
                 if (baseColorFactor) {
-                    material.baseColor = new Color$1(Color$1.linearToGammaSpace(baseColorFactor[0]), Color$1.linearToGammaSpace(baseColorFactor[1]), Color$1.linearToGammaSpace(baseColorFactor[2]), baseColorFactor[3]);
+                    material.baseColor = new Color(Color.linearToGammaSpace(baseColorFactor[0]), Color.linearToGammaSpace(baseColorFactor[1]), Color.linearToGammaSpace(baseColorFactor[2]), baseColorFactor[3]);
                 }
                 if (baseColorTexture) {
                     context.get(exports.GLTFParserType.Texture, baseColorTexture.index).then(function(texture) {
@@ -42058,7 +41958,7 @@
                     });
                 }
                 if (emissiveFactor) {
-                    material.emissiveColor = new Color$1(Color$1.linearToGammaSpace(emissiveFactor[0]), Color$1.linearToGammaSpace(emissiveFactor[1]), Color$1.linearToGammaSpace(emissiveFactor[2]));
+                    material.emissiveColor = new Color(Color.linearToGammaSpace(emissiveFactor[0]), Color.linearToGammaSpace(emissiveFactor[1]), Color.linearToGammaSpace(emissiveFactor[2]));
                 }
                 if (normalTexture) {
                     var index = normalTexture.index, scale = normalTexture.scale;
@@ -42697,12 +42597,254 @@
     exports.GLTFValidator = __decorate([
         registerGLTFParser(exports.GLTFParserType.Validator)
     ], exports.GLTFValidator);
-    var GLTFLoader = /*#__PURE__*/ function(Loader1) {
+    exports.GLTFBufferViewParser = /*#__PURE__*/ function(GLTFParser1) {
+        var GLTFBufferViewParser = function GLTFBufferViewParser() {
+            return GLTFParser1.apply(this, arguments);
+        };
+        _inherits(GLTFBufferViewParser, GLTFParser1);
+        var _proto = GLTFBufferViewParser.prototype;
+        _proto.parse = function parse(context, index) {
+            var bufferView = context.glTF.bufferViews[index];
+            var extensions = bufferView.extensions, _bufferView_byteOffset = bufferView.byteOffset, byteOffset = _bufferView_byteOffset === void 0 ? 0 : _bufferView_byteOffset, byteLength = bufferView.byteLength, bufferIndex = bufferView.buffer;
+            return extensions ? GLTFParser.executeExtensionsCreateAndParse(extensions, context, bufferView) : context.get(exports.GLTFParserType.Buffer, bufferIndex).then(function(buffer) {
+                return new Uint8Array(buffer, byteOffset, byteLength);
+            });
+        };
+        return GLTFBufferViewParser;
+    }(GLTFParser);
+    exports.GLTFBufferViewParser = __decorate([
+        registerGLTFParser(exports.GLTFParserType.BufferView)
+    ], exports.GLTFBufferViewParser);
+    // Source: https://github.com/zeux/meshoptimizer/blob/master/js/meshopt_decoder.js
+    var MeshoptDecoder = function() {
+        var unpack = function unpack(data) {
+            var result = new Uint8Array(data.length);
+            for(var i = 0; i < data.length; ++i){
+                var ch = data.charCodeAt(i);
+                result[i] = ch > 96 ? ch - 97 : ch > 64 ? ch - 39 : ch + 4;
+            }
+            var write = 0;
+            for(var i1 = 0; i1 < data.length; ++i1){
+                result[write++] = result[i1] < 60 ? wasmpack[result[i1]] : (result[i1] - 60) * 64 + result[++i1];
+            }
+            return result.buffer.slice(0, write);
+        };
+        var decode = function decode(fun, target, count, size, source, filter) {
+            var sbrk = instance.exports.sbrk;
+            var count4 = count + 3 & ~3;
+            var tp = sbrk(count4 * size);
+            var sp = sbrk(source.length);
+            var heap = new Uint8Array(instance.exports.memory.buffer);
+            heap.set(source, sp);
+            var res = fun(tp, count, size, sp, source.length);
+            if (res == 0 && filter) {
+                filter(tp, count4, size);
+            }
+            target.set(heap.subarray(tp, tp + count * size));
+            sbrk(tp - sbrk(0));
+            if (res != 0) {
+                throw new Error("Malformed buffer data: " + res);
+            }
+        };
+        var createWorker = function createWorker(url) {
+            var worker = {
+                object: new Worker(url),
+                pending: 0,
+                requests: {}
+            };
+            worker.object.onmessage = function(event) {
+                var data = event.data;
+                worker.pending -= data.count;
+                worker.requests[data.id][data.action](data.value);
+                delete worker.requests[data.id];
+            };
+            return worker;
+        };
+        var initWorkers = function initWorkers(count) {
+            var source = "var instance; var ready = WebAssembly.instantiate(new Uint8Array([" + new Uint8Array(unpack(wasm)) + "]), {})" + ".then(function(result) {instance = result.instance; instance.exports.__wasm_call_ctors();});" + "self.onmessage = workerProcess;" + decode.toString() + workerProcess.toString();
+            var blob = new Blob([
+                source
+            ], {
+                type: "text/javascript"
+            });
+            var url = URL.createObjectURL(blob);
+            for(var i = 0; i < count; ++i){
+                workers[i] = createWorker(url);
+            }
+            URL.revokeObjectURL(url);
+        };
+        var decodeWorker = function decodeWorker(count, size, source, mode, filter) {
+            var worker = workers[0];
+            for(var i = 1; i < workers.length; ++i){
+                if (workers[i].pending < worker.pending) {
+                    worker = workers[i];
+                }
+            }
+            return new Promise(function(resolve, reject) {
+                var data = new Uint8Array(source);
+                var id = requestId++;
+                worker.pending += count;
+                worker.requests[id] = {
+                    resolve: resolve,
+                    reject: reject
+                };
+                worker.object.postMessage({
+                    id: id,
+                    count: count,
+                    size: size,
+                    source: data,
+                    mode: mode,
+                    filter: filter
+                }, [
+                    data.buffer
+                ]);
+            });
+        };
+        var workerProcess = function workerProcess(event) {
+            ready.then(function() {
+                var data = event.data;
+                try {
+                    var target = new Uint8Array(data.count * data.size);
+                    decode(instance.exports[data.mode], target, data.count, data.size, data.source, instance.exports[data.filter]);
+                    self.postMessage({
+                        id: data.id,
+                        count: data.count,
+                        action: "resolve",
+                        value: target
+                    }, [
+                        target.buffer
+                    ]);
+                } catch (error) {
+                    self.postMessage({
+                        id: data.id,
+                        count: data.count,
+                        action: "reject",
+                        value: error
+                    });
+                }
+            });
+        };
+        var wasm_base = "b9H79Tebbbe8Fv9Gbb9Gvuuuuueu9Giuuub9Geueu9Giuuueuikqbeeedddillviebeoweuec:q;iekr;leDo9TW9T9VV95dbH9F9F939H79T9F9J9H229F9Jt9VV7bb8A9TW79O9V9Wt9F9KW9J9V9KW9wWVtW949c919M9MWVbeY9TW79O9V9Wt9F9KW9J9V9KW69U9KW949c919M9MWVbdE9TW79O9V9Wt9F9KW9J9V9KW69U9KW949tWG91W9U9JWbiL9TW79O9V9Wt9F9KW9J9V9KWS9P2tWV9p9JtblK9TW79O9V9Wt9F9KW9J9V9KWS9P2tWV9r919HtbvL9TW79O9V9Wt9F9KW9J9V9KWS9P2tWVT949Wbol79IV9Rbrq:P8Yqdbk;3sezu8Jjjjjbcj;eb9Rgv8Kjjjjbc9:hodnadcefal0mbcuhoaiRbbc:Ge9hmbavaialfgrad9Radz1jjjbhwcj;abad9UhoaicefhldnadTmbaoc;WFbGgocjdaocjd6EhDcbhqinaqae9pmeaDaeaq9RaqaDfae6Egkcsfgocl4cifcd4hxdndndndnaoc9WGgmTmbcbhPcehsawcjdfhzalhHinaraH9Rax6midnaraHaxfgl9RcK6mbczhoinawcj;cbfaogifgoc9WfhOdndndndndnaHaic9WfgAco4fRbbaAci4coG4ciGPlbedibkaO9cb83ibaOcwf9cb83ibxikaOalRblalRbbgAco4gCaCciSgCE86bbaocGfalclfaCfgORbbaAcl4ciGgCaCciSgCE86bbaocVfaOaCfgORbbaAcd4ciGgCaCciSgCE86bbaoc7faOaCfgORbbaAciGgAaAciSgAE86bbaoctfaOaAfgARbbalRbegOco4gCaCciSgCE86bbaoc91faAaCfgARbbaOcl4ciGgCaCciSgCE86bbaoc4faAaCfgARbbaOcd4ciGgCaCciSgCE86bbaoc93faAaCfgARbbaOciGgOaOciSgOE86bbaoc94faAaOfgARbbalRbdgOco4gCaCciSgCE86bbaoc95faAaCfgARbbaOcl4ciGgCaCciSgCE86bbaoc96faAaCfgARbbaOcd4ciGgCaCciSgCE86bbaoc97faAaCfgARbbaOciGgOaOciSgOE86bbaoc98faAaOfgORbbalRbiglco4gAaAciSgAE86bbaoc99faOaAfgORbbalcl4ciGgAaAciSgAE86bbaoc9:faOaAfgORbbalcd4ciGgAaAciSgAE86bbaocufaOaAfgoRbbalciGglalciSglE86bbaoalfhlxdkaOalRbwalRbbgAcl4gCaCcsSgCE86bbaocGfalcwfaCfgORbbaAcsGgAaAcsSgAE86bbaocVfaOaAfgORbbalRbegAcl4gCaCcsSgCE86bbaoc7faOaCfgORbbaAcsGgAaAcsSgAE86bbaoctfaOaAfgORbbalRbdgAcl4gCaCcsSgCE86bbaoc91faOaCfgORbbaAcsGgAaAcsSgAE86bbaoc4faOaAfgORbbalRbigAcl4gCaCcsSgCE86bbaoc93faOaCfgORbbaAcsGgAaAcsSgAE86bbaoc94faOaAfgORbbalRblgAcl4gCaCcsSgCE86bbaoc95faOaCfgORbbaAcsGgAaAcsSgAE86bbaoc96faOaAfgORbbalRbvgAcl4gCaCcsSgCE86bbaoc97faOaCfgORbbaAcsGgAaAcsSgAE86bbaoc98faOaAfgORbbalRbogAcl4gCaCcsSgCE86bbaoc99faOaCfgORbbaAcsGgAaAcsSgAE86bbaoc9:faOaAfgORbbalRbrglcl4gAaAcsSgAE86bbaocufaOaAfgoRbbalcsGglalcsSglE86bbaoalfhlxekaOal8Pbb83bbaOcwfalcwf8Pbb83bbalczfhlkdnaiam9pmbaiczfhoaral9RcL0mekkaiam6mialTmidnakTmbawaPfRbbhOcbhoazhiinaiawcj;cbfaofRbbgAce4cbaAceG9R7aOfgO86bbaiadfhiaocefgoak9hmbkkazcefhzaPcefgPad6hsalhHaPad9hmexvkkcbhlasceGmdxikalaxad2fhCdnakTmbcbhHcehsawcjdfhminaral9Rax6mialTmdalaxfhlawaHfRbbhOcbhoamhiinaiawcj;cbfaofRbbgAce4cbaAceG9R7aOfgO86bbaiadfhiaocefgoak9hmbkamcefhmaHcefgHad6hsaHad9hmbkaChlxikcbhocehsinaral9Rax6mdalTmealaxfhlaocefgoad6hsadao9hmbkaChlxdkcbhlasceGTmekc9:hoxikabaqad2fawcjdfakad2z1jjjb8Aawawcjdfakcufad2fadz1jjjb8Aakaqfhqalmbkc9:hoxekcbc99aral9Radcaadca0ESEhokavcj;ebf8Kjjjjbaok;yzeHu8Jjjjjbc;ae9Rgv8Kjjjjbc9:hodnaeci9UgrcHfal0mbcuhoaiRbbgwc;WeGc;Ge9hmbawcsGgDce0mbavc;abfcFecjez:jjjjb8AavcUf9cu83ibavc8Wf9cu83ibavcyf9cu83ibavcaf9cu83ibavcKf9cu83ibavczf9cu83ibav9cu83iwav9cu83ibaialfc9WfhqaicefgwarfhodnaeTmbcmcsaDceSEhkcbhxcbhmcbhDcbhicbhlindnaoaq9nmbc9:hoxikdndnawRbbgrc;Ve0mbavc;abfalarcl4cu7fcsGcitfgPydlhsaPydbhzdnarcsGgPak9pmbavaiarcu7fcsGcdtfydbaxaPEhraPThPdndnadcd9hmbabaDcetfgHaz87ebaHcdfas87ebaHclfar87ebxekabaDcdtfgHazBdbaHclfasBdbaHcwfarBdbkaxaPfhxavc;abfalcitfgHarBdbaHasBdlavaicdtfarBdbavc;abfalcefcsGglcitfgHazBdbaHarBdlaiaPfhialcefhlxdkdndnaPcsSmbamaPfaPc987fcefhmxekaocefhrao8SbbgPcFeGhHdndnaPcu9mmbarhoxekaocvfhoaHcFbGhHcrhPdninar8SbbgOcFbGaPtaHVhHaOcu9kmearcefhraPcrfgPc8J9hmbxdkkarcefhokaHce4cbaHceG9R7amfhmkdndnadcd9hmbabaDcetfgraz87ebarcdfas87ebarclfam87ebxekabaDcdtfgrazBdbarclfasBdbarcwfamBdbkavc;abfalcitfgramBdbarasBdlavaicdtfamBdbavc;abfalcefcsGglcitfgrazBdbaramBdlaicefhialcefhlxekdnarcpe0mbaxcefgOavaiaqarcsGfRbbgPcl49RcsGcdtfydbaPcz6gHEhravaiaP9RcsGcdtfydbaOaHfgsaPcsGgOEhPaOThOdndnadcd9hmbabaDcetfgzax87ebazcdfar87ebazclfaP87ebxekabaDcdtfgzaxBdbazclfarBdbazcwfaPBdbkavaicdtfaxBdbavc;abfalcitfgzarBdbazaxBdlavaicefgicsGcdtfarBdbavc;abfalcefcsGcitfgzaPBdbazarBdlavaiaHfcsGgicdtfaPBdbavc;abfalcdfcsGglcitfgraxBdbaraPBdlalcefhlaiaOfhiasaOfhxxekaxcbaoRbbgzEgAarc;:eSgrfhsazcsGhCazcl4hXdndnazcs0mbascefhOxekashOavaiaX9RcsGcdtfydbhskdndnaCmbaOcefhxxekaOhxavaiaz9RcsGcdtfydbhOkdndnarTmbaocefhrxekaocdfhrao8SbegHcFeGhPdnaHcu9kmbaocofhAaPcFbGhPcrhodninar8SbbgHcFbGaotaPVhPaHcu9kmearcefhraocrfgoc8J9hmbkaAhrxekarcefhrkaPce4cbaPceG9R7amfgmhAkdndnaXcsSmbarhPxekarcefhPar8SbbgocFeGhHdnaocu9kmbarcvfhsaHcFbGhHcrhodninaP8SbbgrcFbGaotaHVhHarcu9kmeaPcefhPaocrfgoc8J9hmbkashPxekaPcefhPkaHce4cbaHceG9R7amfgmhskdndnaCcsSmbaPhoxekaPcefhoaP8SbbgrcFeGhHdnarcu9kmbaPcvfhOaHcFbGhHcrhrdninao8SbbgPcFbGartaHVhHaPcu9kmeaocefhoarcrfgrc8J9hmbkaOhoxekaocefhokaHce4cbaHceG9R7amfgmhOkdndnadcd9hmbabaDcetfgraA87ebarcdfas87ebarclfaO87ebxekabaDcdtfgraABdbarclfasBdbarcwfaOBdbkavc;abfalcitfgrasBdbaraABdlavaicdtfaABdbavc;abfalcefcsGcitfgraOBdbarasBdlavaicefgicsGcdtfasBdbavc;abfalcdfcsGcitfgraABdbaraOBdlavaiazcz6aXcsSVfgicsGcdtfaOBdbaiaCTaCcsSVfhialcifhlkawcefhwalcsGhlaicsGhiaDcifgDae6mbkkcbc99aoaqSEhokavc;aef8Kjjjjbaok:llevu8Jjjjjbcz9Rhvc9:hodnaecvfal0mbcuhoaiRbbc;:eGc;qe9hmbav9cb83iwaicefhraialfc98fhwdnaeTmbdnadcdSmbcbhDindnaraw6mbc9:skarcefhoar8SbbglcFeGhidndnalcu9mmbaohrxekarcvfhraicFbGhicrhldninao8SbbgdcFbGaltaiVhiadcu9kmeaocefhoalcrfglc8J9hmbxdkkaocefhrkabaDcdtfaicd4cbaice4ceG9R7avcwfaiceGcdtVgoydbfglBdbaoalBdbaDcefgDae9hmbxdkkcbhDindnaraw6mbc9:skarcefhoar8SbbglcFeGhidndnalcu9mmbaohrxekarcvfhraicFbGhicrhldninao8SbbgdcFbGaltaiVhiadcu9kmeaocefhoalcrfglc8J9hmbxdkkaocefhrkabaDcetfaicd4cbaice4ceG9R7avcwfaiceGcdtVgoydbfgl87ebaoalBdbaDcefgDae9hmbkkcbc99arawSEhokaok:Lvoeue99dud99eud99dndnadcl9hmbaeTmeindndnabcdfgd8Sbb:Yab8Sbbgi:Ygl:l:tabcefgv8Sbbgo:Ygr:l:tgwJbb;:9cawawNJbbbbawawJbbbb9GgDEgq:mgkaqaicb9iEalMgwawNakaqaocb9iEarMgqaqNMM:r:vglNJbbbZJbbb:;aDEMgr:lJbbb9p9DTmbar:Ohixekcjjjj94hikadai86bbdndnaqalNJbbbZJbbb:;aqJbbbb9GEMgq:lJbbb9p9DTmbaq:Ohdxekcjjjj94hdkavad86bbdndnawalNJbbbZJbbb:;awJbbbb9GEMgw:lJbbb9p9DTmbaw:Ohdxekcjjjj94hdkabad86bbabclfhbaecufgembxdkkaeTmbindndnabclfgd8Ueb:Yab8Uebgi:Ygl:l:tabcdfgv8Uebgo:Ygr:l:tgwJb;:FSawawNJbbbbawawJbbbb9GgDEgq:mgkaqaicb9iEalMgwawNakaqaocb9iEarMgqaqNMM:r:vglNJbbbZJbbb:;aDEMgr:lJbbb9p9DTmbar:Ohixekcjjjj94hikadai87ebdndnaqalNJbbbZJbbb:;aqJbbbb9GEMgq:lJbbb9p9DTmbaq:Ohdxekcjjjj94hdkavad87ebdndnawalNJbbbZJbbb:;awJbbbb9GEMgw:lJbbb9p9DTmbaw:Ohdxekcjjjj94hdkabad87ebabcwfhbaecufgembkkk;siliui99iue99dnaeTmbcbhiabhlindndnJ;Zl81Zalcof8UebgvciV:Y:vgoal8Ueb:YNgrJb;:FSNJbbbZJbbb:;arJbbbb9GEMgw:lJbbb9p9DTmbaw:OhDxekcjjjj94hDkalclf8Uebhqalcdf8UebhkabavcefciGaiVcetfaD87ebdndnaoak:YNgwJb;:FSNJbbbZJbbb:;awJbbbb9GEMgx:lJbbb9p9DTmbax:Ohkxekcjjjj94hkkabavcdfciGaiVcetfak87ebdndnaoaq:YNgoJb;:FSNJbbbZJbbb:;aoJbbbb9GEMgx:lJbbb9p9DTmbax:Ohqxekcjjjj94hqkabavcufciGaiVcetfaq87ebdndnJbbjZararN:tawawN:taoaoN:tgrJbbbbarJbbbb9GE:rJb;:FSNJbbbZMgr:lJbbb9p9DTmbar:Ohqxekcjjjj94hqkabavciGaiVcetfaq87ebalcwfhlaiclfhiaecufgembkkk9mbdnadcd4ae2geTmbinababydbgdcwtcw91:Yadce91cjjj;8ifcjjj98G::NUdbabclfhbaecufgembkkk9teiucbcbydj1jjbgeabcifc98GfgbBdj1jjbdndnabZbcztgd9nmbcuhiabad9RcFFifcz4nbcuSmekaehikaik;LeeeudndnaeabVciGTmbabhixekdndnadcz9pmbabhixekabhiinaiaeydbBdbaiclfaeclfydbBdbaicwfaecwfydbBdbaicxfaecxfydbBdbaiczfhiaeczfheadc9Wfgdcs0mbkkadcl6mbinaiaeydbBdbaeclfheaiclfhiadc98fgdci0mbkkdnadTmbinaiaeRbb86bbaicefhiaecefheadcufgdmbkkabk;aeedudndnabciGTmbabhixekaecFeGc:b:c:ew2hldndnadcz9pmbabhixekabhiinaialBdbaicxfalBdbaicwfalBdbaiclfalBdbaiczfhiadc9Wfgdcs0mbkkadcl6mbinaialBdbaiclfhiadc98fgdci0mbkkdnadTmbinaiae86bbaicefhiadcufgdmbkkabkkkebcjwklz9Kbb";
+        var wasm_simd = "b9H79TebbbeKl9Gbb9Gvuuuuueu9Giuuub9Geueuikqbbebeedddilve9Weeeviebeoweuec:q;Aekr;leDo9TW9T9VV95dbH9F9F939H79T9F9J9H229F9Jt9VV7bb8A9TW79O9V9Wt9F9KW9J9V9KW9wWVtW949c919M9MWVbdY9TW79O9V9Wt9F9KW9J9V9KW69U9KW949c919M9MWVblE9TW79O9V9Wt9F9KW9J9V9KW69U9KW949tWG91W9U9JWbvL9TW79O9V9Wt9F9KW9J9V9KWS9P2tWV9p9JtboK9TW79O9V9Wt9F9KW9J9V9KWS9P2tWV9r919HtbrL9TW79O9V9Wt9F9KW9J9V9KWS9P2tWVT949Wbwl79IV9RbDq;t9tqlbzik9:evu8Jjjjjbcz9Rhbcbheincbhdcbhiinabcwfadfaicjuaead4ceGglE86bbaialfhiadcefgdcw9hmbkaec:q:yjjbfai86bbaecitc:q1jjbfab8Piw83ibaecefgecjd9hmbkk;h8JlHud97euo978Jjjjjbcj;kb9Rgv8Kjjjjbc9:hodnadcefal0mbcuhoaiRbbc:Ge9hmbavaialfgrad9Rad;8qbbcj;abad9UhoaicefhldnadTmbaoc;WFbGgocjdaocjd6EhwcbhDinaDae9pmeawaeaD9RaDawfae6Egqcsfgoc9WGgkci2hxakcethmaocl4cifcd4hPabaDad2fhscbhzdnincehHalhOcbhAdninaraO9RaP6miavcj;cbfaAak2fhCaOaPfhlcbhidnakc;ab6mbaral9Rc;Gb6mbcbhoinaCaofhidndndndndnaOaoco4fRbbgXciGPlbedibkaipxbbbbbbbbbbbbbbbbpklbxikaialpbblalpbbbgQclp:meaQpmbzeHdOiAlCvXoQrLgQcdp:meaQpmbzeHdOiAlCvXoQrLpxiiiiiiiiiiiiiiiip9ogLpxiiiiiiiiiiiiiiiip8JgQp5b9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibaKc:q:yjjbfpbbbgYaYpmbbbbbbbbbbbbbbbbaQp5e9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibp9UpmbedilvorzHOACXQLpPaLaQp9spklbalclfaYpQbfaKc:q:yjjbfRbbfhlxdkaialpbbwalpbbbgQclp:meaQpmbzeHdOiAlCvXoQrLpxssssssssssssssssp9ogLpxssssssssssssssssp8JgQp5b9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibaKc:q:yjjbfpbbbgYaYpmbbbbbbbbbbbbbbbbaQp5e9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibp9UpmbedilvorzHOACXQLpPaLaQp9spklbalcwfaYpQbfaKc:q:yjjbfRbbfhlxekaialpbbbpklbalczfhlkdndndndndnaXcd4ciGPlbedibkaipxbbbbbbbbbbbbbbbbpklzxikaialpbblalpbbbgQclp:meaQpmbzeHdOiAlCvXoQrLgQcdp:meaQpmbzeHdOiAlCvXoQrLpxiiiiiiiiiiiiiiiip9ogLpxiiiiiiiiiiiiiiiip8JgQp5b9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibaKc:q:yjjbfpbbbgYaYpmbbbbbbbbbbbbbbbbaQp5e9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibp9UpmbedilvorzHOACXQLpPaLaQp9spklzalclfaYpQbfaKc:q:yjjbfRbbfhlxdkaialpbbwalpbbbgQclp:meaQpmbzeHdOiAlCvXoQrLpxssssssssssssssssp9ogLpxssssssssssssssssp8JgQp5b9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibaKc:q:yjjbfpbbbgYaYpmbbbbbbbbbbbbbbbbaQp5e9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibp9UpmbedilvorzHOACXQLpPaLaQp9spklzalcwfaYpQbfaKc:q:yjjbfRbbfhlxekaialpbbbpklzalczfhlkdndndndndnaXcl4ciGPlbedibkaipxbbbbbbbbbbbbbbbbpklaxikaialpbblalpbbbgQclp:meaQpmbzeHdOiAlCvXoQrLgQcdp:meaQpmbzeHdOiAlCvXoQrLpxiiiiiiiiiiiiiiiip9ogLpxiiiiiiiiiiiiiiiip8JgQp5b9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibaKc:q:yjjbfpbbbgYaYpmbbbbbbbbbbbbbbbbaQp5e9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibp9UpmbedilvorzHOACXQLpPaLaQp9spklaalclfaYpQbfaKc:q:yjjbfRbbfhlxdkaialpbbwalpbbbgQclp:meaQpmbzeHdOiAlCvXoQrLpxssssssssssssssssp9ogLpxssssssssssssssssp8JgQp5b9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibaKc:q:yjjbfpbbbgYaYpmbbbbbbbbbbbbbbbbaQp5e9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibp9UpmbedilvorzHOACXQLpPaLaQp9spklaalcwfaYpQbfaKc:q:yjjbfRbbfhlxekaialpbbbpklaalczfhlkdndndndndnaXco4Plbedibkaipxbbbbbbbbbbbbbbbbpkl8WxikaialpbblalpbbbgQclp:meaQpmbzeHdOiAlCvXoQrLgQcdp:meaQpmbzeHdOiAlCvXoQrLpxiiiiiiiiiiiiiiiip9ogLpxiiiiiiiiiiiiiiiip8JgQp5b9cjF;8;4;W;G;ab9:9cU1:NgXcitc:q1jjbfpbibaXc:q:yjjbfpbbbgYaYpmbbbbbbbbbbbbbbbbaQp5e9cjF;8;4;W;G;ab9:9cU1:NgXcitc:q1jjbfpbibp9UpmbedilvorzHOACXQLpPaLaQp9spkl8WalclfaYpQbfaXc:q:yjjbfRbbfhlxdkaialpbbwalpbbbgQclp:meaQpmbzeHdOiAlCvXoQrLpxssssssssssssssssp9ogLpxssssssssssssssssp8JgQp5b9cjF;8;4;W;G;ab9:9cU1:NgXcitc:q1jjbfpbibaXc:q:yjjbfpbbbgYaYpmbbbbbbbbbbbbbbbbaQp5e9cjF;8;4;W;G;ab9:9cU1:NgXcitc:q1jjbfpbibp9UpmbedilvorzHOACXQLpPaLaQp9spkl8WalcwfaYpQbfaXc:q:yjjbfRbbfhlxekaialpbbbpkl8Walczfhlkaoc;abfhiaocjefak0meaihoaral9Rc;Fb0mbkkdndnaiak9pmbaici4hoinaral9RcK6mdaCaifhXdndndndndnaOaico4fRbbaocoG4ciGPlbedibkaXpxbbbbbbbbbbbbbbbbpklbxikaXalpbblalpbbbgQclp:meaQpmbzeHdOiAlCvXoQrLgQcdp:meaQpmbzeHdOiAlCvXoQrLpxiiiiiiiiiiiiiiiip9ogLpxiiiiiiiiiiiiiiiip8JgQp5b9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibaKc:q:yjjbfpbbbgYaYpmbbbbbbbbbbbbbbbbaQp5e9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibp9UpmbedilvorzHOACXQLpPaLaQp9spklbalclfaYpQbfaKc:q:yjjbfRbbfhlxdkaXalpbbwalpbbbgQclp:meaQpmbzeHdOiAlCvXoQrLpxssssssssssssssssp9ogLpxssssssssssssssssp8JgQp5b9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibaKc:q:yjjbfpbbbgYaYpmbbbbbbbbbbbbbbbbaQp5e9cjF;8;4;W;G;ab9:9cU1:NgKcitc:q1jjbfpbibp9UpmbedilvorzHOACXQLpPaLaQp9spklbalcwfaYpQbfaKc:q:yjjbfRbbfhlxekaXalpbbbpklbalczfhlkaocdfhoaiczfgiak6mbkkalTmbaAci6hHalhOaAcefgohAaoclSmdxekkcbhlaHceGmdkdnakTmbavcjdfazfhiavazfpbdbhYcbhXinaiavcj;cbfaXfgopblbgLcep9TaLpxeeeeeeeeeeeeeeeegQp9op9Hp9rgLaoakfpblbg8Acep9Ta8AaQp9op9Hp9rg8ApmbzeHdOiAlCvXoQrLgEaoamfpblbg3cep9Ta3aQp9op9Hp9rg3aoaxfpblbg5cep9Ta5aQp9op9Hp9rg5pmbzeHdOiAlCvXoQrLg8EpmbezHdiOAlvCXorQLgQaQpmbedibedibedibediaYp9UgYp9AdbbaiadfgoaYaQaQpmlvorlvorlvorlvorp9UgYp9AdbbaoadfgoaYaQaQpmwDqkwDqkwDqkwDqkp9UgYp9AdbbaoadfgoaYaQaQpmxmPsxmPsxmPsxmPsp9UgYp9AdbbaoadfgoaYaEa8EpmwDKYqk8AExm35Ps8E8FgQaQpmbedibedibedibedip9UgYp9AdbbaoadfgoaYaQaQpmlvorlvorlvorlvorp9UgYp9AdbbaoadfgoaYaQaQpmwDqkwDqkwDqkwDqkp9UgYp9AdbbaoadfgoaYaQaQpmxmPsxmPsxmPsxmPsp9UgYp9AdbbaoadfgoaYaLa8ApmwKDYq8AkEx3m5P8Es8FgLa3a5pmwKDYq8AkEx3m5P8Es8Fg8ApmbezHdiOAlvCXorQLgQaQpmbedibedibedibedip9UgYp9AdbbaoadfgoaYaQaQpmlvorlvorlvorlvorp9UgYp9AdbbaoadfgoaYaQaQpmwDqkwDqkwDqkwDqkp9UgYp9AdbbaoadfgoaYaQaQpmxmPsxmPsxmPsxmPsp9UgYp9AdbbaoadfgoaYaLa8ApmwDKYqk8AExm35Ps8E8FgQaQpmbedibedibedibedip9UgYp9AdbbaoadfgoaYaQaQpmlvorlvorlvorlvorp9UgYp9AdbbaoadfgoaYaQaQpmwDqkwDqkwDqkwDqkp9UgYp9AdbbaoadfgoaYaQaQpmxmPsxmPsxmPsxmPsp9UgYp9AdbbaoadfhiaXczfgXak6mbkkazclfgzad6mbkasavcjdfaqad2;8qbbavavcjdfaqcufad2fad;8qbbaqaDfhDc9:hoalmexikkc9:hoxekcbc99aral9Radcaadca0ESEhokavcj;kbf8Kjjjjbaokwbz:bjjjbk;uzeHu8Jjjjjbc;ae9Rgv8Kjjjjbc9:hodnaeci9UgrcHfal0mbcuhoaiRbbgwc;WeGc;Ge9hmbawcsGgDce0mbavc;abfcFecje;8kbavcUf9cu83ibavc8Wf9cu83ibavcyf9cu83ibavcaf9cu83ibavcKf9cu83ibavczf9cu83ibav9cu83iwav9cu83ibaialfc9WfhqaicefgwarfhodnaeTmbcmcsaDceSEhkcbhxcbhmcbhDcbhicbhlindnaoaq9nmbc9:hoxikdndnawRbbgrc;Ve0mbavc;abfalarcl4cu7fcsGcitfgPydlhsaPydbhzdnarcsGgPak9pmbavaiarcu7fcsGcdtfydbaxaPEhraPThPdndnadcd9hmbabaDcetfgHaz87ebaHcdfas87ebaHclfar87ebxekabaDcdtfgHazBdbaHclfasBdbaHcwfarBdbkaxaPfhxavc;abfalcitfgHarBdbaHasBdlavaicdtfarBdbavc;abfalcefcsGglcitfgHazBdbaHarBdlaiaPfhialcefhlxdkdndnaPcsSmbamaPfaPc987fcefhmxekaocefhrao8SbbgPcFeGhHdndnaPcu9mmbarhoxekaocvfhoaHcFbGhHcrhPdninar8SbbgOcFbGaPtaHVhHaOcu9kmearcefhraPcrfgPc8J9hmbxdkkarcefhokaHce4cbaHceG9R7amfhmkdndnadcd9hmbabaDcetfgraz87ebarcdfas87ebarclfam87ebxekabaDcdtfgrazBdbarclfasBdbarcwfamBdbkavc;abfalcitfgramBdbarasBdlavaicdtfamBdbavc;abfalcefcsGglcitfgrazBdbaramBdlaicefhialcefhlxekdnarcpe0mbaxcefgOavaiaqarcsGfRbbgPcl49RcsGcdtfydbaPcz6gHEhravaiaP9RcsGcdtfydbaOaHfgsaPcsGgOEhPaOThOdndnadcd9hmbabaDcetfgzax87ebazcdfar87ebazclfaP87ebxekabaDcdtfgzaxBdbazclfarBdbazcwfaPBdbkavaicdtfaxBdbavc;abfalcitfgzarBdbazaxBdlavaicefgicsGcdtfarBdbavc;abfalcefcsGcitfgzaPBdbazarBdlavaiaHfcsGgicdtfaPBdbavc;abfalcdfcsGglcitfgraxBdbaraPBdlalcefhlaiaOfhiasaOfhxxekaxcbaoRbbgzEgAarc;:eSgrfhsazcsGhCazcl4hXdndnazcs0mbascefhOxekashOavaiaX9RcsGcdtfydbhskdndnaCmbaOcefhxxekaOhxavaiaz9RcsGcdtfydbhOkdndnarTmbaocefhrxekaocdfhrao8SbegHcFeGhPdnaHcu9kmbaocofhAaPcFbGhPcrhodninar8SbbgHcFbGaotaPVhPaHcu9kmearcefhraocrfgoc8J9hmbkaAhrxekarcefhrkaPce4cbaPceG9R7amfgmhAkdndnaXcsSmbarhPxekarcefhPar8SbbgocFeGhHdnaocu9kmbarcvfhsaHcFbGhHcrhodninaP8SbbgrcFbGaotaHVhHarcu9kmeaPcefhPaocrfgoc8J9hmbkashPxekaPcefhPkaHce4cbaHceG9R7amfgmhskdndnaCcsSmbaPhoxekaPcefhoaP8SbbgrcFeGhHdnarcu9kmbaPcvfhOaHcFbGhHcrhrdninao8SbbgPcFbGartaHVhHaPcu9kmeaocefhoarcrfgrc8J9hmbkaOhoxekaocefhokaHce4cbaHceG9R7amfgmhOkdndnadcd9hmbabaDcetfgraA87ebarcdfas87ebarclfaO87ebxekabaDcdtfgraABdbarclfasBdbarcwfaOBdbkavc;abfalcitfgrasBdbaraABdlavaicdtfaABdbavc;abfalcefcsGcitfgraOBdbarasBdlavaicefgicsGcdtfasBdbavc;abfalcdfcsGcitfgraABdbaraOBdlavaiazcz6aXcsSVfgicsGcdtfaOBdbaiaCTaCcsSVfhialcifhlkawcefhwalcsGhlaicsGhiaDcifgDae6mbkkcbc99aoaqSEhokavc;aef8Kjjjjbaok:llevu8Jjjjjbcz9Rhvc9:hodnaecvfal0mbcuhoaiRbbc;:eGc;qe9hmbav9cb83iwaicefhraialfc98fhwdnaeTmbdnadcdSmbcbhDindnaraw6mbc9:skarcefhoar8SbbglcFeGhidndnalcu9mmbaohrxekarcvfhraicFbGhicrhldninao8SbbgdcFbGaltaiVhiadcu9kmeaocefhoalcrfglc8J9hmbxdkkaocefhrkabaDcdtfaicd4cbaice4ceG9R7avcwfaiceGcdtVgoydbfglBdbaoalBdbaDcefgDae9hmbxdkkcbhDindnaraw6mbc9:skarcefhoar8SbbglcFeGhidndnalcu9mmbaohrxekarcvfhraicFbGhicrhldninao8SbbgdcFbGaltaiVhiadcu9kmeaocefhoalcrfglc8J9hmbxdkkaocefhrkabaDcetfaicd4cbaice4ceG9R7avcwfaiceGcdtVgoydbfgl87ebaoalBdbaDcefgDae9hmbkkcbc99arawSEhokaok:EPliuo97eue978Jjjjjbca9Rhidndnadcl9hmbdnaec98GglTmbcbhvabhdinadadpbbbgocKp:RecKp:Sep;6egraocwp:RecKp:Sep;6earp;Geaoczp:RecKp:Sep;6egwp;Gep;Kep;LegDpxbbbbbbbbbbbbbbbbp:2egqarpxbbbjbbbjbbbjbbbjgkp9op9rp;Kegrpxbb;:9cbb;:9cbb;:9cbb;:9cararp;MeaDaDp;Meawaqawakp9op9rp;Kegrarp;Mep;Kep;Kep;Jep;Negwp;Mepxbbn0bbn0bbn0bbn0gqp;KepxFbbbFbbbFbbbFbbbp9oaopxbbbFbbbFbbbFbbbFp9op9qarawp;Meaqp;Kecwp:RepxbFbbbFbbbFbbbFbbp9op9qaDawp;Meaqp;Keczp:RepxbbFbbbFbbbFbbbFbp9op9qpkbbadczfhdavclfgval6mbkkalae9pmeaiaeciGgvcdtgdVcbczad9R;8kbaiabalcdtfglad;8qbbdnavTmbaiaipblbgocKp:RecKp:Sep;6egraocwp:RecKp:Sep;6earp;Geaoczp:RecKp:Sep;6egwp;Gep;Kep;LegDpxbbbbbbbbbbbbbbbbp:2egqarpxbbbjbbbjbbbjbbbjgkp9op9rp;Kegrpxbb;:9cbb;:9cbb;:9cbb;:9cararp;MeaDaDp;Meawaqawakp9op9rp;Kegrarp;Mep;Kep;Kep;Jep;Negwp;Mepxbbn0bbn0bbn0bbn0gqp;KepxFbbbFbbbFbbbFbbbp9oaopxbbbFbbbFbbbFbbbFp9op9qarawp;Meaqp;Kecwp:RepxbFbbbFbbbFbbbFbbp9op9qaDawp;Meaqp;Keczp:RepxbbFbbbFbbbFbbbFbp9op9qpklbkalaiad;8qbbskdnaec98GgxTmbcbhvabhdinadczfglalpbbbgopxbbbbbbFFbbbbbbFFgkp9oadpbbbgDaopmlvorxmPsCXQL358E8FpxFubbFubbFubbFubbp9op;6eaDaopmbediwDqkzHOAKY8AEgoczp:Sep;6egrp;Geaoczp:Reczp:Sep;6egwp;Gep;Kep;Legopxb;:FSb;:FSb;:FSb;:FSawaopxbbbbbbbbbbbbbbbbp:2egqawpxbbbjbbbjbbbjbbbjgmp9op9rp;Kegwawp;Meaoaop;Mearaqaramp9op9rp;Kegoaop;Mep;Kep;Kep;Jep;Negrp;Mepxbbn0bbn0bbn0bbn0gqp;Keczp:Reawarp;Meaqp;KepxFFbbFFbbFFbbFFbbp9op9qgwaoarp;Meaqp;KepxFFbbFFbbFFbbFFbbp9ogopmwDKYqk8AExm35Ps8E8Fp9qpkbbadaDakp9oawaopmbezHdiOAlvCXorQLp9qpkbbadcafhdavclfgvax6mbkkaxae9pmbaiaeciGgvcitgdfcbcaad9R;8kbaiabaxcitfglad;8qbbdnavTmbaiaipblzgopxbbbbbbFFbbbbbbFFgkp9oaipblbgDaopmlvorxmPsCXQL358E8FpxFubbFubbFubbFubbp9op;6eaDaopmbediwDqkzHOAKY8AEgoczp:Sep;6egrp;Geaoczp:Reczp:Sep;6egwp;Gep;Kep;Legopxb;:FSb;:FSb;:FSb;:FSawaopxbbbbbbbbbbbbbbbbp:2egqawpxbbbjbbbjbbbjbbbjgmp9op9rp;Kegwawp;Meaoaop;Mearaqaramp9op9rp;Kegoaop;Mep;Kep;Kep;Jep;Negrp;Mepxbbn0bbn0bbn0bbn0gqp;Keczp:Reawarp;Meaqp;KepxFFbbFFbbFFbbFFbbp9op9qgwaoarp;Meaqp;KepxFFbbFFbbFFbbFFbbp9ogopmwDKYqk8AExm35Ps8E8Fp9qpklzaiaDakp9oawaopmbezHdiOAlvCXorQLp9qpklbkalaiad;8qbbkk;4wllue97euv978Jjjjjbc8W9Rhidnaec98GglTmbcbhvabhoinaiaopbbbgraoczfgwpbbbgDpmlvorxmPsCXQL358E8Fgqczp:Segkclp:RepklbaopxbbjZbbjZbbjZbbjZpx;Zl81Z;Zl81Z;Zl81Z;Zl81Zakpxibbbibbbibbbibbbp9qp;6ep;NegkaraDpmbediwDqkzHOAKY8AEgrczp:Reczp:Sep;6ep;MegDaDp;Meakarczp:Sep;6ep;Megxaxp;Meakaqczp:Reczp:Sep;6ep;Megqaqp;Mep;Kep;Kep;Lepxbbbbbbbbbbbbbbbbp:4ep;Jepxb;:FSb;:FSb;:FSb;:FSgkp;Mepxbbn0bbn0bbn0bbn0grp;KepxFFbbFFbbFFbbFFbbgmp9oaxakp;Mearp;Keczp:Rep9qgxaqakp;Mearp;Keczp:ReaDakp;Mearp;Keamp9op9qgkpmbezHdiOAlvCXorQLgrp5baipblbpEb:T:j83ibaocwfarp5eaipblbpEe:T:j83ibawaxakpmwDKYqk8AExm35Ps8E8Fgkp5baipblbpEd:T:j83ibaocKfakp5eaipblbpEi:T:j83ibaocafhoavclfgval6mbkkdnalae9pmbaiaeciGgvcitgofcbcaao9R;8kbaiabalcitfgwao;8qbbdnavTmbaiaipblbgraipblzgDpmlvorxmPsCXQL358E8Fgqczp:Segkclp:RepklaaipxbbjZbbjZbbjZbbjZpx;Zl81Z;Zl81Z;Zl81Z;Zl81Zakpxibbbibbbibbbibbbp9qp;6ep;NegkaraDpmbediwDqkzHOAKY8AEgrczp:Reczp:Sep;6ep;MegDaDp;Meakarczp:Sep;6ep;Megxaxp;Meakaqczp:Reczp:Sep;6ep;Megqaqp;Mep;Kep;Kep;Lepxbbbbbbbbbbbbbbbbp:4ep;Jepxb;:FSb;:FSb;:FSb;:FSgkp;Mepxbbn0bbn0bbn0bbn0grp;KepxFFbbFFbbFFbbFFbbgmp9oaxakp;Mearp;Keczp:Rep9qgxaqakp;Mearp;Keczp:ReaDakp;Mearp;Keamp9op9qgkpmbezHdiOAlvCXorQLgrp5baipblapEb:T:j83ibaiarp5eaipblapEe:T:j83iwaiaxakpmwDKYqk8AExm35Ps8E8Fgkp5baipblapEd:T:j83izaiakp5eaipblapEi:T:j83iKkawaiao;8qbbkk:Pddiue978Jjjjjbc;ab9Rhidnadcd4ae2glc98GgvTmbcbhdabheinaeaepbbbgocwp:Recwp:Sep;6eaocep:SepxbbjZbbjZbbjZbbjZp:UepxbbjFbbjFbbjFbbjFp9op;Mepkbbaeczfheadclfgdav6mbkkdnaval9pmbaialciGgdcdtgeVcbc;abae9R;8kbaiabavcdtfgvae;8qbbdnadTmbaiaipblbgocwp:Recwp:Sep;6eaocep:SepxbbjZbbjZbbjZbbjZp:UepxbbjFbbjFbbjFbbjFp9op;Mepklbkavaiae;8qbbkk9teiucbcbydj1jjbgeabcifc98GfgbBdj1jjbdndnabZbcztgd9nmbcuhiabad9RcFFifcz4nbcuSmekaehikaikkkebcjwklz9Tbb";
+        var wasmpack = new Uint8Array([
+            32,
+            0,
+            65,
+            2,
+            1,
+            106,
+            34,
+            33,
+            3,
+            128,
+            11,
+            4,
+            13,
+            64,
+            6,
+            253,
+            10,
+            7,
+            15,
+            116,
+            127,
+            5,
+            8,
+            12,
+            40,
+            16,
+            19,
+            54,
+            20,
+            9,
+            27,
+            255,
+            113,
+            17,
+            42,
+            67,
+            24,
+            23,
+            146,
+            148,
+            18,
+            14,
+            22,
+            45,
+            70,
+            69,
+            56,
+            114,
+            101,
+            21,
+            25,
+            63,
+            75,
+            136,
+            108,
+            28,
+            118,
+            29,
+            73,
+            115
+        ]);
+        // @ts-ignore
+        var wasm = SystemInfo._detectSIMDSupported() ? wasm_simd : wasm_base;
+        var instance;
+        var ready = WebAssembly.instantiate(unpack(wasm), {}).then(function(result) {
+            instance = result.instance;
+            instance.exports.__wasm_call_ctors();
+        });
+        var filters = {
+            NONE: "",
+            OCTAHEDRAL: "meshopt_decodeFilterOct",
+            QUATERNION: "meshopt_decodeFilterQuat",
+            EXPONENTIAL: "meshopt_decodeFilterExp"
+        };
+        var decoders = {
+            ATTRIBUTES: "meshopt_decodeVertexBuffer",
+            TRIANGLES: "meshopt_decodeIndexBuffer",
+            INDICES: "meshopt_decodeIndexSequence"
+        };
+        var workers = [];
+        var requestId = 0;
+        return {
+            workerCount: 4,
+            ready: ready,
+            useWorkers: function useWorkers() {
+                initWorkers(this.workerCount);
+            },
+            decodeGltfBuffer: function decodeGltfBuffer(count, stride, source, mode, filter) {
+                if (this.workerCount > 0 && workers.length === 0) this.useWorkers();
+                if (workers.length > 0) return decodeWorker(count, stride, source, decoders[mode], filters[filter]);
+                return ready.then(function() {
+                    var target = new Uint8Array(count * stride);
+                    decode(instance.exports[decoders[mode]], target, count, stride, source, instance.exports[filters[filter]]);
+                    return target;
+                });
+            },
+            release: function release() {
+                for(var i = 0; i < workers.length; i++){
+                    workers[i].object.terminate();
+                }
+            }
+        };
+    }();
+    exports.GLTFLoader = /*#__PURE__*/ function(Loader1) {
         var GLTFLoader = function GLTFLoader() {
             return Loader1.apply(this, arguments);
         };
         _inherits(GLTFLoader, Loader1);
         var _proto = GLTFLoader.prototype;
+        _proto.initialize = function initialize(_, configuration) {
+            var _configuration_glTF;
+            var meshOptOptions = (_configuration_glTF = configuration.glTF) == null ? void 0 : _configuration_glTF.meshOpt;
+            if (meshOptOptions) {
+                MeshoptDecoder.workerCount = meshOptOptions.workerCount;
+                MeshoptDecoder.useWorkers();
+            }
+            return Promise.resolve();
+        };
         _proto.load = function load(item, resourceManager) {
             var url = item.url;
             var params = item.params;
@@ -42716,14 +42858,20 @@
                 context.parse().then(resolve).catch(reject);
             });
         };
+        /**
+       * Release glTF loader memory(includes meshopt workers).
+       * @remarks If use loader after releasing, we should release again.
+       */ GLTFLoader.release = function release() {
+            MeshoptDecoder.release();
+        };
         return GLTFLoader;
     }(Loader);
-    GLTFLoader = __decorate([
+    exports.GLTFLoader = __decorate([
         resourceLoader(exports.AssetType.GLTF, [
             "gltf",
             "glb"
         ])
-    ], GLTFLoader);
+    ], exports.GLTFLoader);
     var _HDRLoader;
     var PI = Math.PI;
     var HDRLoader = (_HDRLoader = /*#__PURE__*/ function(Loader1) {
@@ -42834,7 +42982,7 @@
             var g = pixels[index + 1];
             var b = pixels[index + 2];
             var a = pixels[index + 3];
-            return new Color$1(r, g, b, a);
+            return new Color(r, g, b, a);
         };
         HDRLoader1._readStringLine = function _readStringLine(uint8array, startIndex) {
             var line = "";
@@ -43343,7 +43491,7 @@
                                 materialShaderData.setVector4(key, new Vector4(value.x, value.y, value.z, value.w));
                                 break;
                             case "Color":
-                                materialShaderData.setColor(key, new Color$1(value.r, value.g, value.b, value.a));
+                                materialShaderData.setColor(key, new Color(value.r, value.g, value.b, value.a));
                                 break;
                             case "Float":
                                 materialShaderData.setFloat(key, value);
@@ -43534,7 +43682,7 @@
         };
         _proto._makeSprite = function _makeSprite(engine, config, texture) {
             // Generate a SpriteAtlas object.
-            var region = config.region, atlasRegionOffset = config.atlasRegionOffset, atlasRegion = config.atlasRegion, pivot = config.pivot, border = config.border;
+            var region = config.region, atlasRegionOffset = config.atlasRegionOffset, atlasRegion = config.atlasRegion, pivot = config.pivot, border = config.border, width = config.width, height = config.height;
             var sprite = new Sprite(engine, texture, region ? this._tempRect.set(region.x, region.y, region.w, region.h) : undefined, pivot ? this._tempVec2.set(pivot.x, pivot.y) : undefined, border ? this._tempVec4.set(border.x, border.y, border.z, border.w) : undefined, config.name);
             if (texture) {
                 var invW = 1 / texture.width;
@@ -43546,6 +43694,8 @@
                 }
                 config.atlasRotated && (sprite.atlasRotated = true);
             }
+            isNaN(width) || (sprite.width = width);
+            isNaN(height) || (sprite.height = height);
             return sprite;
         };
         return SpriteAtlasLoader;
@@ -43563,26 +43713,39 @@
         var _proto = SpriteLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
-            return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, _extends({}, item, {
-                    type: "json"
-                })).then(function(data) {
-                    if (data.belongToAtlas) {
-                        resourceManager // @ts-ignore
-                        .getResourceByRef(data.belongToAtlas).then(function(atlas) {
-                            resolve(atlas.getSprite(data.fullPath));
-                        }).catch(reject);
-                    } else if (data.texture) {
-                        resourceManager // @ts-ignore
-                        .getResourceByRef(data.texture).then(function(texture) {
-                            resolve(new Sprite(resourceManager.engine, texture, data.region, data.pivot, data.border));
-                        }).catch(reject);
-                    } else {
-                        resolve(new Sprite(resourceManager.engine, null, data.region, data.pivot, data.border));
-                    }
-                }).catch(reject);
+            return this.request(item.url, _extends({}, item, {
+                type: "json"
+            })).then(function(data) {
+                return data.belongToAtlas ? _this._loadFromAtlas(resourceManager, data) : _this._loadFromTexture(resourceManager, data);
             });
         };
+        _proto._loadFromAtlas = function _loadFromAtlas(resourceManager, data) {
+            var _this = this;
+            return resourceManager // @ts-ignore
+            .getResourceByRef(data.belongToAtlas).then(function(atlas) {
+                return atlas.getSprite(data.fullPath) || _this._loadFromTexture(resourceManager, data);
+            });
+        };
+        _proto._loadFromTexture = function _loadFromTexture(resourceManager, data) {
+            if (data.texture) {
+                return resourceManager // @ts-ignore
+                .getResourceByRef(data.texture).then(function(texture) {
+                    var sprite = new Sprite(resourceManager.engine, texture, data.region, data.pivot, data.border);
+                    var width = data.width, height = data.height;
+                    isNaN(width) || (sprite.width = width);
+                    isNaN(height) || (sprite.height = height);
+                    return sprite;
+                });
+            } else {
+                return new AssetPromise(function(resolve) {
+                    var sprite = new Sprite(resourceManager.engine, null, data.region, data.pivot, data.border);
+                    var width = data.width, height = data.height;
+                    isNaN(width) || (sprite.width = width);
+                    isNaN(height) || (sprite.height = height);
+                    resolve(sprite);
+                });
+            }
+        };
         return SpriteLoader;
     }(Loader);
     SpriteLoader = __decorate([
@@ -43876,169 +44039,6 @@
             ];
         });
     }));
-    var _KHR_draco_mesh_compression;
-    var KHR_draco_mesh_compression = (_KHR_draco_mesh_compression = /*#__PURE__*/ function(GLTFExtensionParser1) {
-        var KHR_draco_mesh_compression1 = function KHR_draco_mesh_compression1() {
-            return GLTFExtensionParser1.apply(this, arguments);
-        };
-        _inherits(KHR_draco_mesh_compression1, GLTFExtensionParser1);
-        var _proto = KHR_draco_mesh_compression1.prototype;
-        _proto.createAndParse = function createAndParse(context, schema, glTFPrimitive, glTFMesh) {
-            var _this = this;
-            this._initialize();
-            var glTF = context.glTF, engine = context.glTFResource.engine;
-            var bufferViews = glTF.bufferViews, accessors = glTF.accessors;
-            var bufferViewIndex = schema.bufferView, gltfAttributeMap = schema.attributes;
-            var attributeMap = {};
-            var attributeTypeMap = {};
-            for(var attributeName in gltfAttributeMap){
-                attributeMap[attributeName] = gltfAttributeMap[attributeName];
-            }
-            for(var attributeName1 in glTFPrimitive.attributes){
-                if (gltfAttributeMap[attributeName1] !== undefined) {
-                    var accessorDef = accessors[glTFPrimitive.attributes[attributeName1]];
-                    attributeTypeMap[attributeName1] = GLTFUtils.getComponentType(accessorDef.componentType).name;
-                }
-            }
-            var indexAccessor = accessors[glTFPrimitive.indices];
-            var indexType = GLTFUtils.getComponentType(indexAccessor.componentType).name;
-            var taskConfig = {
-                attributeIDs: attributeMap,
-                attributeTypes: attributeTypeMap,
-                useUniqueIDs: true,
-                indexType: indexType
-            };
-            return context.get(exports.GLTFParserType.Buffer).then(function(buffers) {
-                var buffer = GLTFUtils.getBufferViewData(bufferViews[bufferViewIndex], buffers);
-                return KHR_draco_mesh_compression._decoder.decode(buffer, taskConfig).then(function(decodedGeometry) {
-                    var mesh = new ModelMesh(engine, glTFMesh.name);
-                    return _this._parseMeshFromGLTFPrimitiveDraco(mesh, glTFMesh, glTFPrimitive, glTF, function(attributeSemantic) {
-                        for(var j = 0; j < decodedGeometry.attributes.length; j++){
-                            if (decodedGeometry.attributes[j].name === attributeSemantic) {
-                                return decodedGeometry.attributes[j].array;
-                            }
-                        }
-                        return null;
-                    }, function(attributeSemantic, shapeIndex) {
-                        throw "BlendShape animation is not supported when using draco.";
-                    }, function() {
-                        return decodedGeometry.index.array;
-                    }, context.params.keepMeshData);
-                });
-            });
-        };
-        _proto._initialize = function _initialize() {
-            if (!KHR_draco_mesh_compression._decoder) {
-                KHR_draco_mesh_compression._decoder = new DRACODecoder();
-            }
-        };
-        _proto._parseMeshFromGLTFPrimitiveDraco = function _parseMeshFromGLTFPrimitiveDraco(mesh, gltfMesh, gltfPrimitive, gltf, getVertexBufferData, getBlendShapeData, getIndexBufferData, keepMeshData) {
-            var attributes = gltfPrimitive.attributes, targets = gltfPrimitive.targets, indices = gltfPrimitive.indices, mode = gltfPrimitive.mode;
-            var vertexCount;
-            var accessors = gltf.accessors;
-            var accessor = accessors[attributes["POSITION"]];
-            var positionBuffer = getVertexBufferData("POSITION");
-            var positions = GLTFUtils.floatBufferToVector3Array(positionBuffer);
-            mesh.setPositions(positions);
-            var bounds = mesh.bounds;
-            vertexCount = accessor.count;
-            if (accessor.min && accessor.max) {
-                bounds.min.copyFromArray(accessor.min);
-                bounds.max.copyFromArray(accessor.max);
-            } else {
-                var position = KHR_draco_mesh_compression._tempVector3;
-                var min = bounds.min, max = bounds.max;
-                min.set(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE);
-                max.set(-Number.MAX_VALUE, -Number.MAX_VALUE, -Number.MAX_VALUE);
-                var stride = positionBuffer.length / vertexCount;
-                for(var j = 0; j < vertexCount; j++){
-                    var offset = j * stride;
-                    position.copyFromArray(positionBuffer, offset);
-                    Vector3.min(min, position, min);
-                    Vector3.max(max, position, max);
-                }
-            }
-            for(var attributeSemantic in attributes){
-                if (attributeSemantic === "POSITION") {
-                    continue;
-                }
-                var bufferData = getVertexBufferData(attributeSemantic);
-                switch(attributeSemantic){
-                    case "NORMAL":
-                        var normals = GLTFUtils.floatBufferToVector3Array(bufferData);
-                        mesh.setNormals(normals);
-                        break;
-                    case "TEXCOORD_0":
-                        var texturecoords = GLTFUtils.floatBufferToVector2Array(bufferData);
-                        mesh.setUVs(texturecoords, 0);
-                        break;
-                    case "TEXCOORD_1":
-                        var texturecoords1 = GLTFUtils.floatBufferToVector2Array(bufferData);
-                        mesh.setUVs(texturecoords1, 1);
-                        break;
-                    case "TEXCOORD_2":
-                        var texturecoords2 = GLTFUtils.floatBufferToVector2Array(bufferData);
-                        mesh.setUVs(texturecoords2, 2);
-                        break;
-                    case "TEXCOORD_3":
-                        var texturecoords3 = GLTFUtils.floatBufferToVector2Array(bufferData);
-                        mesh.setUVs(texturecoords3, 3);
-                        break;
-                    case "TEXCOORD_4":
-                        var texturecoords4 = GLTFUtils.floatBufferToVector2Array(bufferData);
-                        mesh.setUVs(texturecoords4, 4);
-                        break;
-                    case "TEXCOORD_5":
-                        var texturecoords5 = GLTFUtils.floatBufferToVector2Array(bufferData);
-                        mesh.setUVs(texturecoords5, 5);
-                        break;
-                    case "TEXCOORD_6":
-                        var texturecoords6 = GLTFUtils.floatBufferToVector2Array(bufferData);
-                        mesh.setUVs(texturecoords6, 6);
-                        break;
-                    case "TEXCOORD_7":
-                        var texturecoords7 = GLTFUtils.floatBufferToVector2Array(bufferData);
-                        mesh.setUVs(texturecoords7, 7);
-                        break;
-                    case "COLOR_0":
-                        var colors = GLTFUtils.floatBufferToColorArray(bufferData, accessors[attributes["COLOR_0"]].type === AccessorType.VEC3);
-                        mesh.setColors(colors);
-                        break;
-                    case "TANGENT":
-                        var tangents = GLTFUtils.floatBufferToVector4Array(bufferData);
-                        mesh.setTangents(tangents);
-                        break;
-                    case "JOINTS_0":
-                        var joints = GLTFUtils.floatBufferToVector4Array(bufferData);
-                        mesh.setBoneIndices(joints);
-                        break;
-                    case "WEIGHTS_0":
-                        var weights = GLTFUtils.floatBufferToVector4Array(bufferData);
-                        mesh.setBoneWeights(weights);
-                        break;
-                }
-            }
-            // Indices
-            if (indices !== undefined) {
-                var indexAccessor = gltf.accessors[indices];
-                var indexData = getIndexBufferData();
-                mesh.setIndices(indexData);
-                mesh.addSubMesh(0, indexAccessor.count, mode);
-            } else {
-                mesh.addSubMesh(0, vertexCount, mode);
-            }
-            // BlendShapes
-            targets && exports.GLTFMeshParser._createBlendShape(mesh, null, gltfMesh, accessors, targets, getBlendShapeData);
-            mesh.uploadData(!keepMeshData);
-            return Promise.resolve(mesh);
-        };
-        return KHR_draco_mesh_compression1;
-    }(GLTFExtensionParser), function() {
-        _KHR_draco_mesh_compression._tempVector3 = new Vector3();
-    }(), _KHR_draco_mesh_compression);
-    KHR_draco_mesh_compression = __decorate([
-        registerGLTFExtension("KHR_draco_mesh_compression", exports.GLTFExtensionMode.CreateAndParse)
-    ], KHR_draco_mesh_compression);
     var KHR_lights_punctual = /*#__PURE__*/ function(GLTFExtensionParser1) {
         var KHR_lights_punctual = function KHR_lights_punctual() {
             return GLTFExtensionParser1.apply(this, arguments);
@@ -44139,7 +44139,7 @@
             var material = new PBRSpecularMaterial(engine);
             var diffuseFactor = schema.diffuseFactor, diffuseTexture = schema.diffuseTexture, specularFactor = schema.specularFactor, glossinessFactor = schema.glossinessFactor, specularGlossinessTexture = schema.specularGlossinessTexture;
             if (diffuseFactor) {
-                material.baseColor = new Color$1(Color$1.linearToGammaSpace(diffuseFactor[0]), Color$1.linearToGammaSpace(diffuseFactor[1]), Color$1.linearToGammaSpace(diffuseFactor[2]), diffuseFactor[3]);
+                material.baseColor = new Color(Color.linearToGammaSpace(diffuseFactor[0]), Color.linearToGammaSpace(diffuseFactor[1]), Color.linearToGammaSpace(diffuseFactor[2]), diffuseFactor[3]);
             }
             if (diffuseTexture) {
                 context.get(exports.GLTFParserType.Texture, diffuseTexture.index).then(function(texture) {
@@ -44148,7 +44148,7 @@
                 });
             }
             if (specularFactor) {
-                material.specularColor = new Color$1(Color$1.linearToGammaSpace(specularFactor[0]), Color$1.linearToGammaSpace(specularFactor[1]), Color$1.linearToGammaSpace(specularFactor[2]));
+                material.specularColor = new Color(Color.linearToGammaSpace(specularFactor[0]), Color.linearToGammaSpace(specularFactor[1]), Color.linearToGammaSpace(specularFactor[2]));
             }
             if (glossinessFactor !== undefined) {
                 material.glossiness = glossinessFactor;
@@ -44360,6 +44360,22 @@
     GALACEAN_animation_event = __decorate([
         registerGLTFExtension("GALACEAN_animation_event", exports.GLTFExtensionMode.AdditiveParse)
     ], GALACEAN_animation_event);
+    var EXT_meshopt_compression = /*#__PURE__*/ function(GLTFExtensionParser1) {
+        var EXT_meshopt_compression = function EXT_meshopt_compression() {
+            return GLTFExtensionParser1.apply(this, arguments);
+        };
+        _inherits(EXT_meshopt_compression, GLTFExtensionParser1);
+        var _proto = EXT_meshopt_compression.prototype;
+        _proto.createAndParse = function createAndParse(context, schema) {
+            return context.get(exports.GLTFParserType.Buffer, schema.buffer).then(function(arrayBuffer) {
+                return MeshoptDecoder.decodeGltfBuffer(schema.count, schema.byteStride, new Uint8Array(arrayBuffer, schema.byteOffset, schema.byteLength), schema.mode, schema.filter);
+            });
+        };
+        return EXT_meshopt_compression;
+    }(GLTFExtensionParser);
+    EXT_meshopt_compression = __decorate([
+        registerGLTFExtension("EXT_meshopt_compression", exports.GLTFExtensionMode.CreateAndParse)
+    ], EXT_meshopt_compression);
     var KHR_materials_anisotropy = /*#__PURE__*/ function(GLTFExtensionParser1) {
         var KHR_materials_anisotropy = function KHR_materials_anisotropy() {
             return GLTFExtensionParser1.apply(this, arguments);
@@ -44384,7 +44400,7 @@
     ], KHR_materials_anisotropy);
 
     //@ts-ignore
-    var version = "1.2.0-alpha.0";
+    var version = "1.2.0-alpha.1";
     console.log("Galacean engine version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);
@@ -44418,6 +44434,7 @@
     exports.BoxColliderShape = BoxColliderShape;
     exports.BoxShape = BoxShape;
     exports.Buffer = Buffer;
+    exports.BufferInfo = BufferInfo;
     exports.BufferMesh = BufferMesh;
     exports.BufferUtil = BufferUtil;
     exports.Burst = Burst;
@@ -44428,7 +44445,7 @@
     exports.CloneManager = CloneManager;
     exports.ColliderShape = ColliderShape;
     exports.CollisionUtil = CollisionUtil;
-    exports.Color = Color$1;
+    exports.Color = Color;
     exports.ColorOverLifetimeModule = ColorOverLifetimeModule;
     exports.Component = Component;
     exports.ComponentMap = ComponentMap;
@@ -44466,7 +44483,7 @@
     exports.Logger = Logger;
     exports.MainModule = MainModule;
     exports.Material = Material;
-    exports.MathUtil = MathUtil$1;
+    exports.MathUtil = MathUtil;
     exports.Matrix = Matrix;
     exports.Matrix3x3 = Matrix3x3;
     exports.Mesh = Mesh;