@galacean/engine 1.1.0-beta.1 → 1.1.0-beta.11

package/dist/browser.js

@@ -5511,15 +5511,16 @@
                         break;
                     case Array:
                         var targetPropertyA = target[k];
-                        var length1 = sourceProperty.length;
+                        var length = sourceProperty.length;
                         if (targetPropertyA == null) {
-                            target[k] = targetPropertyA = new Array(length1);
+                            target[k] = targetPropertyA = new Array(length);
                         } else {
-                            targetPropertyA.length = length1;
+                            targetPropertyA.length = length;
                         }
-                        for(var i = 0; i < length1; i++){
+                        for(var i = 0; i < length; i++){
                             CloneManager.cloneProperty(sourceProperty, targetPropertyA, i, cloneMode);
                         }
+                        break;
                     default:
                         var _target, _k;
                         var targetOProperty = (_target = target)[_k = k] || (_target[_k] = new sourceProperty.constructor());
@@ -6238,7 +6239,7 @@
     /**
      * Two-dimensional texture array.
      */ var Texture2DArray = /*#__PURE__*/ function(Texture1) {
-        var Texture2DArray = function Texture2DArray(engine, width, height, length1, format, mipmap) {
+        var Texture2DArray = function Texture2DArray(engine, width, height, length, format, mipmap) {
             if (format === void 0) format = exports.TextureFormat.R8G8B8A8;
             if (mipmap === void 0) mipmap = true;
             var _this;
@@ -6246,7 +6247,7 @@
             _this._mipmap = mipmap;
             _this._width = width;
             _this._height = height;
-            _this._length = length1;
+            _this._length = length;
             _this._format = format;
             _this._mipmapCount = _this._getMipmapCount();
             _this._platformTexture = engine._hardwareRenderer.createPlatformTexture2DArray(_assert_this_initialized(_this));
@@ -6267,11 +6268,11 @@
        * @param width - Data width. if it's empty, width is the width corresponding to mipLevel minus x , width corresponding to mipLevel is Math.max(1, this.width >> mipLevel)
        * @param height - Data height. if it's empty, height is the height corresponding to mipLevel minus y , height corresponding to mipLevel is Math.max(1, this.height >> mipLevel)
        * @param length - Data length. if it's empty, length is the length of Texture2DArray.length
-       */ _proto.setPixelBuffer = function setPixelBuffer(offsetIndex, colorBuffer, mipLevel, x, y, width, height, length1) {
+       */ _proto.setPixelBuffer = function setPixelBuffer(offsetIndex, colorBuffer, mipLevel, x, y, width, height, length) {
             if (mipLevel === void 0) mipLevel = 0;
             if (x === void 0) x = 0;
             if (y === void 0) y = 0;
-            this._platformTexture.setPixelBuffer(offsetIndex, colorBuffer, mipLevel, x, y, width, height, length1);
+            this._platformTexture.setPixelBuffer(offsetIndex, colorBuffer, mipLevel, x, y, width, height, length);
             this._isContentLost = false;
         };
         /**
@@ -7477,8 +7478,8 @@
             var _this;
             _this = EngineObject1.call(this, entity.engine) || this;
             /** @internal */ _this._awoken = false;
-            _this._phasedActive = false;
             _this._phasedActiveInScene = false;
+            _this._phasedActive = false;
             _this._enabled = true;
             _this._entity = entity;
             return _this;
@@ -7611,10 +7612,10 @@
     ], Component.prototype, "_awoken", void 0);
     __decorate$1([
         ignoreClone
-    ], Component.prototype, "_phasedActive", void 0);
+    ], Component.prototype, "_phasedActiveInScene", void 0);
     __decorate$1([
         ignoreClone
-    ], Component.prototype, "_phasedActiveInScene", void 0);
+    ], Component.prototype, "_phasedActive", void 0);
     __decorate$1([
         assignmentClone
     ], Component.prototype, "_enabled", void 0);
@@ -7769,14 +7770,14 @@
             }
             return end;
         };
-        _proto.forEach = function forEach(callbackFn) {
+        _proto.forEach = function forEach(callbackFn, swapFn) {
             this._startLoop();
             var elements = this._elements;
             for(var i = 0; i < this.length; i++){
                 var element = elements[i];
                 element && callbackFn(element);
             }
-            this._endLoop();
+            this._endLoop(swapFn);
         };
         _proto.forEachAndClean = function forEachAndClean(callbackFn) {
             this._startLoop();
@@ -7793,16 +7794,24 @@
         _proto._startLoop = function _startLoop() {
             this._isLooping = true;
         };
-        _proto._endLoop = function _endLoop() {
+        _proto._endLoop = function _endLoop(swapFn) {
             this._isLooping = false;
             if (this._blankCount) {
+                var from = 0;
+                var to = this.length - 1;
                 var elements = this._elements;
-                for(var i = 0, j = 0, n = this.length; i < n; i++){
-                    var element = elements[i];
-                    if (element) {
-                        elements[j++] = element;
-                    }
-                }
+                partition: do {
+                    while(elements[from])if (++from >= to) {
+                        break partition;
+                    }
+                    while(!elements[to])if (from >= --to) {
+                        break partition;
+                    }
+                    var swapElement = elements[to];
+                    swapFn(swapElement, from);
+                    elements[from++] = swapElement;
+                    elements[to--] = null;
+                }while (from < to);
                 this.length -= this._blankCount;
                 this._blankCount = 0;
             }
@@ -7890,11 +7899,11 @@
             var pathArr = this._stringToPath(path);
             var object = target;
             var index = 0;
-            var length1 = pathArr.length;
-            while(object != null && index < length1){
+            var length = pathArr.length;
+            while(object != null && index < length){
                 object = object[pathArr[index++]];
             }
-            return index && index == length1 ? object : undefined;
+            return index && index == length ? object : undefined;
         };
         /**
        * Fast remove an element from array.
@@ -9071,7 +9080,7 @@
        */ _proto.findByPath = function findByPath(path) {
             var splits = path.split("/");
             var entity = this;
-            for(var i = 0, length1 = splits.length; i < length1; ++i){
+            for(var i = 0, length = splits.length; i < length; ++i){
                 var split = splits[i];
                 if (split) {
                     entity = Entity._findChildByName(entity, split);
@@ -9303,7 +9312,7 @@
         };
         _proto._setActiveComponents = function _setActiveComponents(isActive, activeChangeFlag) {
             var activeChangedComponents = this._activeChangedComponents;
-            for(var i = 0, length1 = activeChangedComponents.length; i < length1; ++i){
+            for(var i = 0, length = activeChangedComponents.length; i < length; ++i){
                 activeChangedComponents[i]._setActive(isActive, activeChangeFlag);
             }
             this._scene._componentsManager.putActiveChangedTempList(activeChangedComponents);
@@ -11056,6 +11065,12 @@
         };
         return BlendState;
     }();
+    __decorate$1([
+        deepClone
+    ], BlendState.prototype, "targetBlendState", void 0);
+    __decorate$1([
+        deepClone
+    ], BlendState.prototype, "blendColor", void 0);
     /**
      * Depth state.
      */ var DepthState = /*#__PURE__*/ function() {
@@ -11434,6 +11449,18 @@
         };
         return RenderState;
     }();
+    __decorate$1([
+        deepClone
+    ], RenderState.prototype, "blendState", void 0);
+    __decorate$1([
+        deepClone
+    ], RenderState.prototype, "depthState", void 0);
+    __decorate$1([
+        deepClone
+    ], RenderState.prototype, "stencilState", void 0);
+    __decorate$1([
+        deepClone
+    ], RenderState.prototype, "rasterState", void 0);
     /**
      * Shader for rendering.
      */ var Shader = /*#__PURE__*/ function() {
@@ -12335,7 +12362,7 @@
         ignoreClone
     ], exports.Renderer.prototype, "_globalShaderMacro", void 0);
     __decorate$1([
-        deepClone
+        ignoreClone
     ], exports.Renderer.prototype, "_bounds", void 0);
     __decorate$1([
         ignoreClone
@@ -13281,14 +13308,14 @@
             vertexElements[index] = element;
             this._bufferStructChanged = true;
         };
-        _proto.setVertexElementsLength = function setVertexElementsLength(length1) {
+        _proto.setVertexElementsLength = function setVertexElementsLength(length) {
             var vertexElementMap = this._vertexElementMap;
             var vertexElements = this._vertexElements;
-            for(var i = length1, n = vertexElements.length; i < n; i++){
+            for(var i = length, n = vertexElements.length; i < n; i++){
                 var element = vertexElements[i];
                 delete vertexElementMap[element.attribute];
             }
-            vertexElements.length = length1;
+            vertexElements.length = length;
         };
         _proto.setVertexBufferBinding = function setVertexBufferBinding(index, binding) {
             var referCount = this._getReferCount();
@@ -13442,8 +13469,8 @@
         /**
        * @internal
        *
-       */ _proto._setVertexElementsLength = function _setVertexElementsLength(length1) {
-            this._primitive.setVertexElementsLength(length1);
+       */ _proto._setVertexElementsLength = function _setVertexElementsLength(length) {
+            this._primitive.setVertexElementsLength(length);
         };
         /**
        * @internal
@@ -15159,9 +15186,9 @@
             }
             var bsUpdate = !bsManager._useTextureMode() && bsManager._vertexElementsNeedUpdate();
             if (previousBSOffset !== bsManager._vertexElementOffset || bsUpdate && bsManager._blendShapeCount > 0) {
-                var length1 = bsManager._addVertexElements(this);
-                if (length1 < previousCount) {
-                    this._setVertexElementsLength(length1);
+                var length = bsManager._addVertexElements(this);
+                if (length < previousCount) {
+                    this._setVertexElementsLength(length);
                 }
             }
         };
@@ -17073,7 +17100,7 @@
         _proto.drawBatches = function drawBatches(camera) {
             var _this = this, engine = _this._engine, batchedQueue = _this._batchedQueue;
             var mesh = this._meshes[this._flushId];
-            var subMeshes = mesh.subMeshes;
+            var subMeshes = mesh.subMeshes, primitive = mesh._primitive;
             var sceneData = camera.scene.shaderData;
             var cameraData = camera.shaderData;
             for(var i = 0, len = subMeshes.length; i < len; i++){
@@ -17105,7 +17132,7 @@
                 program.uploadAll(program.rendererUniformBlock, renderer.shaderData);
                 program.uploadAll(program.materialUniformBlock, material.shaderData);
                 material.renderState._apply(engine, false, pass._renderStateDataMap, material.shaderData);
-                engine._hardwareRenderer.drawPrimitive(mesh._primitive, subMesh, program);
+                engine._hardwareRenderer.drawPrimitive(primitive, subMesh, program);
             }
         };
         return SpriteMaskBatcher;
@@ -17344,16 +17371,31 @@
         };
         var _proto = SceneManager.prototype;
         _proto.addScene = function addScene(indexOrScene, scene) {
+            var scenes = this._scenes;
+            var index;
             if (typeof indexOrScene === "number") {
-                this._scenes.add(indexOrScene, scene);
+                if (indexOrScene < 0 || indexOrScene > scenes.length) {
+                    throw "The index is out of range.";
+                }
+                index = indexOrScene;
             } else {
+                index = scenes.length;
                 scene = indexOrScene;
-                this._scenes.push(scene);
             }
             if (scene.engine !== this.engine) {
                 throw "The scene is not belong to this engine.";
             }
-            scene._processActive(true);
+            if (scene._sceneManager) {
+                var currentIndex = scenes.indexOf(scene);
+                if (currentIndex !== index) {
+                    scenes.removeByIndex(currentIndex);
+                    scenes.add(index, scene);
+                }
+            } else {
+                scene._sceneManager = this;
+                scenes.add(index, scene);
+                scene.isActive && scene._processActive(true);
+            }
         };
         /**
        * Remove scene.
@@ -17364,7 +17406,8 @@
             if (index !== -1) {
                 var removedScene = scenes.getArray()[index];
                 scenes.removeByIndex(index);
-                removedScene._processActive(false);
+                scene._sceneManager = null;
+                removedScene.isActive && removedScene._processActive(false);
             }
         };
         /**
@@ -18015,11 +18058,15 @@
                 if (this._currentEnteredEntity) {
                     this._currentEnteredEntity._scripts.forEach(function(element) {
                         element.onPointerExit(_this);
+                    }, function(element, index) {
+                        element._entityScriptsIndex = index;
                     });
                 }
                 if (rayCastEntity) {
                     rayCastEntity._scripts.forEach(function(element) {
                         element.onPointerEnter(_this);
+                    }, function(element, index) {
+                        element._entityScriptsIndex = index;
                     });
                 }
                 this._currentEnteredEntity = rayCastEntity;
@@ -18032,6 +18079,8 @@
             if (rayCastEntity) {
                 rayCastEntity._scripts.forEach(function(element) {
                     element.onPointerDown(_this);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
                 });
             }
             this._currentPressedEntity = rayCastEntity;
@@ -18043,6 +18092,8 @@
             if (this._currentPressedEntity) {
                 this._currentPressedEntity._scripts.forEach(function(element) {
                     element.onPointerDrag(_this);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
                 });
             }
         };
@@ -18056,6 +18107,8 @@
                 pressedEntity._scripts.forEach(function(element) {
                     sameTarget && element.onPointerClick(_this);
                     element.onPointerUp(_this);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
                 });
                 this._currentPressedEntity = null;
             }
@@ -18556,9 +18609,9 @@
                     oldCollider.removeShape(shape);
                 }
                 this._shapes.push(shape);
-                this.scene.physics._addColliderShape(shape);
                 shape._collider = this;
                 this._nativeCollider.addShape(shape._nativeShape);
+                this._phasedActiveInScene && this.scene.physics._addColliderShape(shape);
             }
         };
         /**
@@ -18568,7 +18621,7 @@
             var index = this._shapes.indexOf(shape);
             if (index !== -1) {
                 this._shapes.splice(index, 1);
-                this.scene.physics._removeColliderShape(shape);
+                this._phasedActiveInScene && this.scene.physics._removeColliderShape(shape);
                 shape._collider = null;
                 this._nativeCollider.removeShape(shape._nativeShape);
             }
@@ -18579,7 +18632,7 @@
             var shapes = this._shapes;
             for(var i = 0, n = shapes.length; i < n; i++){
                 var shape = shapes[i];
-                this.scene.physics._removeColliderShape(shape);
+                this._phasedActiveInScene && this.scene.physics._removeColliderShape(shape);
                 shape._destroy();
                 this._nativeCollider.removeShape(shape._nativeShape);
             }
@@ -18604,12 +18657,30 @@
         /**
        * @internal
        */ _proto._onEnableInScene = function _onEnableInScene() {
-            this.scene.physics._addCollider(this);
+            var physics = this.scene.physics;
+            physics._addCollider(this);
+            var shapes = this.shapes;
+            for(var i = 0, n = shapes.length; i < n; i++){
+                physics._addColliderShape(shapes[i]);
+            }
         };
         /**
        * @internal
        */ _proto._onDisableInScene = function _onDisableInScene() {
-            this.scene.physics._removeCollider(this);
+            var physics = this.scene.physics;
+            physics._removeCollider(this);
+            var shapes = this.shapes;
+            for(var i = 0, n = shapes.length; i < n; i++){
+                physics._removeColliderShape(shapes[i]);
+            }
+        };
+        /**
+       * @internal
+       */ _proto._cloneTo = function _cloneTo(target) {
+            var shapes = target._shapes;
+            for(var i = 0, n = shapes.length; i < n; i++){
+                target._addPhysicsShape(shapes[i]);
+            }
         };
         /**
        * @internal
@@ -18618,6 +18689,11 @@
             this.clearShapes();
             this._nativeCollider.destroy();
         };
+        _proto._addPhysicsShape = function _addPhysicsShape(shape) {
+            shape._collider = this;
+            this._nativeCollider.addShape(shape._nativeShape);
+            this._phasedActiveInScene && this.scene.physics._addColliderShape(shape);
+        };
         _create_class$3(Collider, [
             {
                 key: "shapes",
@@ -18633,6 +18709,15 @@
     __decorate$1([
         ignoreClone
     ], exports.Collider.prototype, "_index", void 0);
+    __decorate$1([
+        ignoreClone
+    ], exports.Collider.prototype, "_nativeCollider", void 0);
+    __decorate$1([
+        ignoreClone
+    ], exports.Collider.prototype, "_updateFlag", void 0);
+    __decorate$1([
+        deepClone
+    ], exports.Collider.prototype, "_shapes", void 0);
     exports.Collider = __decorate$1([
         dependentComponents(Transform, exports.DependentMode.CheckOnly)
     ], exports.Collider);
@@ -18654,11 +18739,15 @@
                     var collision = PhysicsScene._collision;
                     collision.shape = shape2;
                     element.onCollisionEnter(collision);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
                 });
                 shape2.collider.entity._scripts.forEach(function(element) {
                     var collision = PhysicsScene._collision;
                     collision.shape = shape1;
                     element.onCollisionEnter(collision);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
                 });
             };
             this._onContactExit = function(obj1, obj2) {
@@ -18669,11 +18758,15 @@
                     var collision = PhysicsScene._collision;
                     collision.shape = shape2;
                     element.onCollisionExit(collision);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
                 });
                 shape2.collider.entity._scripts.forEach(function(element) {
                     var collision = PhysicsScene._collision;
                     collision.shape = shape1;
                     element.onCollisionExit(collision);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
                 });
             };
             this._onContactStay = function(obj1, obj2) {
@@ -18684,11 +18777,15 @@
                     var collision = PhysicsScene._collision;
                     collision.shape = shape2;
                     element.onCollisionStay(collision);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
                 });
                 shape2.collider.entity._scripts.forEach(function(element) {
                     var collision = PhysicsScene._collision;
                     collision.shape = shape1;
                     element.onCollisionStay(collision);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
                 });
             };
             this._onTriggerEnter = function(obj1, obj2) {
@@ -18697,9 +18794,13 @@
                 var shape2 = physicalObjectsMap[obj2];
                 shape1.collider.entity._scripts.forEach(function(element) {
                     element.onTriggerEnter(shape2);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
                 });
                 shape2.collider.entity._scripts.forEach(function(element) {
                     element.onTriggerEnter(shape1);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
                 });
             };
             this._onTriggerExit = function(obj1, obj2) {
@@ -18708,9 +18809,13 @@
                 var shape2 = physicalObjectsMap[obj2];
                 shape1.collider.entity._scripts.forEach(function(element) {
                     element.onTriggerExit(shape2);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
                 });
                 shape2.collider.entity._scripts.forEach(function(element) {
                     element.onTriggerExit(shape1);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
                 });
             };
             this._onTriggerStay = function(obj1, obj2) {
@@ -18719,9 +18824,13 @@
                 var shape2 = physicalObjectsMap[obj2];
                 shape1.collider.entity._scripts.forEach(function(element) {
                     element.onTriggerStay(shape2);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
                 });
                 shape2.collider.entity._scripts.forEach(function(element) {
                     element.onTriggerStay(shape1);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
                 });
             };
             this._scene = scene;
@@ -18754,6 +18863,9 @@
             }
             var onRaycast = function onRaycast(obj) {
                 var shape = _this._scene.engine._physicalObjectsMap[obj];
+                if (!shape) {
+                    return false;
+                }
                 return shape.collider.entity.layer & layerMask && shape.isSceneQuery;
             };
             if (hitResult != undefined) {
@@ -18976,18 +19088,27 @@
        */ _proto._onLateUpdate = function _onLateUpdate() {
             var position = this.entity.transform.worldPosition;
             this._nativeCollider.getWorldPosition(position);
-            this.entity.transform.worldPosition = position;
             this._updateFlag.flag = false;
         };
         /**
        * @internal
        */ _proto._onEnableInScene = function _onEnableInScene() {
-            this.scene.physics._addCharacterController(this);
+            var physics = this.scene.physics;
+            physics._addCharacterController(this);
+            var shapes = this.shapes;
+            for(var i = 0, n = shapes.length; i < n; i++){
+                physics._addColliderShape(shapes[i]);
+            }
         };
         /**
        * @internal
        */ _proto._onDisableInScene = function _onDisableInScene() {
-            this.scene.physics._removeCharacterController(this);
+            var physics = this.scene.physics;
+            physics._removeCharacterController(this);
+            var shapes = this.shapes;
+            for(var i = 0, n = shapes.length; i < n; i++){
+                physics._removeColliderShape(shapes[i]);
+            }
         };
         _proto._setUpDirection = function _setUpDirection() {
             this._nativeCollider.setUpDirection(this._upDirection);
@@ -19122,6 +19243,25 @@
             this._nativeCollider.getWorldTransform(worldPosition, worldRotationQuaternion);
             this._updateFlag.flag = false;
         };
+        /**
+       * @internal
+       */ _proto._cloneTo = function _cloneTo(target) {
+            Collider1.prototype._cloneTo.call(this, target);
+            target.linearDamping = this.linearDamping;
+            target.angularDamping = this.angularDamping;
+            target.linearVelocity = this.linearVelocity;
+            target.angularVelocity = this.angularVelocity;
+            target.mass = this.mass;
+            target.centerOfMass = this.centerOfMass;
+            target.inertiaTensor = this.inertiaTensor;
+            target.maxAngularVelocity = this.maxAngularVelocity;
+            target.maxDepenetrationVelocity = this.maxDepenetrationVelocity;
+            target.sleepThreshold = this.sleepThreshold;
+            target.solverIterations = this.solverIterations;
+            target.isKinematic = this.isKinematic;
+            target.constraints = this.constraints;
+            target.collisionDetectionMode = this.collisionDetectionMode;
+        };
         _proto._setLinearVelocity = function _setLinearVelocity() {
             this._nativeCollider.setLinearVelocity(this._linearVelocity);
         };
@@ -19330,6 +19470,48 @@
         ]);
         return DynamicCollider;
     }(exports.Collider);
+    __decorate$1([
+        ignoreClone
+    ], DynamicCollider.prototype, "_linearDamping", void 0);
+    __decorate$1([
+        ignoreClone
+    ], DynamicCollider.prototype, "_angularDamping", void 0);
+    __decorate$1([
+        ignoreClone
+    ], DynamicCollider.prototype, "_linearVelocity", void 0);
+    __decorate$1([
+        ignoreClone
+    ], DynamicCollider.prototype, "_angularVelocity", void 0);
+    __decorate$1([
+        ignoreClone
+    ], DynamicCollider.prototype, "_mass", void 0);
+    __decorate$1([
+        ignoreClone
+    ], DynamicCollider.prototype, "_centerOfMass", void 0);
+    __decorate$1([
+        ignoreClone
+    ], DynamicCollider.prototype, "_inertiaTensor", void 0);
+    __decorate$1([
+        ignoreClone
+    ], DynamicCollider.prototype, "_maxAngularVelocity", void 0);
+    __decorate$1([
+        ignoreClone
+    ], DynamicCollider.prototype, "_maxDepenetrationVelocity", void 0);
+    __decorate$1([
+        ignoreClone
+    ], DynamicCollider.prototype, "_solverIterations", void 0);
+    __decorate$1([
+        ignoreClone
+    ], DynamicCollider.prototype, "_isKinematic", void 0);
+    __decorate$1([
+        ignoreClone
+    ], DynamicCollider.prototype, "_constraints", void 0);
+    __decorate$1([
+        ignoreClone
+    ], DynamicCollider.prototype, "_collisionDetectionMode", void 0);
+    __decorate$1([
+        ignoreClone
+    ], DynamicCollider.prototype, "_sleepThreshold", void 0);
     exports.CollisionDetectionMode = void 0;
     (function(CollisionDetectionMode) {
         CollisionDetectionMode[CollisionDetectionMode["Discrete"] = 0] = "Discrete";
@@ -19379,7 +19561,8 @@
         /**
        * @internal
        */ _proto._destroy = function _destroy() {
-            this._nativeMaterial.destroy();
+            !this._destroyed && this._nativeMaterial.destroy();
+            this._destroyed = true;
         };
         _create_class$3(PhysicsMaterial, [
             {
@@ -19489,25 +19672,38 @@
         var Joint = function Joint(entity) {
             var _this;
             _this = Component1.call(this, entity) || this;
-            _this._connectedCollider = new JointCollider();
-            _this._collider = new JointCollider();
+            _this._colliderInfo = new JointColliderInfo();
+            _this._connectedColliderInfo = new JointColliderInfo();
             _this._force = 0;
             _this._torque = 0;
-            _this._connectedCollider.localPosition = new Vector3();
+            _this._connectedColliderInfo.localPosition = new Vector3();
             return _this;
         };
         _inherits$2(Joint, Component1);
+        var _proto = Joint.prototype;
+        /**
+       * @internal
+       */ _proto._cloneTo = function _cloneTo(target) {
+            target.connectedCollider = this.connectedCollider;
+            target.connectedAnchor = this.connectedAnchor;
+            target.connectedMassScale = this.connectedMassScale;
+            target.connectedInertiaScale = this.connectedInertiaScale;
+            target.massScale = this.massScale;
+            target.inertiaScale = this.inertiaScale;
+            target.breakForce = this.breakForce;
+            target.breakTorque = this.breakTorque;
+        };
         _create_class$3(Joint, [
             {
                 key: "connectedCollider",
                 get: /**
        * The connected collider.
        */ function get() {
-                    return this._connectedCollider.collider;
+                    return this._connectedColliderInfo.collider;
                 },
                 set: function set(value) {
-                    if (this._connectedCollider.collider !== value) {
-                        this._connectedCollider.collider = value;
+                    if (this._connectedColliderInfo.collider !== value) {
+                        this._connectedColliderInfo.collider = value;
                         this._nativeJoint.setConnectedCollider(value._nativeCollider);
                     }
                 }
@@ -19518,10 +19714,10 @@
        * The connected anchor position.
        * @remarks If connectedCollider is set, this anchor is relative offset, or the anchor is world position.
        */ function get() {
-                    return this._connectedCollider.localPosition;
+                    return this._connectedColliderInfo.localPosition;
                 },
                 set: function set(value) {
-                    var connectedAnchor = this._connectedCollider.localPosition;
+                    var connectedAnchor = this._connectedColliderInfo.localPosition;
                     if (value !== connectedAnchor) {
                         connectedAnchor.copyFrom(value);
                     }
@@ -19533,11 +19729,11 @@
                 get: /**
        *  The scale to apply to the inverse mass of collider 0 for resolving this constraint.
        */ function get() {
-                    return this._connectedCollider.massScale;
+                    return this._connectedColliderInfo.massScale;
                 },
                 set: function set(value) {
-                    if (value !== this._connectedCollider.massScale) {
-                        this._connectedCollider.massScale = value;
+                    if (value !== this._connectedColliderInfo.massScale) {
+                        this._connectedColliderInfo.massScale = value;
                         this._nativeJoint.setConnectedMassScale(value);
                     }
                 }
@@ -19547,11 +19743,11 @@
                 get: /**
        * The scale to apply to the inverse inertia of collider0 for resolving this constraint.
        */ function get() {
-                    return this._connectedCollider.inertiaScale;
+                    return this._connectedColliderInfo.inertiaScale;
                 },
                 set: function set(value) {
-                    if (value !== this._connectedCollider.inertiaScale) {
-                        this._connectedCollider.inertiaScale = value;
+                    if (value !== this._connectedColliderInfo.inertiaScale) {
+                        this._connectedColliderInfo.inertiaScale = value;
                         this._nativeJoint.setConnectedInertiaScale(value);
                     }
                 }
@@ -19561,11 +19757,11 @@
                 get: /**
        * The scale to apply to the inverse mass of collider 1 for resolving this constraint.
        */ function get() {
-                    return this._collider.massScale;
+                    return this._colliderInfo.massScale;
                 },
                 set: function set(value) {
-                    if (value !== this._collider.massScale) {
-                        this._collider.massScale = value;
+                    if (value !== this._colliderInfo.massScale) {
+                        this._colliderInfo.massScale = value;
                         this._nativeJoint.setMassScale(value);
                     }
                 }
@@ -19575,11 +19771,11 @@
                 get: /**
        * The scale to apply to the inverse inertia of collider1 for resolving this constraint.
        */ function get() {
-                    return this._collider.inertiaScale;
+                    return this._colliderInfo.inertiaScale;
                 },
                 set: function set(value) {
-                    if (value !== this._collider.inertiaScale) {
-                        this._collider.inertiaScale = value;
+                    if (value !== this._colliderInfo.inertiaScale) {
+                        this._colliderInfo.inertiaScale = value;
                         this._nativeJoint.setInertiaScale(value);
                     }
                 }
@@ -19615,12 +19811,27 @@
         ]);
         return Joint;
     }(Component);
+    __decorate$1([
+        ignoreClone
+    ], exports.Joint.prototype, "_colliderInfo", void 0);
+    __decorate$1([
+        ignoreClone
+    ], exports.Joint.prototype, "_connectedColliderInfo", void 0);
+    __decorate$1([
+        ignoreClone
+    ], exports.Joint.prototype, "_nativeJoint", void 0);
+    __decorate$1([
+        ignoreClone
+    ], exports.Joint.prototype, "_force", void 0);
+    __decorate$1([
+        ignoreClone
+    ], exports.Joint.prototype, "_torque", void 0);
     exports.Joint = __decorate$1([
         dependentComponents(exports.Collider, exports.DependentMode.CheckOnly)
     ], exports.Joint);
     /**
      * @internal
-     */ var JointCollider = function JointCollider() {
+     */ var JointColliderInfo = function JointColliderInfo() {
         this.collider = null;
         this.massScale = 0;
         this.inertiaScale = 0;
@@ -19636,7 +19847,7 @@
         /**
        * @internal
        */ _proto._onAwake = function _onAwake() {
-            var collider = this._collider;
+            var collider = this._colliderInfo;
             collider.collider = this.entity.getComponent(exports.Collider);
             this._nativeJoint = PhysicsScene._nativePhysics.createFixedJoint(collider.collider._nativeCollider);
         };
@@ -19668,11 +19879,22 @@
         /**
        * @internal
        */ _proto._onAwake = function _onAwake() {
-            var collider = this._collider;
+            var collider = this._colliderInfo;
             collider.localPosition = new Vector3();
             collider.collider = this.entity.getComponent(exports.Collider);
             this._nativeJoint = PhysicsScene._nativePhysics.createHingeJoint(collider.collider._nativeCollider);
         };
+        /**
+       * @internal
+       */ _proto._cloneTo = function _cloneTo(target) {
+            target.axis = this.axis;
+            target.swingOffset = this.swingOffset;
+            target.useLimits = this.useLimits;
+            target.useMotor = this.useMotor;
+            target.useSpring = this.useSpring;
+            target.motor = this.motor;
+            target.limits = this.limits;
+        };
         _create_class$3(HingeJoint, [
             {
                 key: "axis",
@@ -19694,10 +19916,10 @@
                 get: /**
        * The swing offset.
        */ function get() {
-                    return this._collider.localPosition;
+                    return this._colliderInfo.localPosition;
                 },
                 set: function set(value) {
-                    var swingOffset = this._collider.localPosition;
+                    var swingOffset = this._colliderInfo.localPosition;
                     if (value !== swingOffset) {
                         swingOffset.copyFrom(value);
                     }
@@ -19800,6 +20022,21 @@
         ]);
         return HingeJoint;
     }(exports.Joint);
+    __decorate$1([
+        ignoreClone
+    ], HingeJoint.prototype, "_axis", void 0);
+    __decorate$1([
+        ignoreClone
+    ], HingeJoint.prototype, "_hingeFlags", void 0);
+    __decorate$1([
+        ignoreClone
+    ], HingeJoint.prototype, "_useSpring", void 0);
+    __decorate$1([
+        ignoreClone
+    ], HingeJoint.prototype, "_jointMonitor", void 0);
+    __decorate$1([
+        ignoreClone
+    ], HingeJoint.prototype, "_limits", void 0);
     /**
      * A joint that maintains an upper or lower bound (or both) on the distance between two points on different objects.
      */ var SpringJoint = /*#__PURE__*/ function(Joint1) {
@@ -19818,21 +20055,31 @@
         /**
        * @internal
        */ _proto._onAwake = function _onAwake() {
-            var collider = this._collider;
+            var collider = this._colliderInfo;
             collider.localPosition = new Vector3();
             collider.collider = this.entity.getComponent(exports.Collider);
             this._nativeJoint = PhysicsScene._nativePhysics.createSpringJoint(collider.collider._nativeCollider);
         };
+        /**
+       * @internal
+       */ _proto._cloneTo = function _cloneTo(target) {
+            target.swingOffset = this.swingOffset;
+            target.minDistance = this.minDistance;
+            target.maxDistance = this.maxDistance;
+            target.tolerance = this.tolerance;
+            target.stiffness = this.stiffness;
+            target.damping = this.damping;
+        };
         _create_class$3(SpringJoint, [
             {
                 key: "swingOffset",
                 get: /**
        * The swing offset.
        */ function get() {
-                    return this._collider.localPosition;
+                    return this._colliderInfo.localPosition;
                 },
                 set: function set(value) {
-                    var swingOffset = this._collider.localPosition;
+                    var swingOffset = this._colliderInfo.localPosition;
                     if (value !== swingOffset) {
                         swingOffset.copyFrom(value);
                     }
@@ -19954,6 +20201,15 @@
         var _proto = ColliderShape.prototype;
         /**
        * @internal
+       */ _proto._cloneTo = function _cloneTo(target) {
+            target.contactOffset = this.contactOffset;
+            target.rotation = this.rotation;
+            target.position = this.position;
+            target.isTrigger = this.isTrigger;
+            target.material = this.material;
+        };
+        /**
+       * @internal
        */ _proto._destroy = function _destroy() {
             this._material._destroy();
             this._nativeShape.destroy();
@@ -20055,6 +20311,30 @@
     (function() {
         ColliderShape._idGenerator = 0;
     })();
+    __decorate$1([
+        ignoreClone
+    ], ColliderShape.prototype, "_collider", void 0);
+    __decorate$1([
+        ignoreClone
+    ], ColliderShape.prototype, "_nativeShape", void 0);
+    __decorate$1([
+        ignoreClone
+    ], ColliderShape.prototype, "_id", void 0);
+    __decorate$1([
+        ignoreClone
+    ], ColliderShape.prototype, "_material", void 0);
+    __decorate$1([
+        ignoreClone
+    ], ColliderShape.prototype, "_isTrigger", void 0);
+    __decorate$1([
+        ignoreClone
+    ], ColliderShape.prototype, "_rotation", void 0);
+    __decorate$1([
+        ignoreClone
+    ], ColliderShape.prototype, "_position", void 0);
+    __decorate$1([
+        ignoreClone
+    ], ColliderShape.prototype, "_contactOffset", void 0);
     /**
      * Physical collider shape for box.
      */ var BoxColliderShape = /*#__PURE__*/ function(ColliderShape1) {
@@ -20070,6 +20350,12 @@
         };
         _inherits$2(BoxColliderShape, ColliderShape1);
         var _proto = BoxColliderShape.prototype;
+        /**
+       * @internal
+       */ _proto._cloneTo = function _cloneTo(target) {
+            ColliderShape1.prototype._cloneTo.call(this, target);
+            target.size = this.size;
+        };
         _proto._setSize = function _setSize() {
             this._nativeShape.setSize(this._size);
         };
@@ -20090,6 +20376,9 @@
         ]);
         return BoxColliderShape;
     }(ColliderShape);
+    __decorate$1([
+        ignoreClone
+    ], BoxColliderShape.prototype, "_size", void 0);
     /**
      * Physical collider shape for sphere.
      */ var SphereColliderShape = /*#__PURE__*/ function(ColliderShape1) {
@@ -20101,6 +20390,11 @@
             return _this;
         };
         _inherits$2(SphereColliderShape, ColliderShape1);
+        var _proto = SphereColliderShape.prototype;
+        _proto._cloneTo = function _cloneTo(target) {
+            ColliderShape1.prototype._cloneTo.call(this, target);
+            target.radius = this.radius;
+        };
         _create_class$3(SphereColliderShape, [
             {
                 key: "radius",
@@ -20119,6 +20413,9 @@
         ]);
         return SphereColliderShape;
     }(ColliderShape);
+    __decorate$1([
+        ignoreClone
+    ], SphereColliderShape.prototype, "_radius", void 0);
     /**
      * Physical collider shape plane.
      */ var PlaneColliderShape = /*#__PURE__*/ function(ColliderShape1) {
@@ -20144,6 +20441,15 @@
             return _this;
         };
         _inherits$2(CapsuleColliderShape, ColliderShape1);
+        var _proto = CapsuleColliderShape.prototype;
+        /**
+       * @internal
+       */ _proto._cloneTo = function _cloneTo(target) {
+            ColliderShape1.prototype._cloneTo.call(this, target);
+            target.radius = this.radius;
+            target.height = this.height;
+            target.upAxis = this.upAxis;
+        };
         _create_class$3(CapsuleColliderShape, [
             {
                 key: "radius",
@@ -20190,6 +20496,15 @@
         ]);
         return CapsuleColliderShape;
     }(ColliderShape);
+    __decorate$1([
+        ignoreClone
+    ], CapsuleColliderShape.prototype, "_radius", void 0);
+    __decorate$1([
+        ignoreClone
+    ], CapsuleColliderShape.prototype, "_height", void 0);
+    __decorate$1([
+        ignoreClone
+    ], CapsuleColliderShape.prototype, "_upAxis", void 0);
     /**
      * Pointer Manager.
      * @internal
@@ -20279,9 +20594,9 @@
                 pointer._firePointerDrag();
                 var rayCastEntity = this._pointerRayCast(scenes, position.x / canvas.width, position.y / canvas.height);
                 pointer._firePointerExitAndEnter(rayCastEntity);
-                var length1 = events.length;
-                if (length1 > 0) {
-                    for(var i1 = 0; i1 < length1; i1++){
+                var length = events.length;
+                if (length > 0) {
+                    for(var i1 = 0; i1 < length; i1++){
                         switch(events[i1].type){
                             case "pointerdown":
                                 pointer.phase = exports.PointerPhase.Down;
@@ -20295,6 +20610,7 @@
                             case "pointercancel":
                                 pointer.phase = exports.PointerPhase.Leave;
                                 pointer._firePointerExitAndEnter(null);
+                                break;
                         }
                     }
                     events.length = 0;
@@ -20376,15 +20692,15 @@
         };
         _proto._updatePointerInfo = function _updatePointerInfo(frameCount, pointer, left, top, widthPixelRatio, heightPixelRatio) {
             var events = pointer._events, position = pointer.position;
-            var length1 = events.length;
-            if (length1 > 0) {
+            var length = events.length;
+            if (length > 0) {
                 var _this = this, _upList = _this._upList, _upMap = _this._upMap, _downList = _this._downList, _downMap = _this._downMap;
-                var latestEvent = events[length1 - 1];
+                var latestEvent = events[length - 1];
                 var currX = (latestEvent.clientX - left) * widthPixelRatio;
                 var currY = (latestEvent.clientY - top) * heightPixelRatio;
                 pointer.deltaPosition.set(currX - position.x, currY - position.y);
                 position.set(currX, currY);
-                for(var i = 0; i < length1; i++){
+                for(var i = 0; i < length; i++){
                     var event = events[i];
                     var button = event.button;
                     pointer.button = _pointerDec2BinMap[button] || exports.PointerButton.None;
@@ -20422,12 +20738,12 @@
             var point = PointerManager._tempPoint, ray = PointerManager._tempRay, hitResult = PointerManager._tempHitResult;
             for(var i = scenes.length - 1; i >= 0; i--){
                 var scene = scenes[i];
-                if (scene.destroyed) {
+                if (!scene.isActive || scene.destroyed) {
                     continue;
                 }
                 var cameras = scene._activeCameras;
-                for(var j = 0; j < cameras.length; j++){
-                    var camera = cameras[i];
+                for(var j = cameras.length - 1; j >= 0; j--){
+                    var camera = cameras[j];
                     if (!camera.enabled || camera.renderTarget) {
                         continue;
                     }
@@ -21087,10 +21403,6 @@
             magentaMaterial.isGCIgnored = true;
             magentaMaterial.shaderData.setColor("material_BaseColor", new Color(1.0, 0.0, 1.01, 1.0));
             _this._magentaMaterial = magentaMaterial;
-            var backgroundTextureMaterial = new Material(_assert_this_initialized(_this), Shader.find("background-texture"));
-            backgroundTextureMaterial.isGCIgnored = true;
-            backgroundTextureMaterial.renderState.depthState.compareFunction = exports.CompareFunction.LessEqual;
-            _this._backgroundTextureMaterial = backgroundTextureMaterial;
             var innerSettings = _this._settings;
             var colorSpace = configuration.colorSpace || exports.ColorSpace.Linear;
             colorSpace === exports.ColorSpace.Gamma && _this._macroCollection.enable(Engine._gammaMacro);
@@ -21135,57 +21447,56 @@
             this._textRenderDataPool.resetPool();
             var _this = this, inputManager = _this.inputManager, physicsInitialized = _this._physicsInitialized;
             inputManager._update();
-            var loopScenes = this._sceneManager._scenes.getLoopArray();
-            var sceneCount = loopScenes.length;
+            var scenes = this._sceneManager._scenes.getLoopArray();
+            var sceneCount = scenes.length;
             // Sort cameras and fire script `onStart`
             for(var i = 0; i < sceneCount; i++){
-                var scene = loopScenes[i];
-                if (scene.destroyed) continue;
+                var scene = scenes[i];
+                if (!scene.isActive || scene.destroyed) continue;
                 scene._cameraNeedSorting && scene._sortCameras();
                 scene._componentsManager.callScriptOnStart();
             }
             // Update physics and fire `onPhysicsUpdate`
             if (physicsInitialized) {
                 for(var i1 = 0; i1 < sceneCount; i1++){
-                    var scene1 = loopScenes[i1];
-                    if (scene1.destroyed) continue;
+                    var scene1 = scenes[i1];
+                    if (!scene1.isActive || scene1.destroyed) continue;
                     scene1.physics._update(deltaTime);
                 }
             }
             // Fire `onPointerXX`
-            physicsInitialized && inputManager._firePointerScript(loopScenes);
+            physicsInitialized && inputManager._firePointerScript(scenes);
             // Fire `onUpdate`
             for(var i2 = 0; i2 < sceneCount; i2++){
-                var scene2 = loopScenes[i2];
-                if (scene2.destroyed) continue;
+                var scene2 = scenes[i2];
+                if (!scene2.isActive || scene2.destroyed) continue;
                 scene2._componentsManager.callScriptOnUpdate(deltaTime);
             }
             // Update `Animator` logic
             for(var i3 = 0; i3 < sceneCount; i3++){
-                var scene3 = loopScenes[i3];
-                if (scene3.destroyed) continue;
+                var scene3 = scenes[i3];
+                if (!scene3.isActive || scene3.destroyed) continue;
                 scene3._componentsManager.callAnimationUpdate(deltaTime);
             }
             // Fire `onLateUpdate`
             for(var i4 = 0; i4 < sceneCount; i4++){
-                var scene4 = loopScenes[i4];
-                if (scene4.destroyed) continue;
+                var scene4 = scenes[i4];
+                if (!scene4.isActive || scene4.destroyed) continue;
                 scene4._componentsManager.callScriptOnLateUpdate(deltaTime);
             }
             // Render scene and fire `onBeginRender` and `onEndRender`
             if (!this._isDeviceLost) {
-                this._render(loopScenes);
-            }
-            // Handling invalid scripts and fire `onDestroy`
-            for(var i5 = 0; i5 < sceneCount; i5++){
-                var scene5 = loopScenes[i5];
-                if (scene5.destroyed) continue;
-                if (!this._waitingDestroy) {
-                    scene5._componentsManager.handlingInvalidScripts();
-                }
+                this._render(scenes);
             }
             if (this._waitingDestroy) {
                 this._destroy();
+            } else {
+                // Handling invalid scripts and fire `onDestroy`
+                for(var i5 = 0; i5 < sceneCount; i5++){
+                    var scene5 = scenes[i5];
+                    if (!scene5.isActive || scene5.destroyed) continue;
+                    scene5._componentsManager.handlingInvalidScripts();
+                }
             }
             if (this._waitingGC) {
                 this._gc();
@@ -21254,9 +21565,9 @@
             var shaderProgramPools = this._shaderProgramPools;
             var pool = shaderProgramPools[index];
             if (!pool) {
-                var length1 = index + 1;
-                if (length1 > shaderProgramPools.length) {
-                    shaderProgramPools.length = length1;
+                var length = index + 1;
+                if (length > shaderProgramPools.length) {
+                    shaderProgramPools.length = length;
                 }
                 shaderProgramPools[index] = pool = new ShaderProgramPool();
             }
@@ -21264,19 +21575,19 @@
         };
         /**
        * @internal
-       */ _proto._render = function _render(loopScenes) {
+       */ _proto._render = function _render(scenes) {
             // Update `Renderer` logic and shader data
-            for(var i = 0, n = loopScenes.length; i < n; i++){
-                var scene = loopScenes[i];
-                if (scene.destroyed) continue;
-                var deltaTime = this.time.deltaTime;
+            var deltaTime = this.time.deltaTime;
+            for(var i = 0, n = scenes.length; i < n; i++){
+                var scene = scenes[i];
+                if (!scene.isActive || scene.destroyed) continue;
                 scene._componentsManager.callRendererOnUpdate(deltaTime);
                 scene._updateShaderData();
             }
             // Fire script `onBeginRender` and `onEndRender`
-            for(var i1 = 0, n1 = loopScenes.length; i1 < n1; i1++){
-                var scene1 = loopScenes[i1];
-                if (scene1.destroyed) continue;
+            for(var i1 = 0, n1 = scenes.length; i1 < n1; i1++){
+                var scene1 = scenes[i1];
+                if (!scene1.isActive || scene1.destroyed) continue;
                 var cameras = scene1._activeCameras;
                 var cameraCount = cameras.length;
                 if (cameraCount > 0) {
@@ -21704,34 +22015,29 @@
             this./** @internal */ _textureFillMode = exports.BackgroundTextureFillMode.AspectFitHeight;
             this._texture = null;
             this._initMesh(_engine);
+            this._initMaterial(_engine);
         };
         var _proto = Background.prototype;
         /**
        * @internal
        */ _proto.destroy = function destroy() {
+            this.texture = null;
             this._mesh._addReferCount(-1);
             this._mesh = null;
-            this.texture = null;
+            this._material._addReferCount(-1);
+            this._material = null;
             this.solidColor = null;
             this.sky.destroy();
         };
         /**
        * @internal
-       * Standalone for CanvasRenderer plugin.
-       */ _proto._initMesh = function _initMesh(engine) {
-            this._mesh = this._createPlane(engine);
-            this._mesh._addReferCount(1);
-        };
-        /**
-       * @internal
        */ _proto._resizeBackgroundTexture = function _resizeBackgroundTexture() {
+            var _this = this, texture = _this._texture, mesh = _this._mesh;
             if (!this._texture) {
                 return;
             }
-            var canvas = this._engine.canvas;
-            var width = canvas.width, height = canvas.height;
-            var _this = this, _backgroundTextureMesh = _this._mesh;
-            var positions = _backgroundTextureMesh.getPositions();
+            var _this__engine_canvas = this._engine.canvas, width = _this__engine_canvas.width, height = _this__engine_canvas.height;
+            var positions = mesh.getPositions();
             switch(this._textureFillMode){
                 case exports.BackgroundTextureFillMode.Fill:
                     positions[0].set(-1, -1, 1);
@@ -21740,22 +22046,31 @@
                     positions[3].set(1, 1, 1);
                     break;
                 case exports.BackgroundTextureFillMode.AspectFitWidth:
-                    var fitWidthScale = this._texture.height * width / this.texture.width / height;
+                    var fitWidthScale = texture.height * width / texture.width / height;
                     positions[0].set(-1, -fitWidthScale, 1);
                     positions[1].set(1, -fitWidthScale, 1);
                     positions[2].set(-1, fitWidthScale, 1);
                     positions[3].set(1, fitWidthScale, 1);
                     break;
                 case exports.BackgroundTextureFillMode.AspectFitHeight:
-                    var fitHeightScale = this._texture.width * height / this.texture.height / width;
+                    var fitHeightScale = texture.width * height / texture.height / width;
                     positions[0].set(-fitHeightScale, -1, 1);
                     positions[1].set(fitHeightScale, -1, 1);
                     positions[2].set(-fitHeightScale, 1, 1);
                     positions[3].set(fitHeightScale, 1, 1);
                     break;
             }
-            _backgroundTextureMesh.setPositions(positions);
-            _backgroundTextureMesh.uploadData(false);
+            mesh.setPositions(positions);
+            mesh.uploadData(false);
+        };
+        _proto._initMesh = function _initMesh(engine) {
+            this._mesh = this._createPlane(engine);
+            this._mesh._addReferCount(1);
+        };
+        _proto._initMaterial = function _initMaterial(engine) {
+            var material = this._material = new Material(engine, Shader.find("background-texture"));
+            material.renderState.depthState.compareFunction = exports.CompareFunction.LessEqual;
+            material._addReferCount(1);
         };
         _proto._createPlane = function _createPlane(engine) {
             var mesh = new ModelMesh(engine);
@@ -21796,14 +22111,14 @@
                         (_value = value) == null ? void 0 : _value._addReferCount(1);
                         (_this__texture = this._texture) == null ? void 0 : _this__texture._addReferCount(-1);
                         this._texture = value;
-                        this._engine._backgroundTextureMaterial.shaderData.setTexture("material_BaseTexture", value);
+                        this._material.shaderData.setTexture("material_BaseTexture", value);
+                        this._resizeBackgroundTexture();
                     }
                 }
             },
             {
                 key: "textureFillMode",
                 get: /**
-       * @internal
        * Background texture fill mode.
        * @remarks When `mode` is `BackgroundMode.Texture`, the property will take effects.
        * @defaultValue `BackgroundTextureFillMode.FitHeight`
@@ -21920,40 +22235,44 @@
         };
         _proto.callScriptOnUpdate = function callScriptOnUpdate(deltaTime) {
             this._onUpdateScripts.forEach(function(element) {
-                if (element._started) {
-                    element.onUpdate(deltaTime);
-                }
+                element._started && element.onUpdate(deltaTime);
+            }, function(element, index) {
+                element._onUpdateIndex = index;
             });
         };
         _proto.callScriptOnLateUpdate = function callScriptOnLateUpdate(deltaTime) {
             this._onLateUpdateScripts.forEach(function(element) {
-                if (element._started) {
-                    element.onLateUpdate(deltaTime);
-                }
+                element._started && element.onLateUpdate(deltaTime);
+            }, function(element, index) {
+                element._onLateUpdateIndex = index;
             });
         };
         _proto.callScriptOnPhysicsUpdate = function callScriptOnPhysicsUpdate() {
             this._onPhysicsUpdateScripts.forEach(function(element) {
-                if (element._started) {
-                    element.onPhysicsUpdate();
-                }
+                element._started && element.onPhysicsUpdate();
+            }, function(element, index) {
+                element._onPhysicsUpdateIndex = index;
             });
         };
         _proto.callAnimationUpdate = function callAnimationUpdate(deltaTime) {
             this._onUpdateAnimations.forEach(function(element) {
                 element.engine.time.frameCount > element._playFrameCount && element.update(deltaTime);
+            }, function(element, index) {
+                element._onUpdateIndex = index;
             });
         };
         _proto.callRendererOnUpdate = function callRendererOnUpdate(deltaTime) {
             this._onUpdateRenderers.forEach(function(element) {
                 element.update(deltaTime);
+            }, function(element, index) {
+                element._onUpdateIndex = index;
             });
         };
         _proto.handlingInvalidScripts = function handlingInvalidScripts() {
             var _this = this, pendingDestroyScripts = _this._disposeDestroyScripts, disposeDestroyScripts = _this._pendingDestroyScripts;
             this._disposeDestroyScripts = disposeDestroyScripts;
             this._pendingDestroyScripts = pendingDestroyScripts;
-            length = disposeDestroyScripts.length;
+            var length = disposeDestroyScripts.length;
             if (length > 0) {
                 for(var i = length - 1; i >= 0; i--){
                     disposeDestroyScripts[i].onDestroy();
@@ -21964,11 +22283,15 @@
         _proto.callCameraOnBeginRender = function callCameraOnBeginRender(camera) {
             camera.entity._scripts.forEach(function(element) {
                 element.onBeginRender(camera);
+            }, function(element, index) {
+                element._entityScriptsIndex = index;
             });
         };
         _proto.callCameraOnEndRender = function callCameraOnEndRender(camera) {
             camera.entity._scripts.forEach(function(element) {
                 element.onEndRender(camera);
+            }, function(element, index) {
+                element._entityScriptsIndex = index;
             });
         };
         _proto.getActiveChangedTempList = function getActiveChangedTempList() {
@@ -22363,11 +22686,6 @@
         ]);
         return Light;
     }(Component);
-    (function() {
-        /**
-       * Each type of light source is at most 10, beyond which it will not take effect.
-       * */ Light._maxLight = 10;
-    })();
     __decorate$1([
         ignoreClone
     ], Light.prototype, "_lightIndex", void 0);
@@ -22384,13 +22702,12 @@
         var _proto = DirectLight.prototype;
         /**
        * @internal
-       */ _proto._appendData = function _appendData(lightIndex) {
+       */ _proto._appendData = function _appendData(lightIndex, data) {
             var cullingMaskStart = lightIndex * 2;
             var colorStart = lightIndex * 3;
             var directionStart = lightIndex * 3;
             var lightColor = this._getLightIntensityColor();
             var direction = this.direction;
-            var data = DirectLight._combinedData;
             var cullingMask = this.cullingMask;
             data.cullingMask[cullingMaskStart] = cullingMask & 65535;
             data.cullingMask[cullingMaskStart + 1] = cullingMask >>> 16 & 65535;
@@ -22419,8 +22736,7 @@
         };
         /**
        * @internal
-       */ DirectLight._updateShaderData = function _updateShaderData(shaderData) {
-            var data = DirectLight._combinedData;
+       */ DirectLight._updateShaderData = function _updateShaderData(shaderData, data) {
             shaderData.setIntArray(DirectLight._cullingMaskProperty, data.cullingMask);
             shaderData.setFloatArray(DirectLight._colorProperty, data.color);
             shaderData.setFloatArray(DirectLight._directionProperty, data.direction);
@@ -22463,13 +22779,6 @@
     (function() {
         DirectLight._directionProperty = ShaderProperty.getByName("scene_DirectLightDirection");
     })();
-    (function() {
-        DirectLight._combinedData = {
-            cullingMask: new Int32Array(Light._maxLight * 2),
-            color: new Float32Array(Light._maxLight * 3),
-            direction: new Float32Array(Light._maxLight * 3)
-        };
-    })();
     /**
      * Point light.
      */ var PointLight = /*#__PURE__*/ function(Light1) {
@@ -22483,14 +22792,13 @@
         var _proto = PointLight.prototype;
         /**
        * @internal
-       */ _proto._appendData = function _appendData(lightIndex) {
+       */ _proto._appendData = function _appendData(lightIndex, data) {
             var cullingMaskStart = lightIndex * 2;
             var colorStart = lightIndex * 3;
             var positionStart = lightIndex * 3;
             var distanceStart = lightIndex;
             var lightColor = this._getLightIntensityColor();
             var lightPosition = this.position;
-            var data = PointLight._combinedData;
             var cullingMask = this.cullingMask;
             data.cullingMask[cullingMaskStart] = cullingMask & 65535;
             data.cullingMask[cullingMaskStart + 1] = cullingMask >>> 16 & 65535;
@@ -22520,8 +22828,7 @@
         };
         /**
        * @internal
-       */ PointLight._updateShaderData = function _updateShaderData(shaderData) {
-            var data = PointLight._combinedData;
+       */ PointLight._updateShaderData = function _updateShaderData(shaderData, data) {
             shaderData.setIntArray(PointLight._cullingMaskProperty, data.cullingMask);
             shaderData.setFloatArray(PointLight._colorProperty, data.color);
             shaderData.setFloatArray(PointLight._positionProperty, data.position);
@@ -22559,14 +22866,6 @@
     (function() {
         PointLight._distanceProperty = ShaderProperty.getByName("scene_PointLightDistance");
     })();
-    (function() {
-        PointLight._combinedData = {
-            cullingMask: new Int32Array(Light._maxLight * 2),
-            color: new Float32Array(Light._maxLight * 3),
-            position: new Float32Array(Light._maxLight * 3),
-            distance: new Float32Array(Light._maxLight)
-        };
-    })();
     /**
      * Spot light.
      */ var SpotLight = /*#__PURE__*/ function(Light1) {
@@ -22584,7 +22883,7 @@
         var _proto = SpotLight.prototype;
         /**
        * @internal
-       */ _proto._appendData = function _appendData(lightIndex) {
+       */ _proto._appendData = function _appendData(lightIndex, data) {
             var cullingMaskStart = lightIndex * 2;
             var colorStart = lightIndex * 3;
             var positionStart = lightIndex * 3;
@@ -22595,7 +22894,6 @@
             var lightColor = this._getLightIntensityColor();
             var position = this.position;
             var direction = this.direction;
-            var data = SpotLight._combinedData;
             var cullingMask = this.cullingMask;
             data.cullingMask[cullingMaskStart] = cullingMask & 65535;
             data.cullingMask[cullingMaskStart + 1] = cullingMask >>> 16 & 65535;
@@ -22630,8 +22928,7 @@
         };
         /**
        * @internal
-       */ SpotLight._updateShaderData = function _updateShaderData(shaderData) {
-            var data = SpotLight._combinedData;
+       */ SpotLight._updateShaderData = function _updateShaderData(shaderData, data) {
             shaderData.setIntArray(SpotLight._cullingMaskProperty, data.cullingMask);
             shaderData.setFloatArray(SpotLight._colorProperty, data.color);
             shaderData.setFloatArray(SpotLight._positionProperty, data.position);
@@ -22701,25 +22998,34 @@
     (function() {
         SpotLight._penumbraCosProperty = ShaderProperty.getByName("scene_SpotLightPenumbraCos");
     })();
-    (function() {
-        SpotLight._combinedData = {
-            cullingMask: new Int32Array(Light._maxLight * 2),
-            color: new Float32Array(Light._maxLight * 3),
-            position: new Float32Array(Light._maxLight * 3),
-            direction: new Float32Array(Light._maxLight * 3),
-            distance: new Float32Array(Light._maxLight),
-            angleCos: new Float32Array(Light._maxLight),
-            penumbraCos: new Float32Array(Light._maxLight)
-        };
-    })();
     /**
      * Light manager.
      */ var LightManager = /*#__PURE__*/ function() {
-        var LightManager = function LightManager() {
+        function LightManager() {
             /** @internal */ this._spotLights = new DisorderedArray();
             /** @internal */ this._pointLights = new DisorderedArray();
             /** @internal */ this._directLights = new DisorderedArray();
-        };
+            this._directData = {
+                cullingMask: new Int32Array(LightManager._maxLight * 2),
+                color: new Float32Array(LightManager._maxLight * 3),
+                direction: new Float32Array(LightManager._maxLight * 3)
+            };
+            this._pointData = {
+                cullingMask: new Int32Array(LightManager._maxLight * 2),
+                color: new Float32Array(LightManager._maxLight * 3),
+                position: new Float32Array(LightManager._maxLight * 3),
+                distance: new Float32Array(LightManager._maxLight)
+            };
+            this._spotData = {
+                cullingMask: new Int32Array(LightManager._maxLight * 2),
+                color: new Float32Array(LightManager._maxLight * 3),
+                position: new Float32Array(LightManager._maxLight * 3),
+                direction: new Float32Array(LightManager._maxLight * 3),
+                distance: new Float32Array(LightManager._maxLight),
+                angleCos: new Float32Array(LightManager._maxLight),
+                penumbraCos: new Float32Array(LightManager._maxLight)
+            };
+        }
         var _proto = LightManager.prototype;
         /**
        * @internal
@@ -22778,38 +23084,34 @@
         /**
        * @internal
        */ _proto._updateShaderData = function _updateShaderData(shaderData) {
-            var spotLight = this._spotLights;
-            var pointLight = this._pointLights;
-            var directLight = this._directLights;
+            var _this = this, spotLight = _this._spotLights, pointLight = _this._pointLights, directLight = _this._directLights;
+            var _this1 = this, spotData = _this1._spotData, pointData = _this1._pointData, directData = _this1._directData;
             var spotLightCount = spotLight.length;
             var pointLightCount = pointLight.length;
             var directLightCount = directLight.length;
-            for(var i = 0, len = spotLightCount; i < len; i++){
-                var light = spotLight.get(i);
-                light._appendData(i);
+            for(var i = 0; i < spotLightCount; i++){
+                spotLight.get(i)._appendData(i, spotData);
             }
-            for(var i1 = 0, len1 = pointLightCount; i1 < len1; i1++){
-                var light1 = pointLight.get(i1);
-                light1._appendData(i1);
+            for(var i1 = 0; i1 < pointLightCount; i1++){
+                pointLight.get(i1)._appendData(i1, pointData);
             }
-            for(var i2 = 0, len2 = directLightCount; i2 < len2; i2++){
-                var light2 = directLight.get(i2);
-                light2._appendData(i2);
+            for(var i2 = 0; i2 < directLightCount; i2++){
+                directLight.get(i2)._appendData(i2, directData);
             }
             if (directLightCount) {
-                DirectLight._updateShaderData(shaderData);
+                DirectLight._updateShaderData(shaderData, directData);
                 shaderData.enableMacro("SCENE_DIRECT_LIGHT_COUNT", directLightCount.toString());
             } else {
                 shaderData.disableMacro("SCENE_DIRECT_LIGHT_COUNT");
             }
             if (pointLightCount) {
-                PointLight._updateShaderData(shaderData);
+                PointLight._updateShaderData(shaderData, pointData);
                 shaderData.enableMacro("SCENE_POINT_LIGHT_COUNT", pointLightCount.toString());
             } else {
                 shaderData.disableMacro("SCENE_POINT_LIGHT_COUNT");
             }
             if (spotLightCount) {
-                SpotLight._updateShaderData(shaderData);
+                SpotLight._updateShaderData(shaderData, spotData);
                 shaderData.enableMacro("SCENE_SPOT_LIGHT_COUNT", spotLightCount.toString());
             } else {
                 shaderData.disableMacro("SCENE_SPOT_LIGHT_COUNT");
@@ -22850,6 +23152,11 @@
         };
         return LightManager;
     }();
+    (function() {
+        /**
+       * Each type of light source is at most 10, beyond which it will not take effect.
+       * */ LightManager._maxLight = 10;
+    })();
     /**
      * Scene.
      */ var Scene = /*#__PURE__*/ function(EngineObject1) {
@@ -22879,6 +23186,7 @@
             _this._fogEnd = 300;
             _this._fogDensity = 0.01;
             _this._fogParams = new Vector4();
+            _this._isActive = true;
             _this.name = name1 || "";
             var shaderData = _this.shaderData;
             shaderData._addReferCount(1);
@@ -23126,6 +23434,24 @@
             this._fogParams.w = density / Math.sqrt(Math.LN2);
         };
         _create_class$3(Scene, [
+            {
+                key: "isActive",
+                get: /**
+       * Whether the scene is active.
+       */ function get() {
+                    return this._isActive;
+                },
+                set: function set(value) {
+                    if (this._isActive !== value) {
+                        this._isActive = value;
+                        if (value) {
+                            this._sceneManager && this._processActive(true);
+                        } else {
+                            this._sceneManager && this._processActive(false);
+                        }
+                    }
+                }
+            },
             {
                 key: "shaderData",
                 get: /**
@@ -23443,7 +23769,11 @@
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
             Component1.prototype._onDestroy.call(this);
-            this.scene._componentsManager.addPendingDestroyScript(this);
+            if (this.scene) {
+                this.scene._componentsManager.addPendingDestroyScript(this);
+            } else {
+                this.onDestroy();
+            }
         };
         return Script;
     }(Component);
@@ -23583,7 +23913,7 @@
         _proto.drawBatches = function drawBatches(camera) {
             var _this = this, engine = _this._engine, batchedQueue = _this._batchedQueue;
             var mesh = this._meshes[this._flushId];
-            var subMeshes = mesh.subMeshes;
+            var subMeshes = mesh.subMeshes, primitive = mesh._primitive;
             var maskManager = engine._spriteMaskManager;
             var sceneData = camera.scene.shaderData;
             var cameraData = camera.shaderData;
@@ -23613,7 +23943,7 @@
                 program.uploadAll(program.rendererUniformBlock, renderer.shaderData);
                 program.uploadAll(program.materialUniformBlock, material.shaderData);
                 material.renderState._apply(engine, false, shaderPass._renderStateDataMap, material.shaderData);
-                engine._hardwareRenderer.drawPrimitive(mesh._primitive, subMesh, program);
+                engine._hardwareRenderer.drawPrimitive(primitive, subMesh, program);
                 maskManager.postRender(renderer);
             }
         };
@@ -24980,8 +25310,8 @@
         };
         _proto._drawBackgroundTexture = function _drawBackgroundTexture(engine, background) {
             var rhi = engine._hardwareRenderer;
-            var material = engine._backgroundTextureMaterial, canvas = engine.canvas;
-            var mesh = background._mesh;
+            var canvas = engine.canvas;
+            var material = background._material, mesh = background._mesh;
             if ((this._lastCanvasSize.x !== canvas.width || this._lastCanvasSize.y !== canvas.height) && background._textureFillMode !== exports.BackgroundTextureFillMode.Fill) {
                 this._lastCanvasSize.set(canvas.width, canvas.height);
                 background._resizeBackgroundTexture();
@@ -25154,7 +25484,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.0, invViewProjMat, out.direction);
+            var direction = this._innerViewportToWorldPoint(point.x, point.y, 1 - MathUtil$1.zeroTolerance, invViewProjMat, out.direction);
             Vector3.subtract(direction, origin, direction);
             direction.normalize();
             return out;
@@ -28129,11 +28459,11 @@
     /**
      * @internal
      */ var CharRenderDataPool = /*#__PURE__*/ function() {
-        var CharRenderDataPool = function CharRenderDataPool(type, length1) {
+        var CharRenderDataPool = function CharRenderDataPool(type, length) {
             this._elements = [];
             this._type = type;
             var elements = this._elements;
-            for(var i = 0; i < length1; ++i){
+            for(var i = 0; i < length; ++i){
                 elements[i] = new type();
             }
         };
@@ -28768,6 +29098,9 @@
             this.property = property;
             this.component = target.getComponent(type);
             this.cureType = cureType;
+            var isBlendShape = _instanceof1$2(this.component, SkinnedMeshRenderer);
+            // @todo: Temp solution with blendShape
+            this._isCopyMode = cureType._isCopyMode && !isBlendShape;
             var assemblerType = AnimationCurveOwner.getAssemblerType(type, property);
             this._assembler = new assemblerType();
             this._assembler.initialize(this);
@@ -28799,7 +29132,7 @@
             this._assembler.setTargetValue(this.defaultValue);
         };
         _proto.getEvaluateValue = function getEvaluateValue(out) {
-            if (this.cureType._isCopyMode) {
+            if (this._isCopyMode) {
                 this.cureType._setValue(this.baseEvaluateData.value, out);
                 return out;
             } else {
@@ -28807,14 +29140,14 @@
             }
         };
         _proto.saveDefaultValue = function saveDefaultValue() {
-            if (this.cureType._isCopyMode) {
+            if (this._isCopyMode) {
                 this.cureType._setValue(this.referenceTargetValue, this.defaultValue);
             } else {
                 this.defaultValue = this._assembler.getTargetValue();
             }
         };
         _proto.saveFixedPoseValue = function saveFixedPoseValue() {
-            if (this.cureType._isCopyMode) {
+            if (this._isCopyMode) {
                 this.cureType._setValue(this.referenceTargetValue, this.fixedPoseValue);
             } else {
                 this.fixedPoseValue = this._assembler.getTargetValue();
@@ -28823,7 +29156,7 @@
         _proto.applyValue = function applyValue(value, weight, additive) {
             var cureType = this.cureType;
             if (additive) {
-                if (cureType._isCopyMode) {
+                if (this._isCopyMode) {
                     cureType._additiveValue(value, weight, this.referenceTargetValue);
                 } else {
                     var assembler = this._assembler;
@@ -28833,13 +29166,13 @@
                 }
             } else {
                 if (weight === 1.0) {
-                    if (cureType._isCopyMode) {
+                    if (this._isCopyMode) {
                         cureType._setValue(value, this.referenceTargetValue);
                     } else {
                         this._assembler.setTargetValue(value);
                     }
                 } else {
-                    if (cureType._isCopyMode) {
+                    if (this._isCopyMode) {
                         var targetValue = this.referenceTargetValue;
                         cureType._lerpValue(targetValue, value, weight, targetValue);
                     } else {
@@ -28851,7 +29184,7 @@
             }
         };
         _proto._lerpValue = function _lerpValue(srcValue, destValue, crossWeight) {
-            if (this.cureType._isCopyMode) {
+            if (this._isCopyMode) {
                 return this.cureType._lerpValue(srcValue, destValue, crossWeight, this.baseEvaluateData.value);
             } else {
                 this.baseEvaluateData.value = this.cureType._lerpValue(srcValue, destValue, crossWeight);
@@ -28930,16 +29263,22 @@
     /**
      * @internal
      */ var BlendShapeWeightsAnimationCurveOwnerAssembler = /*#__PURE__*/ function() {
-        var BlendShapeWeightsAnimationCurveOwnerAssembler = function BlendShapeWeightsAnimationCurveOwnerAssembler() {};
+        var BlendShapeWeightsAnimationCurveOwnerAssembler = function BlendShapeWeightsAnimationCurveOwnerAssembler() {
+            this._skinnedMeshRenderer = [];
+        };
         var _proto = BlendShapeWeightsAnimationCurveOwnerAssembler.prototype;
         _proto.initialize = function initialize(owner) {
-            this._skinnedMeshRenderer = owner.target.getComponent(SkinnedMeshRenderer);
+            // @todo: Compatible with multiple SkinnedMeshRenderer in a entity, optimize later.
+            owner.target.getComponents(SkinnedMeshRenderer, this._skinnedMeshRenderer);
         };
         _proto.getTargetValue = function getTargetValue() {
-            return this._skinnedMeshRenderer.blendShapeWeights;
+            return this._skinnedMeshRenderer[0].blendShapeWeights;
         };
         _proto.setTargetValue = function setTargetValue(value) {
-            this._skinnedMeshRenderer.blendShapeWeights = value;
+            var skinnedMeshRenderer = this._skinnedMeshRenderer;
+            for(var i = 0, n = skinnedMeshRenderer.length; i < n; i++){
+                skinnedMeshRenderer[i].blendShapeWeights = value;
+            }
         };
         return BlendShapeWeightsAnimationCurveOwnerAssembler;
     }();
@@ -29178,8 +29517,8 @@
         /**
        * @internal
        */ _proto._evaluate = function _evaluate(time, evaluateData) {
-            var length1 = this.keys.length;
-            if (!length1) {
+            var length = this.keys.length;
+            if (!length) {
                 console.warn("This curve don't have any keyframes: ", this);
                 return;
             }
@@ -29187,11 +29526,11 @@
             // Compute curIndex and nextIndex.
             var curIndex = evaluateData.curKeyframeIndex;
             // Reset loop,if delete keyfranme may cause `curIndex >= length`
-            if (curIndex !== -1 && (curIndex >= length1 || time < keys[curIndex].time)) {
+            if (curIndex !== -1 && (curIndex >= length || time < keys[curIndex].time)) {
                 curIndex = -1;
             }
             var nextIndex = curIndex + 1;
-            while(nextIndex < length1){
+            while(nextIndex < length){
                 if (time < keys[nextIndex].time) {
                     break;
                 }
@@ -29203,7 +29542,7 @@
             var value;
             if (curIndex === -1) {
                 value = this._type._setValue(keys[0].value, evaluateData.value);
-            } else if (nextIndex === length1) {
+            } else if (nextIndex === length) {
                 value = this._type._setValue(keys[curIndex].value, evaluateData.value);
             } else {
                 // Time between first frame and end frame.
@@ -31564,62 +31903,199 @@
     (function() {
         SkyProceduralMaterial._sunSimpleMacro = ShaderMacro.getByName("MATERIAL_SUN_SIMPLE");
     })();
+    var SubPrimitive = function SubPrimitive() {};
     /**
-     * Particle Material.
-     */ var ParticleMaterial = /*#__PURE__*/ function(BaseMaterial1) {
-        var ParticleMaterial = function ParticleMaterial(engine) {
+     * The rendering mode for particle renderer.
+     */ exports.ParticleRenderMode = void 0;
+    (function(ParticleRenderMode) {
+        ParticleRenderMode[ParticleRenderMode[/** Render particles as billboards facing the active camera. */ "Billboard"] = 0] = "Billboard";
+        ParticleRenderMode[ParticleRenderMode[/** Stretch particles in the direction of motion. */ "StretchBillboard"] = 1] = "StretchBillboard";
+        ParticleRenderMode[ParticleRenderMode[/** Render particles as billboards always facing up along the y-Axis. */ "HorizontalBillboard"] = 2] = "HorizontalBillboard";
+        ParticleRenderMode[ParticleRenderMode[/** Render particles as billboards always facing the player, but not pitching along the x-Axis. */ "VerticalBillboard"] = 3] = "VerticalBillboard";
+        ParticleRenderMode[ParticleRenderMode[/** Render particles as meshes. */ "Mesh"] = 4] = "Mesh";
+        ParticleRenderMode[ParticleRenderMode[/** Do not render particles. */ "None"] = 5] = "None";
+    })(exports.ParticleRenderMode || (exports.ParticleRenderMode = {}));
+    exports.ParticleStopMode = void 0;
+    (function(ParticleStopMode) {
+        ParticleStopMode[ParticleStopMode[/** Stop emitting new particles and clear existing particles immediately. */ "StopEmittingAndClear"] = 0] = "StopEmittingAndClear";
+        ParticleStopMode[ParticleStopMode[/** Stop emitting new particles, but keep existing particles until they expire. */ "StopEmitting"] = 1] = "StopEmitting";
+    })(exports.ParticleStopMode || (exports.ParticleStopMode = {}));
+    /**
+     * Particle Renderer Component.
+     */ var ParticleRenderer = /*#__PURE__*/ function(Renderer1) {
+        _inherits$2(ParticleRenderer, Renderer1);
+        function ParticleRenderer(entity) {
             var _this;
-            _this = BaseMaterial1.call(this, engine, Shader.find("particle-shader")) || this;
-            var shaderData = _this.shaderData;
-            shaderData.enableMacro("MATERIAL_OMIT_NORMAL");
-            shaderData.setColor(BaseMaterial._baseColorProp, new Color$1(1, 1, 1, 1));
-            _this.isTransparent = true;
+            _this = Renderer1.call(this, entity) || this;
+            /** Particle generator. */ _this.generator = new ParticleGenerator(_assert_this_initialized(_this));
+            /** Specifies how much particles stretch depending on their velocity. */ _this.velocityScale = 0;
+            /** How much are the particles stretched in their direction of motion, defined as the length of the particle compared to its width. */ _this.lengthScale = 2;
+            /** The pivot of particle. */ _this.pivot = new Vector3();
+            _this._currentRenderModeMacro = ParticleRenderer._billboardModeMacro;
+            _this.shaderData.enableMacro(ParticleRenderer._billboardModeMacro);
+            _this._supportInstancedArrays = _this.engine._hardwareRenderer.canIUse(exports.GLCapabilityType.instancedArrays);
             return _this;
+        }
+        var _proto = ParticleRenderer.prototype;
+        /**
+       * @internal
+       */ _proto._onEnable = function _onEnable() {
+            if (this.generator.main.playOnEnabled) {
+                this.generator.play(false);
+            }
         };
-        _inherits$2(ParticleMaterial, BaseMaterial1);
-        var _proto = ParticleMaterial.prototype;
         /**
-       * @inheritdoc
-       */ _proto.clone = function clone() {
-            var dest = new ParticleMaterial(this._engine);
-            this.cloneTo(dest);
-            return dest;
+       * @internal
+       */ _proto._onDisable = function _onDisable() {
+            this.generator.stop(false, exports.ParticleStopMode.StopEmittingAndClear);
         };
-        _create_class$3(ParticleMaterial, [
+        /**
+       * @internal
+       */ _proto._prepareRender = function _prepareRender(context) {
+            if (!this._supportInstancedArrays) {
+                return;
+            }
+            var generator = this.generator;
+            generator._update(this.engine.time.deltaTime);
+            // No particles to render
+            if (generator._firstActiveElement === generator._firstFreeElement) {
+                return;
+            }
+            Renderer1.prototype._prepareRender.call(this, context);
+        };
+        /**
+       * @internal
+       */ _proto._updateBounds = function _updateBounds(worldBounds) {
+            worldBounds.min.set(-Number.MAX_VALUE, -Number.MAX_VALUE, -Number.MAX_VALUE);
+            worldBounds.max.set(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE);
+        };
+        /**
+       * @internal
+       */ _proto._updateShaderData = function _updateShaderData(context) {
+            var shaderData = this.shaderData;
+            shaderData.setFloat(ParticleRenderer._lengthScale, this.lengthScale);
+            shaderData.setFloat(ParticleRenderer._speedScale, this.velocityScale);
+            shaderData.setFloat(ParticleRenderer._currentTime, this.generator._playTime);
+            shaderData.setVector3(ParticleRenderer._pivotOffsetProperty, this.pivot);
+            this.generator._updateShaderData(shaderData);
+        };
+        _proto._render = function _render(context) {
+            var generator = this.generator;
+            var primitive = generator._primitive;
+            if (generator._firstActiveElement < generator._firstFreeElement) {
+                primitive.instanceCount = generator._firstFreeElement - generator._firstActiveElement;
+            } else {
+                var instanceCount = generator._currentParticleCount - generator._firstActiveElement;
+                if (generator._firstFreeElement > 0) {
+                    instanceCount += generator._firstFreeElement;
+                }
+                primitive.instanceCount = instanceCount;
+            }
+            var material = this.getMaterial();
+            var renderData = this._engine._renderDataPool.getFromPool();
+            renderData.setX(this, material, generator._primitive, generator._subPrimitive);
+            context.camera._renderPipeline.pushRenderData(context, renderData);
+        };
+        _proto._onDestroy = function _onDestroy() {
+            this.generator._destroy();
+        };
+        _create_class$3(ParticleRenderer, [
             {
-                key: "baseColor",
+                key: "renderMode",
                 get: /**
-       * Base color.
+       * Specifies how particles are rendered.
        */ function get() {
-                    return this.shaderData.getColor(BaseMaterial._baseColorProp);
+                    return this._renderMode;
                 },
                 set: function set(value) {
-                    var baseColor = this.shaderData.getColor(BaseMaterial._baseColorProp);
-                    if (value !== baseColor) {
-                        baseColor.copyFrom(value);
+                    if (this._renderMode !== value) {
+                        var lastRenderMode = this._renderMode;
+                        this._renderMode = value;
+                        var renderModeMacro = null;
+                        var shaderData = this.shaderData;
+                        switch(value){
+                            case exports.ParticleRenderMode.Billboard:
+                                renderModeMacro = ParticleRenderer._billboardModeMacro;
+                                break;
+                            case exports.ParticleRenderMode.StretchBillboard:
+                                renderModeMacro = ParticleRenderer._stretchedBillboardModeMacro;
+                                break;
+                            case exports.ParticleRenderMode.HorizontalBillboard:
+                                throw "Not implemented";
+                            case exports.ParticleRenderMode.VerticalBillboard:
+                                throw "Not implemented";
+                            case exports.ParticleRenderMode.Mesh:
+                                throw "Not implemented";
+                        }
+                        if (this._currentRenderModeMacro !== renderModeMacro) {
+                            this._currentRenderModeMacro && shaderData.disableMacro(this._currentRenderModeMacro);
+                            renderModeMacro && shaderData.enableMacro(renderModeMacro);
+                            this._currentRenderModeMacro = renderModeMacro;
+                        }
+                        // @ts-ignore
+                        if (lastRenderMode !== exports.ParticleRenderMode.Mesh !== (value === exports.ParticleRenderMode.Mesh)) {
+                            this.generator._reorganizeGeometryBuffers();
+                        }
                     }
                 }
             },
             {
-                key: "baseTexture",
+                key: "mesh",
                 get: /**
-       * Base texture.
+       * The mesh of particle.
+       * @remarks Valid when `renderMode` is `Mesh`.
        */ function get() {
-                    return this.shaderData.getTexture(BaseMaterial._baseTextureProp);
+                    return this._mesh;
                 },
                 set: function set(value) {
-                    this.shaderData.setTexture(BaseMaterial._baseTextureProp, value);
-                    if (value) {
-                        this.shaderData.enableMacro(BaseMaterial._baseTextureMacro);
-                    } else {
-                        this.shaderData.disableMacro(BaseMaterial._baseTextureMacro);
+                    var lastMesh = this._mesh;
+                    if (lastMesh !== value) {
+                        var _lastMesh, _value;
+                        this._mesh = value;
+                        (_lastMesh = lastMesh) == null ? void 0 : _lastMesh._addReferCount(-1);
+                        (_value = value) == null ? void 0 : _value._addReferCount(1);
+                        if (this.renderMode === exports.ParticleRenderMode.Mesh) {
+                            this.generator._reorganizeGeometryBuffers();
+                        }
                     }
                 }
             }
         ]);
-        return ParticleMaterial;
-    }(BaseMaterial);
-    var SubPrimitive = function SubPrimitive() {};
+        return ParticleRenderer;
+    }(exports.Renderer);
+    (function() {
+        ParticleRenderer._billboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_SPHERE_BILLBOARD");
+    })();
+    (function() {
+        ParticleRenderer._stretchedBillboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_STRETCHED_BILLBOARD");
+    })();
+    (function() {
+        ParticleRenderer._horizontalBillboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_HORIZONTAL_BILLBOARD");
+    })();
+    (function() {
+        ParticleRenderer._verticalBillboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_VERTICAL_BILLBOARD");
+    })();
+    (function() {
+        ParticleRenderer._renderModeMeshMacro = ShaderMacro.getByName("RENDERER_MODE_MESH");
+    })();
+    (function() {
+        ParticleRenderer._pivotOffsetProperty = ShaderProperty.getByName("renderer_PivotOffset");
+    })();
+    (function() {
+        ParticleRenderer._lengthScale = ShaderProperty.getByName("renderer_StretchedBillboardLengthScale");
+    })();
+    (function() {
+        ParticleRenderer._speedScale = ShaderProperty.getByName("renderer_StretchedBillboardSpeedScale");
+    })();
+    (function() {
+        ParticleRenderer._currentTime = ShaderProperty.getByName("renderer_CurrentTime");
+    })();
+    __decorate$1([
+        deepClone
+    ], ParticleRenderer.prototype, "generator", void 0);
+    __decorate$1([
+        shallowClone
+    ], ParticleRenderer.prototype, "pivot", void 0);
     /**
      * Particle curve mode.
      */ exports.ParticleCurveMode = void 0;
@@ -31638,17 +32114,6 @@
         ParticleGradientMode[ParticleGradientMode[/* Single color gradient curve mode. */ "Gradient"] = 2] = "Gradient";
         ParticleGradientMode[ParticleGradientMode[/* Random value between two color gradients. */ "TwoGradients"] = 3] = "TwoGradients";
     })(exports.ParticleGradientMode || (exports.ParticleGradientMode = {}));
-    /**
-     * The rendering mode for particle renderer.
-     */ exports.ParticleRenderMode = void 0;
-    (function(ParticleRenderMode) {
-        ParticleRenderMode[ParticleRenderMode[/** Render particles as billboards facing the active camera. */ "Billboard"] = 0] = "Billboard";
-        ParticleRenderMode[ParticleRenderMode[/** Stretch particles in the direction of motion. */ "StretchBillboard"] = 1] = "StretchBillboard";
-        ParticleRenderMode[ParticleRenderMode[/** Render particles as billboards always facing up along the y-Axis. */ "HorizontalBillboard"] = 2] = "HorizontalBillboard";
-        ParticleRenderMode[ParticleRenderMode[/** Render particles as billboards always facing the player, but not pitching along the x-Axis. */ "VerticalBillboard"] = 3] = "VerticalBillboard";
-        ParticleRenderMode[ParticleRenderMode[/** Render particles as meshes. */ "Mesh"] = 4] = "Mesh";
-        ParticleRenderMode[ParticleRenderMode[/** Do not render particles. */ "None"] = 5] = "None";
-    })(exports.ParticleRenderMode || (exports.ParticleRenderMode = {}));
     /**
      * The space to simulate particles in.
      */ exports.ParticleSimulationSpace = void 0;
@@ -31656,11 +32121,6 @@
         ParticleSimulationSpace[ParticleSimulationSpace[/** Simulate particles in local space. */ "Local"] = 0] = "Local";
         ParticleSimulationSpace[ParticleSimulationSpace[/** Simulate particles in world space. */ "World"] = 1] = "World";
     })(exports.ParticleSimulationSpace || (exports.ParticleSimulationSpace = {}));
-    exports.ParticleStopMode = void 0;
-    (function(ParticleStopMode) {
-        ParticleStopMode[ParticleStopMode[/** Stop emitting new particles and clear existing particles immediately. */ "StopEmittingAndClear"] = 0] = "StopEmittingAndClear";
-        ParticleStopMode[ParticleStopMode[/** Stop emitting new particles, but keep existing particles until they expire. */ "StopEmitting"] = 1] = "StopEmitting";
-    })(exports.ParticleStopMode || (exports.ParticleStopMode = {}));
     /**
      * @internal
      */ var ParticleRandomSubSeeds;
@@ -32280,15 +32740,13 @@
             /** The initial lifetime of particles when emitted. */ this.startLifetime = new ParticleCompositeCurve(5);
             /** The initial speed of particles when the Particle Generator first spawns them. */ this.startSpeed = new ParticleCompositeCurve(5);
             /** A flag to enable specifying particle size individually for each axis. */ this.startSize3D = false;
-            /** The initial size of particles when the Particle Generator first spawns them. */ this.startSize = new ParticleCompositeCurve(1);
             /** The initial size of particles along the x-axis when the Particle Generator first spawns them. */ this.startSizeX = new ParticleCompositeCurve(1);
             /** The initial size of particles along the y-axis when the Particle Generator first spawns them. */ this.startSizeY = new ParticleCompositeCurve(1);
             /** The initial size of particles along the z-axis when the Particle Generator first spawns them. */ this.startSizeZ = new ParticleCompositeCurve(1);
-            /** A flag to enable 3D particle rotation. */ this.startRotation3D = false;
-            /** The initial rotation of particles when the Particle Generator first spawns them. */ this.startRotation = new ParticleCompositeCurve(0);
+            /** A flag to enable 3D particle rotation, when disabled, only `startRotationZ` is used. */ this.startRotation3D = false;
             /** The initial rotation of particles around the x-axis when emitted.*/ this.startRotationX = new ParticleCompositeCurve(0);
             /** The initial rotation of particles around the y-axis when emitted. */ this.startRotationY = new ParticleCompositeCurve(0);
-            this.startRotationZ = 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));
             /** A scale that this Particle Generator applies to gravity, defined by Physics.gravity. */ this.gravityModifier = new ParticleCompositeCurve(0);
@@ -32391,6 +32849,17 @@
                         }
                     }
                 }
+            },
+            {
+                key: "startSize",
+                get: /**
+       * The initial size of particles when the Particle Generator first spawns them.
+       */ function get() {
+                    return this.startSizeX;
+                },
+                set: function set(value) {
+                    this.startSizeX = value;
+                }
             }
         ]);
         return MainModule;
@@ -32434,9 +32903,6 @@
     __decorate$1([
         deepClone
     ], MainModule.prototype, "startSpeed", void 0);
-    __decorate$1([
-        deepClone
-    ], MainModule.prototype, "startSize", void 0);
     __decorate$1([
         deepClone
     ], MainModule.prototype, "startSizeX", void 0);
@@ -32446,9 +32912,6 @@
     __decorate$1([
         deepClone
     ], MainModule.prototype, "startSizeZ", void 0);
-    __decorate$1([
-        deepClone
-    ], MainModule.prototype, "startRotation", void 0);
     __decorate$1([
         deepClone
     ], MainModule.prototype, "startRotationX", void 0);
@@ -32456,7 +32919,6 @@
         deepClone
     ], MainModule.prototype, "startRotationY", void 0);
     __decorate$1([
-        deepClone,
         deepClone
     ], MainModule.prototype, "startRotationZ", void 0);
     __decorate$1([
@@ -32495,7 +32957,7 @@
         var RotationOverLifetimeModule = function RotationOverLifetimeModule() {
             var _this;
             _this = ParticleGeneratorModule1.apply(this, arguments) || this;
-            /** Specifies whether the rotation is separate on each axis, when disabled only z axis is used. */ _this.separateAxes = false;
+            /** Specifies whether the rotation is separate on each axis, when disabled, only `rotationZ` is used. */ _this.separateAxes = false;
             /** Rotation over lifetime for z axis. */ _this.rotationX = new ParticleCompositeCurve(0);
             /** Rotation over lifetime for z axis. */ _this.rotationY = new ParticleCompositeCurve(0);
             /** Rotation over lifetime for z axis. */ _this.rotationZ = new ParticleCompositeCurve(45);
@@ -32847,9 +33309,6 @@
         _inherits$2(TextureSheetAnimationModule, ParticleGeneratorModule1);
         var _proto = TextureSheetAnimationModule.prototype;
         /**
-       * @inheritDoc
-       */ _proto.cloneTo = function cloneTo(dest) {};
-        /**
        * @internal
        */ _proto._updateShaderData = function _updateShaderData(shaderData) {
             var frameMacro = null;
@@ -33335,7 +33794,7 @@
                 instanceVertices[offset + 16] = MathUtil$1.degreeToRadian(main.startRotationY.evaluate(undefined, startRotationRand.random()));
                 instanceVertices[offset + 17] = MathUtil$1.degreeToRadian(main.startRotationZ.evaluate(undefined, startRotationRand.random()));
             } else {
-                instanceVertices[offset + 15] = MathUtil$1.degreeToRadian(main.startRotation.evaluate(undefined, startRotationRand.random()));
+                instanceVertices[offset + 15] = MathUtil$1.degreeToRadian(main.startRotationZ.evaluate(undefined, startRotationRand.random()));
             }
             // Start speed
             instanceVertices[offset + 18] = startSpeed;
@@ -33597,181 +34056,60 @@
         ignoreClone
     ], ParticleGenerator.prototype, "_instanceVertices", void 0);
     /**
-     * Particle Renderer Component.
-     */ var ParticleRenderer = /*#__PURE__*/ function(Renderer1) {
-        _inherits$2(ParticleRenderer, Renderer1);
-        function ParticleRenderer(entity) {
+     * Particle Material.
+     */ var ParticleMaterial = /*#__PURE__*/ function(BaseMaterial1) {
+        var ParticleMaterial = function ParticleMaterial(engine) {
             var _this;
-            _this = Renderer1.call(this, entity) || this;
-            /** Particle generator. */ _this.generator = new ParticleGenerator(_assert_this_initialized(_this));
-            /** Specifies how much particles stretch depending on their velocity. */ _this.velocityScale = 0;
-            /** How much are the particles stretched in their direction of motion, defined as the length of the particle compared to its width. */ _this.lengthScale = 2;
-            /** The pivot of particle. */ _this.pivot = new Vector3();
-            _this._currentRenderModeMacro = ParticleRenderer._billboardModeMacro;
-            _this.shaderData.enableMacro(ParticleRenderer._billboardModeMacro);
-            _this._supportInstancedArrays = _this.engine._hardwareRenderer.canIUse(exports.GLCapabilityType.instancedArrays);
+            _this = BaseMaterial1.call(this, engine, Shader.find("particle-shader")) || this;
+            var shaderData = _this.shaderData;
+            shaderData.enableMacro("MATERIAL_OMIT_NORMAL");
+            shaderData.setColor(BaseMaterial._baseColorProp, new Color$1(1, 1, 1, 1));
+            _this.isTransparent = true;
             return _this;
-        }
-        var _proto = ParticleRenderer.prototype;
-        /**
-       * @internal
-       */ _proto._onEnable = function _onEnable() {
-            if (this.generator.main.playOnEnabled) {
-                this.generator.play(false);
-            }
-        };
-        /**
-       * @internal
-       */ _proto._onDisable = function _onDisable() {
-            this.generator.stop(false, exports.ParticleStopMode.StopEmittingAndClear);
-        };
-        /**
-       * @internal
-       */ _proto._prepareRender = function _prepareRender(context) {
-            if (!this._supportInstancedArrays) {
-                return;
-            }
-            var generator = this.generator;
-            generator._update(this.engine.time.deltaTime);
-            // No particles to render
-            if (generator._firstActiveElement === generator._firstFreeElement) {
-                return;
-            }
-            Renderer1.prototype._prepareRender.call(this, context);
-        };
-        /**
-       * @internal
-       */ _proto._updateBounds = function _updateBounds(worldBounds) {
-            worldBounds.min.set(-Number.MAX_VALUE, -Number.MAX_VALUE, -Number.MAX_VALUE);
-            worldBounds.max.set(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE);
         };
+        _inherits$2(ParticleMaterial, BaseMaterial1);
+        var _proto = ParticleMaterial.prototype;
         /**
-       * @internal
-       */ _proto._updateShaderData = function _updateShaderData(context) {
-            var shaderData = this.shaderData;
-            shaderData.setFloat(ParticleRenderer._lengthScale, this.lengthScale);
-            shaderData.setFloat(ParticleRenderer._speedScale, this.velocityScale);
-            shaderData.setFloat(ParticleRenderer._currentTime, this.generator._playTime);
-            shaderData.setVector3(ParticleRenderer._pivotOffsetProperty, this.pivot);
-            this.generator._updateShaderData(shaderData);
-        };
-        _proto._render = function _render(context) {
-            var generator = this.generator;
-            var primitive = generator._primitive;
-            if (generator._firstActiveElement < generator._firstFreeElement) {
-                primitive.instanceCount = generator._firstFreeElement - generator._firstActiveElement;
-            } else {
-                var instanceCount = generator._currentParticleCount - generator._firstActiveElement;
-                if (generator._firstFreeElement > 0) {
-                    instanceCount += generator._firstFreeElement;
-                }
-                primitive.instanceCount = instanceCount;
-            }
-            var material = this.getMaterial();
-            var renderData = this._engine._renderDataPool.getFromPool();
-            renderData.setX(this, material, generator._primitive, generator._subPrimitive);
-            context.camera._renderPipeline.pushRenderData(context, renderData);
-        };
-        _proto._onDestroy = function _onDestroy() {
-            this.generator._destroy();
+       * @inheritdoc
+       */ _proto.clone = function clone() {
+            var dest = new ParticleMaterial(this._engine);
+            this.cloneTo(dest);
+            return dest;
         };
-        _create_class$3(ParticleRenderer, [
+        _create_class$3(ParticleMaterial, [
             {
-                key: "renderMode",
+                key: "baseColor",
                 get: /**
-       * Specifies how particles are rendered.
+       * Base color.
        */ function get() {
-                    return this._renderMode;
+                    return this.shaderData.getColor(BaseMaterial._baseColorProp);
                 },
                 set: function set(value) {
-                    if (this._renderMode !== value) {
-                        var lastRenderMode = this._renderMode;
-                        this._renderMode = value;
-                        var renderModeMacro = null;
-                        var shaderData = this.shaderData;
-                        switch(value){
-                            case exports.ParticleRenderMode.Billboard:
-                                renderModeMacro = ParticleRenderer._billboardModeMacro;
-                                break;
-                            case exports.ParticleRenderMode.StretchBillboard:
-                                renderModeMacro = ParticleRenderer._stretchedBillboardModeMacro;
-                                break;
-                            case exports.ParticleRenderMode.HorizontalBillboard:
-                                throw "Not implemented";
-                            case exports.ParticleRenderMode.VerticalBillboard:
-                                throw "Not implemented";
-                            case exports.ParticleRenderMode.Mesh:
-                                throw "Not implemented";
-                        }
-                        if (this._currentRenderModeMacro !== renderModeMacro) {
-                            this._currentRenderModeMacro && shaderData.disableMacro(this._currentRenderModeMacro);
-                            renderModeMacro && shaderData.enableMacro(renderModeMacro);
-                            this._currentRenderModeMacro = renderModeMacro;
-                        }
-                        // @ts-ignore
-                        if (lastRenderMode !== exports.ParticleRenderMode.Mesh !== (value === exports.ParticleRenderMode.Mesh)) {
-                            this.generator._reorganizeGeometryBuffers();
-                        }
+                    var baseColor = this.shaderData.getColor(BaseMaterial._baseColorProp);
+                    if (value !== baseColor) {
+                        baseColor.copyFrom(value);
                     }
                 }
             },
             {
-                key: "mesh",
+                key: "baseTexture",
                 get: /**
-       * The mesh of particle.
-       * @remarks Valid when `renderMode` is `Mesh`.
+       * Base texture.
        */ function get() {
-                    return this._mesh;
+                    return this.shaderData.getTexture(BaseMaterial._baseTextureProp);
                 },
                 set: function set(value) {
-                    var lastMesh = this._mesh;
-                    if (lastMesh !== value) {
-                        var _lastMesh, _value;
-                        this._mesh = value;
-                        (_lastMesh = lastMesh) == null ? void 0 : _lastMesh._addReferCount(-1);
-                        (_value = value) == null ? void 0 : _value._addReferCount(1);
-                        if (this.renderMode === exports.ParticleRenderMode.Mesh) {
-                            this.generator._reorganizeGeometryBuffers();
-                        }
+                    this.shaderData.setTexture(BaseMaterial._baseTextureProp, value);
+                    if (value) {
+                        this.shaderData.enableMacro(BaseMaterial._baseTextureMacro);
+                    } else {
+                        this.shaderData.disableMacro(BaseMaterial._baseTextureMacro);
                     }
                 }
             }
         ]);
-        return ParticleRenderer;
-    }(exports.Renderer);
-    (function() {
-        ParticleRenderer._billboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_SPHERE_BILLBOARD");
-    })();
-    (function() {
-        ParticleRenderer._stretchedBillboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_STRETCHED_BILLBOARD");
-    })();
-    (function() {
-        ParticleRenderer._horizontalBillboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_HORIZONTAL_BILLBOARD");
-    })();
-    (function() {
-        ParticleRenderer._verticalBillboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_VERTICAL_BILLBOARD");
-    })();
-    (function() {
-        ParticleRenderer._renderModeMeshMacro = ShaderMacro.getByName("RENDERER_MODE_MESH");
-    })();
-    (function() {
-        ParticleRenderer._pivotOffsetProperty = ShaderProperty.getByName("renderer_PivotOffset");
-    })();
-    (function() {
-        ParticleRenderer._lengthScale = ShaderProperty.getByName("renderer_StretchedBillboardLengthScale");
-    })();
-    (function() {
-        ParticleRenderer._speedScale = ShaderProperty.getByName("renderer_StretchedBillboardSpeedScale");
-    })();
-    (function() {
-        ParticleRenderer._currentTime = ShaderProperty.getByName("renderer_CurrentTime");
-    })();
-    __decorate$1([
-        deepClone
-    ], ParticleRenderer.prototype, "generator", void 0);
-    __decorate$1([
-        shallowClone
-    ], ParticleRenderer.prototype, "pivot", void 0);
+        return ParticleMaterial;
+    }(BaseMaterial);
     /**
      * A burst is a particle emission event, where a number of particles are all emitted at the same time
      */ var Burst = function Burst(time, count) {
@@ -34456,6 +34794,7 @@
         ColliderShape: ColliderShape,
         get ColliderShapeUpAxis () { return exports.ColliderShapeUpAxis; },
         get CollisionDetectionMode () { return exports.CollisionDetectionMode; },
+        ColorOverLifetimeModule: ColorOverLifetimeModule,
         get ColorSpace () { return exports.ColorSpace; },
         get ColorWriteMask () { return exports.ColorWriteMask; },
         get CompareFunction () { return exports.CompareFunction; },
@@ -34476,6 +34815,7 @@
         DirectLight: DirectLight,
         DynamicCollider: DynamicCollider,
         get DynamicColliderConstraints () { return exports.DynamicColliderConstraints; },
+        EmissionModule: EmissionModule,
         Engine: Engine,
         EngineObject: EngineObject,
         Entity: Entity,
@@ -34485,6 +34825,8 @@
         Font: Font,
         get FontStyle () { return exports.FontStyle; },
         get GLCapabilityType () { return exports.GLCapabilityType; },
+        GradientAlphaKey: GradientAlphaKey,
+        GradientColorKey: GradientColorKey,
         HemisphereShape: HemisphereShape,
         HingeJoint: HingeJoint,
         HitResult: HitResult,
@@ -34501,6 +34843,7 @@
         Light: Light,
         Loader: Loader,
         Logger: Logger,
+        MainModule: MainModule,
         Material: Material,
         Mesh: Mesh,
         MeshRenderer: MeshRenderer,
@@ -34511,8 +34854,11 @@
         PBRMaterial: PBRMaterial,
         PBRSpecularMaterial: PBRSpecularMaterial,
         ParticleCompositeCurve: ParticleCompositeCurve,
+        ParticleCompositeGradient: ParticleCompositeGradient,
         ParticleCurve: ParticleCurve,
         get ParticleCurveMode () { return exports.ParticleCurveMode; },
+        ParticleGenerator: ParticleGenerator,
+        ParticleGradient: ParticleGradient,
         get ParticleGradientMode () { return exports.ParticleGradientMode; },
         ParticleMaterial: ParticleMaterial,
         get ParticleRenderMode () { return exports.ParticleRenderMode; },
@@ -34547,6 +34893,7 @@
         RenderTargetBlendState: RenderTargetBlendState,
         get Renderer () { return exports.Renderer; },
         ResourceManager: ResourceManager,
+        RotationOverLifetimeModule: RotationOverLifetimeModule,
         Scene: Scene,
         SceneManager: SceneManager,
         Script: Script,
@@ -34563,6 +34910,7 @@
         get ShadowCascadesMode () { return exports.ShadowCascadesMode; },
         get ShadowResolution () { return exports.ShadowResolution; },
         get ShadowType () { return exports.ShadowType; },
+        SizeOverLifetimeModule: SizeOverLifetimeModule,
         Skin: Skin,
         SkinnedMeshRenderer: SkinnedMeshRenderer,
         Sky: Sky,
@@ -34601,6 +34949,7 @@
         get TextureDepthCompareFunction () { return exports.TextureDepthCompareFunction; },
         get TextureFilterMode () { return exports.TextureFilterMode; },
         get TextureFormat () { return exports.TextureFormat; },
+        TextureSheetAnimationModule: TextureSheetAnimationModule,
         get TextureUsage () { return exports.TextureUsage; },
         get TextureWrapMode () { return exports.TextureWrapMode; },
         Time: Time,
@@ -34609,6 +34958,7 @@
         Transform: Transform,
         UnlitMaterial: UnlitMaterial,
         Utils: Utils,
+        VelocityOverLifetimeModule: VelocityOverLifetimeModule,
         get VertexAttribute () { return exports.VertexAttribute; },
         VertexBufferBinding: VertexBufferBinding,
         VertexElement: VertexElement,
@@ -37432,12 +37782,12 @@
         return _construct.apply(null, arguments);
     }
     var ReflectionParser = /*#__PURE__*/ function() {
-        var ReflectionParser = function ReflectionParser() {};
-        ReflectionParser.registerCustomParseComponent = function registerCustomParseComponent(componentType, handle) {
-            this.customParseComponentHandles[componentType] = handle;
+        var ReflectionParser = function ReflectionParser(_context) {
+            this._context = _context;
         };
-        ReflectionParser.parseEntity = function parseEntity(entityConfig, engine) {
-            return ReflectionParser.getEntityByConfig(entityConfig, engine).then(function(entity) {
+        var _proto = ReflectionParser.prototype;
+        _proto.parseEntity = function parseEntity(entityConfig) {
+            return this._getEntityByConfig(entityConfig).then(function(entity) {
                 var _entityConfig_isActive;
                 entity.isActive = (_entityConfig_isActive = entityConfig.isActive) != null ? _entityConfig_isActive : true;
                 var position = entityConfig.position, rotation = entityConfig.rotation, scale = entityConfig.scale;
@@ -37447,72 +37797,29 @@
                 return entity;
             });
         };
-        ReflectionParser.getEntityByConfig = function getEntityByConfig(entityConfig, engine) {
-            // @ts-ignore
-            var assetRefId = entityConfig.assetRefId;
-            if (assetRefId) {
-                return engine.resourceManager // @ts-ignore
-                .getResourceByRef({
-                    refId: assetRefId,
-                    key: entityConfig.key,
-                    isClone: entityConfig.isClone
-                }).then(function(entity) {
-                    entity.name = entityConfig.name;
-                    return entity;
-                });
-            } else {
-                var entity = new Entity(engine, entityConfig.name);
-                return Promise.resolve(entity);
-            }
-        };
-        ReflectionParser.parseClassObject = function parseClassObject(item, engine, resourceManager) {
-            if (resourceManager === void 0) resourceManager = engine.resourceManager;
+        _proto.parseClassObject = function parseClassObject(item) {
             var Class = Loader.getClass(item.class);
             var _item_constructParams;
             var params = (_item_constructParams = item.constructParams) != null ? _item_constructParams : [];
             var instance = _construct(Class, [].concat(params));
-            return this.parsePropsAndMethods(instance, item, engine, resourceManager);
-        };
-        ReflectionParser.parseBasicType = function parseBasicType(value, engine, resourceManager) {
-            if (resourceManager === void 0) resourceManager = engine.resourceManager;
-            var _this = this;
-            if (Array.isArray(value)) {
-                return Promise.all(value.map(function(item) {
-                    return _this.parseBasicType(item, engine, resourceManager);
-                }));
-            } else if (typeof value === "object" && value != null) {
-                if (this._isClass(value)) {
-                    // class object
-                    return this.parseClassObject(value, engine, resourceManager);
-                } else if (this._isRef(value)) {
-                    // reference object
-                    return resourceManager.getResourceByRef(value);
-                } else {
-                    // basic type
-                    return Promise.resolve(value);
-                }
-            } else {
-                return Promise.resolve(value);
-            }
+            return this.parsePropsAndMethods(instance, item);
         };
-        ReflectionParser.parsePropsAndMethods = function parsePropsAndMethods(instance, item, engine, resourceManager) {
-            if (resourceManager === void 0) resourceManager = engine.resourceManager;
-            var _this = this;
+        _proto.parsePropsAndMethods = function parsePropsAndMethods(instance, item) {
             var promises = [];
             if (item.methods) {
                 for(var methodName in item.methods){
                     var methodParams = item.methods[methodName];
                     for(var i = 0, count = methodParams.length; i < count; i++){
                         var params = methodParams[i];
-                        var promise = this.parseMethod(instance, methodName, params, engine, resourceManager);
+                        var promise = this.parseMethod(instance, methodName, params);
                         promises.push(promise);
                     }
                 }
             }
             if (item.props) {
-                var _this1 = this, _loop = function _loop(key) {
+                var _this = this, _loop = function _loop(key) {
                     var value = item.props[key];
-                    var promise = _this1.parseBasicType(value, engine).then(function(v) {
+                    var promise = _this.parseBasicType(value).then(function(v) {
                         return instance[key] = v;
                     });
                     promises.push(promise);
@@ -37520,27 +37827,76 @@
                 for(var key in item.props)_loop(key);
             }
             return Promise.all(promises).then(function() {
-                var handle = _this.customParseComponentHandles[instance.constructor.name];
-                if (handle) return handle(instance, item, engine);
+                var handle = ReflectionParser.customParseComponentHandles[instance.constructor.name];
+                if (handle) return handle(instance, item);
                 else return instance;
             });
         };
-        ReflectionParser.parseMethod = function parseMethod(instance, methodName, methodParams, engine, resourceManager) {
-            if (resourceManager === void 0) resourceManager = engine.resourceManager;
+        _proto.parseMethod = function parseMethod(instance, methodName, methodParams) {
             var _this = this;
             return Promise.all(methodParams.map(function(param) {
-                return _this.parseBasicType(param, engine, resourceManager);
+                return _this.parseBasicType(param);
             })).then(function(result) {
                 var _instance;
                 return (_instance = instance)[methodName].apply(_instance, [].concat(result));
             });
         };
+        _proto.parseBasicType = function parseBasicType(value) {
+            var _this = this;
+            if (Array.isArray(value)) {
+                return Promise.all(value.map(function(item) {
+                    return _this.parseBasicType(item);
+                }));
+            } else if (typeof value === "object" && value != null) {
+                if (ReflectionParser._isClass(value)) {
+                    // class object
+                    return this.parseClassObject(value);
+                } else if (ReflectionParser._isAssetRef(value)) {
+                    // reference object
+                    // @ts-ignore
+                    return this._context.resourceManager.getResourceByRef(value);
+                } else if (ReflectionParser._isEntityRef(value)) {
+                    // entity reference
+                    return Promise.resolve(this._context.entityMap.get(value.entityId));
+                } else {
+                    // basic type
+                    return Promise.resolve(value);
+                }
+            } else {
+                return Promise.resolve(value);
+            }
+        };
+        _proto._getEntityByConfig = function _getEntityByConfig(entityConfig) {
+            // @ts-ignore
+            var assetRefId = entityConfig.assetRefId;
+            var engine = this._context.engine;
+            if (assetRefId) {
+                return engine.resourceManager // @ts-ignore
+                .getResourceByRef({
+                    refId: assetRefId,
+                    key: entityConfig.key,
+                    isClone: entityConfig.isClone
+                }).then(function(entity) {
+                    entity.name = entityConfig.name;
+                    return entity;
+                });
+            } else {
+                var entity = new Entity(engine, entityConfig.name);
+                return Promise.resolve(entity);
+            }
+        };
+        ReflectionParser.registerCustomParseComponent = function registerCustomParseComponent(componentType, handle) {
+            this.customParseComponentHandles[componentType] = handle;
+        };
         ReflectionParser._isClass = function _isClass(value) {
             return value["class"] != undefined;
         };
-        ReflectionParser._isRef = function _isRef(value) {
+        ReflectionParser._isAssetRef = function _isAssetRef(value) {
             return value["refId"] != undefined;
         };
+        ReflectionParser._isEntityRef = function _isEntityRef(value) {
+            return value["entityId"] != undefined;
+        };
         return ReflectionParser;
     }();
     (function() {
@@ -37796,6 +38152,8 @@
             this.assets = new Map();
             this.entityConfigMap = new Map();
             this.rootIds = [];
+            this.engine = scene.engine;
+            this.resourceManager = scene.engine.resourceManager;
         };
         var _proto = SceneParserContext.prototype;
         _proto.destroy = function destroy() {
@@ -37811,7 +38169,7 @@
         var SceneParser = function SceneParser(context) {
             var _this = this;
             this.context = context;
-            this._engine = this.context.scene.engine;
+            this._engine = context.scene.engine;
             this._organizeEntities = this._organizeEntities.bind(this);
             this._parseComponents = this._parseComponents.bind(this);
             this._clearAndResolveScene = this._clearAndResolveScene.bind(this);
@@ -37819,22 +38177,24 @@
                 _this._reject = reject;
                 _this._resolve = resolve;
             });
+            this._reflectionParser = new ReflectionParser(context);
         };
         var _proto = SceneParser.prototype;
         /** start parse the scene */ _proto.start = function start() {
             this._parseEntities().then(this._organizeEntities).then(this._parseComponents).then(this._clearAndResolveScene).then(this._resolve).catch(this._reject);
         };
         _proto._parseEntities = function _parseEntities() {
+            var _this = this;
             var entitiesConfig = this.context.originalData.entities;
             var entityConfigMap = this.context.entityConfigMap;
             var entitiesMap = this.context.entityMap;
             var rootIds = this.context.rootIds;
-            var engine = this._engine;
+            this._engine;
             var promises = entitiesConfig.map(function(entityConfig) {
                 entityConfigMap.set(entityConfig.id, entityConfig);
                 // record root entities
                 if (!entityConfig.parent) rootIds.push(entityConfig.id);
-                return ReflectionParser.parseEntity(entityConfig, engine);
+                return _this._reflectionParser.parseEntity(entityConfig);
             });
             return Promise.all(promises).then(function(entities) {
                 for(var i = 0, l = entities.length; i < l; i++){
@@ -37872,7 +38232,7 @@
                         component = entity.getComponent(Loader.getClass(key));
                     }
                     component = component || entity.addComponent(Loader.getClass(key));
-                    var promise = ReflectionParser.parsePropsAndMethods(component, componentConfig, entity.engine);
+                    var promise = this._reflectionParser.parsePropsAndMethods(component, componentConfig);
                     promises.push(promise);
                 }
             }
@@ -39299,20 +39659,75 @@
         return AbstractTranscoder;
     }();
     /** @internal */ function TranscodeWorkerCode$1() {
-        var concat = function concat(arrays) {
-            if (arrays.length === 1) return arrays[0];
-            var totalByteLength = 0;
-            for(var i = 0; i < arrays.length; i++){
-                totalByteLength += arrays[i].byteLength;
+        var initPromise;
+        var init = function init(wasmBinary) {
+            if (!initPromise) {
+                initPromise = new Promise(function(resolve, reject) {
+                    var BasisModule = {
+                        wasmBinary: wasmBinary,
+                        onRuntimeInitialized: function onRuntimeInitialized() {
+                            return resolve(BasisModule);
+                        },
+                        onAbort: reject
+                    };
+                    self["BASIS"](BasisModule);
+                }).then(function(BasisModule) {
+                    BasisModule.initializeBasis();
+                    return BasisModule.KTX2File;
+                });
             }
-            var result = new Uint8Array(totalByteLength);
-            var byteOffset = 0;
-            for(var i1 = 0; i1 < arrays.length; i1++){
-                result.set(arrays[i1], byteOffset);
-                byteOffset += arrays[i1].byteLength;
+            return initPromise;
+        };
+        self.onmessage = function onmessage(event) {
+            var message = event.data;
+            switch(message.type){
+                case "init":
+                    init(message.transcoderWasm).then(function() {
+                        self.postMessage("init-completed");
+                    }).catch(function(e) {
+                        return self.postMessage({
+                            error: e
+                        });
+                    });
+                    break;
+                case "transcode":
+                    init().then(function(KTX2File) {
+                        var result = transcode(message.buffer, message.format, KTX2File);
+                        // @ts-ignore
+                        result.type = "transcoded";
+                        self.postMessage(result);
+                    }).catch(function(e) {
+                        return self.postMessage({
+                            error: e
+                        });
+                    });
+                    break;
             }
-            return result;
         };
+    }
+    var _init = function init() {
+        var initPromise;
+        return function init(wasmBinary) {
+            if (!initPromise) {
+                initPromise = new Promise(function(resolve, reject) {
+                    var BasisModule = {
+                        wasmBinary: wasmBinary,
+                        onRuntimeInitialized: function onRuntimeInitialized() {
+                            return resolve(BasisModule);
+                        },
+                        onAbort: reject
+                    };
+                    self["BASIS"](BasisModule);
+                }).then(function(BasisModule) {
+                    BasisModule.initializeBasis();
+                    return BasisModule.KTX2File;
+                });
+            }
+            return initPromise;
+        };
+    };
+    var init = _init();
+    function transcode(buffer, targetFormat, KTX2File) {
         var getTranscodeFormatFromTarget = function getTranscodeFormatFromTarget(target, hasAlpha) {
             switch(target){
                 case 2:
@@ -39329,76 +39744,24 @@
                     return 7;
             }
         };
-        var init = function init(wasmBinary) {
-            transcodePromise = new Promise(function(resolve, reject) {
-                var BasisModule = {
-                    wasmBinary: wasmBinary,
-                    onRuntimeInitialized: function onRuntimeInitialized() {
-                        return resolve(BasisModule);
-                    },
-                    onAbort: reject
-                };
-                self["BASIS"](BasisModule);
-            }).then(function(BasisModule) {
-                BasisModule.initializeBasis();
-                return BasisModule.KTX2File;
-            });
-            return transcodePromise;
-        };
-        var transcode = function transcode(buffer, targetFormat, KTX2File) {
-            var cleanup = function cleanup() {
-                ktx2File.close();
-                ktx2File.delete();
-            };
-            var ktx2File = new KTX2File(new Uint8Array(buffer));
-            if (!ktx2File.isValid()) {
-                cleanup();
-                throw new Error("Invalid or unsupported .ktx2 file");
-            }
-            var width = ktx2File.getWidth();
-            var height = ktx2File.getHeight();
-            var layerCount = ktx2File.getLayers() || 1;
-            var levelCount = ktx2File.getLevels();
-            var hasAlpha = ktx2File.getHasAlpha();
-            var faceCount = ktx2File.getFaces();
-            var format = getTranscodeFormatFromTarget(targetFormat, hasAlpha);
-            var faces = new Array(faceCount);
-            for(var face = 0; face < faceCount; face++){
-                var mipmaps = new Array(levelCount);
-                for(var mip = 0; mip < levelCount; mip++){
-                    var layerMips = new Array(layerCount);
-                    var mipWidth = void 0, mipHeight = void 0;
-                    for(var layer = 0; layer < layerCount; layer++){
-                        var levelInfo = ktx2File.getImageLevelInfo(mip, layer, face);
-                        mipWidth = levelInfo.origWidth;
-                        mipHeight = levelInfo.origHeight;
-                        var dst = new Uint8Array(ktx2File.getImageTranscodedSizeInBytes(mip, layer, 0, format));
-                        var status = ktx2File.transcodeImage(dst, mip, layer, face, format, 0, -1, -1);
-                        if (!status) {
-                            cleanup();
-                            throw new Error("transcodeImage failed.");
-                        }
-                        layerMips[layer] = dst;
-                    }
-                    mipmaps[mip] = {
-                        data: concat(layerMips),
-                        width: mipWidth,
-                        height: mipHeight
-                    };
-                }
-                faces[face] = mipmaps;
+        var concat = function concat(arrays) {
+            if (arrays.length === 1) return arrays[0];
+            var totalByteLength = 0;
+            for(var i = 0; i < arrays.length; i++){
+                totalByteLength += arrays[i].byteLength;
             }
-            cleanup();
-            return {
-                faces: faces,
-                width: width,
-                height: height,
-                hasAlpha: hasAlpha,
-                faceCount: faceCount,
-                format: format
-            };
+            var result = new Uint8Array(totalByteLength);
+            var byteOffset = 0;
+            for(var i1 = 0; i1 < arrays.length; i1++){
+                result.set(arrays[i1], byteOffset);
+                byteOffset += arrays[i1].byteLength;
+            }
+            return result;
+        };
+        var cleanup = function cleanup() {
+            ktx2File.close();
+            ktx2File.delete();
         };
-        var transcodePromise;
         var BasisFormat;
         (function(BasisFormat) {
             BasisFormat[BasisFormat["ETC1"] = 0] = "ETC1";
@@ -39424,31 +39787,56 @@
             TargetFormat[TargetFormat["RG8"] = 6] = "RG8";
             TargetFormat[TargetFormat["RGBA8"] = 7] = "RGBA8";
         })(TargetFormat || (TargetFormat = {}));
-        self.onmessage = function onmessage(event) {
-            var message = event.data;
-            switch(message.type){
-                case "init":
-                    init(message.transcoderWasm).then(function() {
-                        return self.postMessage("init-completed");
-                    }).catch(function(e) {
-                        return self.postMessage({
-                            error: e
-                        });
-                    });
-                    break;
-                case "transcode":
-                    transcodePromise.then(function(KTX2File) {
-                        var result = transcode(message.buffer, message.format, KTX2File);
-                        // @ts-ignore
-                        result.type = "transcoded";
-                        self.postMessage(result);
-                    }).catch(function(e) {
-                        return self.postMessage({
-                            error: e
-                        });
-                    });
-                    break;
+        var ktx2File = new KTX2File(new Uint8Array(buffer));
+        if (!ktx2File.isValid()) {
+            cleanup();
+            throw new Error("Invalid or unsupported .ktx2 file");
+        }
+        if (!ktx2File.startTranscoding()) {
+            cleanup();
+            throw new Error("KTX2 startTranscoding failed");
+        }
+        var width = ktx2File.getWidth();
+        var height = ktx2File.getHeight();
+        var layerCount = ktx2File.getLayers() || 1;
+        var levelCount = ktx2File.getLevels();
+        var hasAlpha = ktx2File.getHasAlpha();
+        var faceCount = ktx2File.getFaces();
+        var format = getTranscodeFormatFromTarget(targetFormat, hasAlpha);
+        var faces = new Array(faceCount);
+        for(var face = 0; face < faceCount; face++){
+            var mipmaps = new Array(levelCount);
+            for(var mip = 0; mip < levelCount; mip++){
+                var layerMips = new Array(layerCount);
+                var mipWidth = void 0, mipHeight = void 0;
+                for(var layer = 0; layer < layerCount; layer++){
+                    var levelInfo = ktx2File.getImageLevelInfo(mip, layer, face);
+                    mipWidth = levelInfo.origWidth;
+                    mipHeight = levelInfo.origHeight;
+                    var dst = new Uint8Array(ktx2File.getImageTranscodedSizeInBytes(mip, layer, 0, format));
+                    var status = ktx2File.transcodeImage(dst, mip, layer, face, format, 0, -1, -1);
+                    if (!status) {
+                        cleanup();
+                        throw new Error("transcodeImage failed.");
+                    }
+                    layerMips[layer] = dst;
+                }
+                mipmaps[mip] = {
+                    data: concat(layerMips),
+                    width: mipWidth,
+                    height: mipHeight
+                };
             }
+            faces[face] = mipmaps;
+        }
+        cleanup();
+        return {
+            faces: faces,
+            width: width,
+            height: height,
+            hasAlpha: hasAlpha,
+            faceCount: faceCount,
+            format: format
         };
     }
     /** @internal */ var BinomialLLCTranscoder = /*#__PURE__*/ function(AbstractTranscoder1) {
@@ -39468,23 +39856,49 @@
                 })
             ]).then(function(param) {
                 var jsCode = param[0], wasmBuffer = param[1];
-                var funcCode = TranscodeWorkerCode$1.toString();
-                var transcodeString = funcCode.substring(funcCode.indexOf("{"), funcCode.lastIndexOf("}") + 1);
-                var workerCode = "\n      " + jsCode + "\n      " + transcodeString + "\n      ";
-                var workerURL = URL.createObjectURL(new Blob([
-                    workerCode
-                ], {
-                    type: "application/javascript"
-                }));
-                return _this._createTranscodePool(workerURL, wasmBuffer);
+                if (_this.workerLimitCount === 0) {
+                    return new Promise(function(resolve, reject) {
+                        var scriptDom = document.createElement("script");
+                        scriptDom.src = URL.createObjectURL(new Blob([
+                            jsCode
+                        ], {
+                            type: "application/javascript"
+                        }));
+                        document.body.appendChild(scriptDom);
+                        scriptDom.onload = function() {
+                            init(wasmBuffer).then(function() {
+                                resolve(null);
+                            });
+                        };
+                        scriptDom.onerror = function() {
+                            reject();
+                        };
+                    });
+                } else {
+                    var funcCode = TranscodeWorkerCode$1.toString();
+                    var transcodeString = funcCode.substring(funcCode.indexOf("{"), funcCode.lastIndexOf("}") + 1);
+                    var workerCode = "\n        " + jsCode + "\n        " + transcode.toString() + "\n        " + transcodeString + "\n        ";
+                    var workerURL = URL.createObjectURL(new Blob([
+                        workerCode
+                    ], {
+                        type: "application/javascript"
+                    }));
+                    return _this._createTranscodePool(workerURL, wasmBuffer);
+                }
             });
         };
-        _proto.transcode = function transcode(buffer, format) {
-            return this._transcodeWorkerPool.postMessage({
-                buffer: buffer,
-                format: format,
-                type: "transcode"
-            });
+        _proto.transcode = function transcode1(buffer, format) {
+            if (this.workerLimitCount === 0) {
+                return init().then(function(KTX2File) {
+                    return transcode(buffer, format, KTX2File);
+                });
+            } else {
+                return this._transcodeWorkerPool.postMessage({
+                    buffer: buffer,
+                    format: format,
+                    type: "transcode"
+                });
+            }
         };
         return BinomialLLCTranscoder;
     }(AbstractTranscoder);
@@ -39708,7 +40122,7 @@
         _proto.initialize = function initialize(engine, configuration) {
             if (configuration.ktx2Loader) {
                 var options = configuration.ktx2Loader;
-                if (this._isKhronosSupported(options.priorityFormats, engine)) {
+                if (this._isKhronosSupported(options.priorityFormats, engine) && options.workerCount !== 0) {
                     return exports.KTX2Loader._getKhronosTranscoder(options.workerCount).init();
                 } else {
                     return exports.KTX2Loader._getBinomialLLCTranscoder(options.workerCount).init();
@@ -40424,12 +40838,12 @@
                             if (curve2.interpolation === exports.InterpolationType.CubicSpine) {
                                 keyframe2.inTangent = Array.from(output.subarray(offset2, offset2 + outputSize));
                                 offset2 += outputSize;
-                                keyframe2.value = output.subarray(offset2, offset2 + outputSize);
+                                keyframe2.value = output.slice(offset2, offset2 + outputSize);
                                 offset2 += outputSize;
                                 keyframe2.outTangent = Array.from(output.subarray(offset2, offset2 + outputSize));
                                 offset2 += outputSize;
                             } else {
-                                keyframe2.value = output.subarray(offset2, offset2 + outputSize);
+                                keyframe2.value = output.slice(offset2, offset2 + outputSize);
                                 offset2 += outputSize;
                             }
                             curve2.addKey(keyframe2);
@@ -41172,8 +41586,7 @@
                             mipmap: (_samplerInfo = samplerInfo) == null ? void 0 : _samplerInfo.mipmap
                         }
                     }).then(function(texture) {
-                        var _texture;
-                        (_texture = texture).name || (_texture.name = textureName || imageName || "texture_" + index);
+                        texture.name = textureName || imageName || texture.name || "texture_" + index;
                         useSampler && GLTFUtils.parseSampler(texture, samplerInfo);
                         return texture;
                     });
@@ -42261,6 +42674,38 @@
             ""
         ])
     ], TextureCubeLoader);
+    var ProjectLoader = /*#__PURE__*/ function(Loader1) {
+        var ProjectLoader = function ProjectLoader() {
+            return Loader1.apply(this, arguments);
+        };
+        _inherits(ProjectLoader, Loader1);
+        var _proto = ProjectLoader.prototype;
+        _proto.load = function load(item, resourceManager) {
+            var _this = this;
+            var engine = resourceManager.engine;
+            return new AssetPromise(function(resolve, reject) {
+                _this.request(item.url, {
+                    type: "json"
+                }).then(function(data) {
+                    // @ts-ignore
+                    engine.resourceManager.initVirtualResources(data.files);
+                    return resourceManager.load({
+                        type: exports.AssetType.Scene,
+                        url: data.scene
+                    }).then(function(scene) {
+                        engine.sceneManager.activeScene = scene;
+                        resolve();
+                    });
+                }).catch(reject);
+            });
+        };
+        return ProjectLoader;
+    }(Loader);
+    ProjectLoader = __decorate([
+        resourceLoader(exports.AssetType.Project, [
+            "proj"
+        ], false)
+    ], ProjectLoader);
     var SceneLoader = /*#__PURE__*/ function(Loader1) {
         var SceneLoader = function SceneLoader() {
             return Loader1.apply(this, arguments);
@@ -42279,32 +42724,26 @@
                         // parse ambient light
                         var ambient = data.scene.ambient;
                         var useCustomAmbient = ambient.specularMode === "Custom";
+                        var useSH = ambient.diffuseMode === exports.DiffuseMode.SphericalHarmonics;
+                        scene.ambientLight.diffuseIntensity = ambient.diffuseIntensity;
+                        scene.ambientLight.specularIntensity = ambient.specularIntensity;
+                        scene.ambientLight.diffuseMode = ambient.diffuseMode;
+                        scene.ambientLight.diffuseSolidColor.copyFrom(ambient.diffuseSolidColor);
+                        scene.ambientLight.specularTextureDecodeRGBM = true;
                         if (useCustomAmbient && ambient.customAmbientLight) {
-                            // @ts-ignore
-                            // prettier-ignore
-                            var customAmbientPromise = resourceManager.getResourceByRef(ambient.customAmbientLight).then(function(ambientLight) {
-                                scene.ambientLight = ambientLight;
-                                scene.ambientLight.diffuseIntensity = ambient.diffuseIntensity;
-                                scene.ambientLight.specularIntensity = ambient.specularIntensity;
-                                scene.ambientLight.diffuseMode = ambient.diffuseMode;
-                                scene.ambientLight.diffuseSolidColor.copyFrom(ambient.diffuseSolidColor);
-                            });
-                            promises.push(customAmbientPromise);
-                        } else if (!useCustomAmbient && ambient.ambientLight) {
-                            // @ts-ignore
-                            // prettier-ignore
-                            var ambientLightPromise = resourceManager.getResourceByRef(ambient.ambientLight).then(function(ambientLight) {
-                                scene.ambientLight = ambientLight;
-                                scene.ambientLight.diffuseIntensity = ambient.diffuseIntensity;
-                                scene.ambientLight.specularIntensity = ambient.specularIntensity;
-                                scene.ambientLight.diffuseMode = ambient.diffuseMode;
-                                scene.ambientLight.diffuseSolidColor.copyFrom(ambient.diffuseSolidColor);
-                            });
-                            promises.push(ambientLightPromise);
-                        } else {
-                            scene.ambientLight.diffuseIntensity = ambient.diffuseIntensity;
-                            scene.ambientLight.specularIntensity = ambient.specularIntensity;
-                            scene.ambientLight.diffuseSolidColor.copyFrom(ambient.diffuseSolidColor);
+                            promises.push(resourceManager.getResourceByRef(ambient.customAmbientLight).then(function(ambientLight) {
+                                scene.ambientLight.specularTexture = ambientLight.specularTexture;
+                            }));
+                        }
+                        if (ambient.ambientLight && (!useCustomAmbient || useSH)) {
+                            promises.push(resourceManager.getResourceByRef(ambient.ambientLight).then(function(ambientLight) {
+                                if (!useCustomAmbient) {
+                                    scene.ambientLight.specularTexture = ambientLight.specularTexture;
+                                }
+                                if (useSH) {
+                                    scene.ambientLight.diffuseSphericalHarmonics = ambientLight.diffuseSphericalHarmonics;
+                                }
+                            }));
                         }
                         var background = data.scene.background;
                         scene.background.mode = background.mode;
@@ -42361,13 +42800,13 @@
             "scene"
         ], true)
     ], SceneLoader);
-    ReflectionParser.registerCustomParseComponent("TextRenderer", /*#__PURE__*/ _async_to_generator(function(instance, item, engine) {
+    ReflectionParser.registerCustomParseComponent("TextRenderer", /*#__PURE__*/ _async_to_generator(function(instance, item) {
         var props;
         return __generator(this, function(_state) {
             props = item.props;
             if (!props.font) {
                 // @ts-ignore
-                instance.font = Font.createFromOS(engine, props.fontFamily || "Arial");
+                instance.font = Font.createFromOS(instance.engine, props.fontFamily || "Arial");
             }
             return [
                 2,
@@ -42857,7 +43296,7 @@
     ], GALACEAN_animation_event);
 
     //@ts-ignore
-    var version = "1.1.0-beta.1";
+    var version = "1.1.0-beta.11";
     console.log("Galacean engine version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);
@@ -42900,6 +43339,7 @@
     exports.ColliderShape = ColliderShape;
     exports.CollisionUtil = CollisionUtil;
     exports.Color = Color$1;
+    exports.ColorOverLifetimeModule = ColorOverLifetimeModule;
     exports.Component = Component;
     exports.ComponentMap = ComponentMap;
     exports.ConeShape = ConeShape;
@@ -42909,6 +43349,7 @@
     exports.DepthState = DepthState;
     exports.DirectLight = DirectLight;
     exports.DynamicCollider = DynamicCollider;
+    exports.EmissionModule = EmissionModule;
     exports.Engine = Engine;
     exports.EngineObject = EngineObject;
     exports.Entity = Entity;
@@ -42920,6 +43361,8 @@
     exports.GLTFParserContext = GLTFParserContext;
     exports.GLTFResource = GLTFResource;
     exports.GLTFUtils = GLTFUtils;
+    exports.GradientAlphaKey = GradientAlphaKey;
+    exports.GradientColorKey = GradientColorKey;
     exports.HemisphereShape = HemisphereShape;
     exports.HingeJoint = HingeJoint;
     exports.HitResult = HitResult;
@@ -42931,6 +43374,7 @@
     exports.Light = Light;
     exports.Loader = Loader;
     exports.Logger = Logger;
+    exports.MainModule = MainModule;
     exports.Material = Material;
     exports.MathUtil = MathUtil$1;
     exports.Matrix = Matrix;
@@ -42942,7 +43386,10 @@
     exports.PBRMaterial = PBRMaterial;
     exports.PBRSpecularMaterial = PBRSpecularMaterial;
     exports.ParticleCompositeCurve = ParticleCompositeCurve;
+    exports.ParticleCompositeGradient = ParticleCompositeGradient;
     exports.ParticleCurve = ParticleCurve;
+    exports.ParticleGenerator = ParticleGenerator;
+    exports.ParticleGradient = ParticleGradient;
     exports.ParticleMaterial = ParticleMaterial;
     exports.ParticleRenderer = ParticleRenderer;
     exports.PhysicsMaterial = PhysicsMaterial;
@@ -42968,6 +43415,7 @@
     exports.RenderTarget = RenderTarget;
     exports.RenderTargetBlendState = RenderTargetBlendState;
     exports.ResourceManager = ResourceManager;
+    exports.RotationOverLifetimeModule = RotationOverLifetimeModule;
     exports.Scene = Scene;
     exports.SceneManager = SceneManager;
     exports.SceneParser = SceneParser;
@@ -42980,6 +43428,7 @@
     exports.ShaderPass = ShaderPass;
     exports.ShaderProperty = ShaderProperty;
     exports.ShaderTagKey = ShaderTagKey;
+    exports.SizeOverLifetimeModule = SizeOverLifetimeModule;
     exports.Skin = Skin;
     exports.SkinnedMeshRenderer = SkinnedMeshRenderer;
     exports.Sky = Sky;
@@ -43006,6 +43455,7 @@
     exports.Texture2D = Texture2D;
     exports.Texture2DArray = Texture2DArray;
     exports.TextureCube = TextureCube;
+    exports.TextureSheetAnimationModule = TextureSheetAnimationModule;
     exports.Time = Time;
     exports.TrailMaterial = TrailMaterial;
     exports.TrailRenderer = TrailRenderer;
@@ -43015,6 +43465,7 @@
     exports.Vector2 = Vector2;
     exports.Vector3 = Vector3;
     exports.Vector4 = Vector4;
+    exports.VelocityOverLifetimeModule = VelocityOverLifetimeModule;
     exports.VertexBufferBinding = VertexBufferBinding;
     exports.VertexElement = VertexElement;
     exports.WebCanvas = WebCanvas;