@galacean/engine-core 1.1.0-beta.0 → 1.1.0-beta.10

package/dist/main.js

@@ -553,6 +553,7 @@ function _instanceof(left, right) {
                     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());
@@ -2541,8 +2542,8 @@ var ActiveChangeFlag;
         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;
@@ -2674,10 +2675,10 @@ __decorate([
 ], Component.prototype, "_awoken", void 0);
 __decorate([
     ignoreClone
-], Component.prototype, "_phasedActive", void 0);
+], Component.prototype, "_phasedActiveInScene", void 0);
 __decorate([
     ignoreClone
-], Component.prototype, "_phasedActiveInScene", void 0);
+], Component.prototype, "_phasedActive", void 0);
 __decorate([
     assignmentClone
 ], Component.prototype, "_enabled", void 0);
@@ -2834,14 +2835,14 @@ exports.DependentMode = void 0;
         }
         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();
@@ -2858,16 +2859,24 @@ exports.DependentMode = void 0;
     _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;
         }
@@ -4231,12 +4240,6 @@ var ComponentCloner = /*#__PURE__*/ function() {
             this._hookResource._addReferCount(-1);
             this._hookResource = null;
         }
-        this.isActive = false;
-        if (this._isRoot) {
-            this._scene.removeRootEntity(this);
-        } else {
-            this._setParent(null);
-        }
         var components = this._components;
         for(var i = components.length - 1; i >= 0; i--){
             components[i].destroy();
@@ -4246,6 +4249,12 @@ var ComponentCloner = /*#__PURE__*/ function() {
         while(children.length > 0){
             children[0].destroy();
         }
+        if (this._isRoot) {
+            this._scene.removeRootEntity(this);
+        } else {
+            this._setParent(null);
+        }
+        this.isActive = false;
     };
     /**
    * @internal
@@ -6228,6 +6237,12 @@ var ShaderFactory = /*#__PURE__*/ function() {
     };
     return BlendState;
 }();
+__decorate([
+    deepClone
+], BlendState.prototype, "targetBlendState", void 0);
+__decorate([
+    deepClone
+], BlendState.prototype, "blendColor", void 0);
 
 /**
  * Depth state.
@@ -6610,6 +6625,18 @@ var ShaderFactory = /*#__PURE__*/ function() {
     };
     return RenderState;
 }();
+__decorate([
+    deepClone
+], RenderState.prototype, "blendState", void 0);
+__decorate([
+    deepClone
+], RenderState.prototype, "depthState", void 0);
+__decorate([
+    deepClone
+], RenderState.prototype, "stencilState", void 0);
+__decorate([
+    deepClone
+], RenderState.prototype, "rasterState", void 0);
 
 /**
  * Shader for rendering.
@@ -7518,7 +7545,7 @@ __decorate([
     ignoreClone
 ], exports.Renderer.prototype, "_globalShaderMacro", void 0);
 __decorate([
-    deepClone
+    ignoreClone
 ], exports.Renderer.prototype, "_bounds", void 0);
 __decorate([
     ignoreClone
@@ -12295,7 +12322,7 @@ var SpriteMaskBatcher = /*#__PURE__*/ function(Basic2DBatcher1) {
     _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++){
@@ -12327,7 +12354,7 @@ var SpriteMaskBatcher = /*#__PURE__*/ function(Basic2DBatcher1) {
             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, subMesh, program);
+            engine._hardwareRenderer.drawPrimitive(primitive, subMesh, program);
         }
     };
     return SpriteMaskBatcher;
@@ -12573,16 +12600,31 @@ var SafeLoopArray = /*#__PURE__*/ function() {
     }
     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.
@@ -12593,7 +12635,8 @@ var SafeLoopArray = /*#__PURE__*/ function() {
         if (index !== -1) {
             var removedScene = scenes.getArray()[index];
             scenes.removeByIndex(index);
-            removedScene._processActive(false);
+            scene._sceneManager = null;
+            removedScene.isActive && removedScene._processActive(false);
         }
     };
     /**
@@ -13250,11 +13293,15 @@ var rePropName = RegExp(// Match anything that isn't a dot or bracket.
             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;
@@ -13267,6 +13314,8 @@ var rePropName = RegExp(// Match anything that isn't a dot or bracket.
         if (rayCastEntity) {
             rayCastEntity._scripts.forEach(function(element) {
                 element.onPointerDown(_this);
+            }, function(element, index) {
+                element._entityScriptsIndex = index;
             });
         }
         this._currentPressedEntity = rayCastEntity;
@@ -13278,6 +13327,8 @@ var rePropName = RegExp(// Match anything that isn't a dot or bracket.
         if (this._currentPressedEntity) {
             this._currentPressedEntity._scripts.forEach(function(element) {
                 element.onPointerDrag(_this);
+            }, function(element, index) {
+                element._entityScriptsIndex = index;
             });
         }
     };
@@ -13291,6 +13342,8 @@ var rePropName = RegExp(// Match anything that isn't a dot or bracket.
             pressedEntity._scripts.forEach(function(element) {
                 sameTarget && element.onPointerClick(_this);
                 element.onPointerUp(_this);
+            }, function(element, index) {
+                element._entityScriptsIndex = index;
             });
             this._currentPressedEntity = null;
         }
@@ -13797,9 +13850,9 @@ exports.Collider = /*#__PURE__*/ function(Component1) {
                 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);
         }
     };
     /**
@@ -13809,7 +13862,7 @@ exports.Collider = /*#__PURE__*/ function(Component1) {
         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);
         }
@@ -13820,7 +13873,7 @@ exports.Collider = /*#__PURE__*/ function(Component1) {
         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);
         }
@@ -13845,12 +13898,30 @@ exports.Collider = /*#__PURE__*/ function(Component1) {
     /**
    * @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
@@ -13859,6 +13930,11 @@ exports.Collider = /*#__PURE__*/ function(Component1) {
         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(Collider, [
         {
             key: "shapes",
@@ -13874,6 +13950,15 @@ exports.Collider = /*#__PURE__*/ function(Component1) {
 __decorate([
     ignoreClone
 ], exports.Collider.prototype, "_index", void 0);
+__decorate([
+    ignoreClone
+], exports.Collider.prototype, "_nativeCollider", void 0);
+__decorate([
+    ignoreClone
+], exports.Collider.prototype, "_updateFlag", void 0);
+__decorate([
+    deepClone
+], exports.Collider.prototype, "_shapes", void 0);
 exports.Collider = __decorate([
     dependentComponents(Transform, exports.DependentMode.CheckOnly)
 ], exports.Collider);
@@ -13898,11 +13983,15 @@ var Collision = function Collision() {
                 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) {
@@ -13913,11 +14002,15 @@ var Collision = function Collision() {
                 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) {
@@ -13928,11 +14021,15 @@ var Collision = function Collision() {
                 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) {
@@ -13941,9 +14038,13 @@ var Collision = function Collision() {
             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) {
@@ -13952,9 +14053,13 @@ var Collision = function Collision() {
             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) {
@@ -13963,9 +14068,13 @@ var Collision = function Collision() {
             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;
@@ -13998,6 +14107,9 @@ var Collision = function Collision() {
         }
         var onRaycast = function(obj) {
             var shape = _this._scene.engine._physicalObjectsMap[obj];
+            if (!shape) {
+                return false;
+            }
             return shape.collider.entity.layer & layerMask && shape.isSceneQuery;
         };
         if (hitResult != undefined) {
@@ -14222,18 +14334,27 @@ var Collision = function Collision() {
    */ _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);
@@ -14369,6 +14490,25 @@ var Collision = function Collision() {
         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);
     };
@@ -14577,6 +14717,48 @@ var Collision = function Collision() {
     ]);
     return DynamicCollider;
 }(exports.Collider);
+__decorate([
+    ignoreClone
+], DynamicCollider.prototype, "_linearDamping", void 0);
+__decorate([
+    ignoreClone
+], DynamicCollider.prototype, "_angularDamping", void 0);
+__decorate([
+    ignoreClone
+], DynamicCollider.prototype, "_linearVelocity", void 0);
+__decorate([
+    ignoreClone
+], DynamicCollider.prototype, "_angularVelocity", void 0);
+__decorate([
+    ignoreClone
+], DynamicCollider.prototype, "_mass", void 0);
+__decorate([
+    ignoreClone
+], DynamicCollider.prototype, "_centerOfMass", void 0);
+__decorate([
+    ignoreClone
+], DynamicCollider.prototype, "_inertiaTensor", void 0);
+__decorate([
+    ignoreClone
+], DynamicCollider.prototype, "_maxAngularVelocity", void 0);
+__decorate([
+    ignoreClone
+], DynamicCollider.prototype, "_maxDepenetrationVelocity", void 0);
+__decorate([
+    ignoreClone
+], DynamicCollider.prototype, "_solverIterations", void 0);
+__decorate([
+    ignoreClone
+], DynamicCollider.prototype, "_isKinematic", void 0);
+__decorate([
+    ignoreClone
+], DynamicCollider.prototype, "_constraints", void 0);
+__decorate([
+    ignoreClone
+], DynamicCollider.prototype, "_collisionDetectionMode", void 0);
+__decorate([
+    ignoreClone
+], DynamicCollider.prototype, "_sleepThreshold", void 0);
 exports.CollisionDetectionMode = void 0;
 (function(CollisionDetectionMode) {
     CollisionDetectionMode[CollisionDetectionMode["Discrete"] = 0] = "Discrete";
@@ -14629,7 +14811,8 @@ exports.DynamicColliderConstraints = void 0;
     /**
    * @internal
    */ _proto._destroy = function _destroy() {
-        this._nativeMaterial.destroy();
+        !this._destroyed && this._nativeMaterial.destroy();
+        this._destroyed = true;
     };
     _create_class(PhysicsMaterial, [
         {
@@ -14744,24 +14927,37 @@ exports.Joint = /*#__PURE__*/ function(Component1) {
     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 engineMath.Vector3();
+        _this._connectedColliderInfo.localPosition = new engineMath.Vector3();
         return _this;
     }
+    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(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);
                 }
             }
@@ -14772,10 +14968,10 @@ exports.Joint = /*#__PURE__*/ function(Component1) {
    * 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);
                 }
@@ -14787,11 +14983,11 @@ exports.Joint = /*#__PURE__*/ function(Component1) {
             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);
                 }
             }
@@ -14801,11 +14997,11 @@ exports.Joint = /*#__PURE__*/ function(Component1) {
             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);
                 }
             }
@@ -14815,11 +15011,11 @@ exports.Joint = /*#__PURE__*/ function(Component1) {
             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);
                 }
             }
@@ -14829,11 +15025,11 @@ exports.Joint = /*#__PURE__*/ function(Component1) {
             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);
                 }
             }
@@ -14869,12 +15065,27 @@ exports.Joint = /*#__PURE__*/ function(Component1) {
     ]);
     return Joint;
 }(Component);
+__decorate([
+    ignoreClone
+], exports.Joint.prototype, "_colliderInfo", void 0);
+__decorate([
+    ignoreClone
+], exports.Joint.prototype, "_connectedColliderInfo", void 0);
+__decorate([
+    ignoreClone
+], exports.Joint.prototype, "_nativeJoint", void 0);
+__decorate([
+    ignoreClone
+], exports.Joint.prototype, "_force", void 0);
+__decorate([
+    ignoreClone
+], exports.Joint.prototype, "_torque", void 0);
 exports.Joint = __decorate([
     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;
@@ -14891,7 +15102,7 @@ exports.Joint = __decorate([
     /**
    * @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);
     };
@@ -14925,11 +15136,22 @@ exports.Joint = __decorate([
     /**
    * @internal
    */ _proto._onAwake = function _onAwake() {
-        var collider = this._collider;
+        var collider = this._colliderInfo;
         collider.localPosition = new engineMath.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(HingeJoint, [
         {
             key: "axis",
@@ -14951,10 +15173,10 @@ exports.Joint = __decorate([
             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);
                 }
@@ -15057,6 +15279,21 @@ exports.Joint = __decorate([
     ]);
     return HingeJoint;
 }(exports.Joint);
+__decorate([
+    ignoreClone
+], HingeJoint.prototype, "_axis", void 0);
+__decorate([
+    ignoreClone
+], HingeJoint.prototype, "_hingeFlags", void 0);
+__decorate([
+    ignoreClone
+], HingeJoint.prototype, "_useSpring", void 0);
+__decorate([
+    ignoreClone
+], HingeJoint.prototype, "_jointMonitor", void 0);
+__decorate([
+    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.
@@ -15076,21 +15313,31 @@ exports.Joint = __decorate([
     /**
    * @internal
    */ _proto._onAwake = function _onAwake() {
-        var collider = this._collider;
+        var collider = this._colliderInfo;
         collider.localPosition = new engineMath.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(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);
                 }
@@ -15215,6 +15462,15 @@ exports.Joint = __decorate([
     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();
@@ -15316,6 +15572,30 @@ exports.Joint = __decorate([
 (function() {
     ColliderShape._idGenerator = 0;
 })();
+__decorate([
+    ignoreClone
+], ColliderShape.prototype, "_collider", void 0);
+__decorate([
+    ignoreClone
+], ColliderShape.prototype, "_nativeShape", void 0);
+__decorate([
+    ignoreClone
+], ColliderShape.prototype, "_id", void 0);
+__decorate([
+    ignoreClone
+], ColliderShape.prototype, "_material", void 0);
+__decorate([
+    ignoreClone
+], ColliderShape.prototype, "_isTrigger", void 0);
+__decorate([
+    ignoreClone
+], ColliderShape.prototype, "_rotation", void 0);
+__decorate([
+    ignoreClone
+], ColliderShape.prototype, "_position", void 0);
+__decorate([
+    ignoreClone
+], ColliderShape.prototype, "_contactOffset", void 0);
 
 /**
  * Physical collider shape for box.
@@ -15332,6 +15612,12 @@ exports.Joint = __decorate([
         return _this;
     }
     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);
     };
@@ -15352,6 +15638,9 @@ exports.Joint = __decorate([
     ]);
     return BoxColliderShape;
 }(ColliderShape);
+__decorate([
+    ignoreClone
+], BoxColliderShape.prototype, "_size", void 0);
 
 /**
  * Physical collider shape for sphere.
@@ -15364,6 +15653,11 @@ exports.Joint = __decorate([
         _this._nativeShape = PhysicsScene._nativePhysics.createSphereColliderShape(_this._id, _this._radius, _this._material._nativeMaterial);
         return _this;
     }
+    var _proto = SphereColliderShape.prototype;
+    _proto._cloneTo = function _cloneTo(target) {
+        ColliderShape1.prototype._cloneTo.call(this, target);
+        target.radius = this.radius;
+    };
     _create_class(SphereColliderShape, [
         {
             key: "radius",
@@ -15382,6 +15676,9 @@ exports.Joint = __decorate([
     ]);
     return SphereColliderShape;
 }(ColliderShape);
+__decorate([
+    ignoreClone
+], SphereColliderShape.prototype, "_radius", void 0);
 
 /**
  * Physical collider shape plane.
@@ -15409,6 +15706,15 @@ exports.Joint = __decorate([
         _this._nativeShape = PhysicsScene._nativePhysics.createCapsuleColliderShape(_this._id, _this._radius, _this._height, _this._material._nativeMaterial);
         return _this;
     }
+    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(CapsuleColliderShape, [
         {
             key: "radius",
@@ -15455,6 +15761,15 @@ exports.Joint = __decorate([
     ]);
     return CapsuleColliderShape;
 }(ColliderShape);
+__decorate([
+    ignoreClone
+], CapsuleColliderShape.prototype, "_radius", void 0);
+__decorate([
+    ignoreClone
+], CapsuleColliderShape.prototype, "_height", void 0);
+__decorate([
+    ignoreClone
+], CapsuleColliderShape.prototype, "_upAxis", void 0);
 
 /**
  * Pointer Manager.
@@ -15692,8 +16007,8 @@ exports.Joint = __decorate([
                 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;
                 }
@@ -16385,10 +16700,6 @@ ShaderPool.init();
         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);
@@ -16938,7 +17249,7 @@ ShaderPool.init();
         program.uploadAll(program.materialUniformBlock, materialShaderData);
         program.uploadUnGroupTextures();
         renderState._apply(engine, false, pass._renderStateDataMap, materialShaderData);
-        rhi.drawPrimitive(mesh, mesh.subMesh, program);
+        rhi.drawPrimitive(mesh._primitive, mesh.subMesh, program);
         cameraShaderData.setMatrix(RenderContext.vpMatrixProperty, originViewProjMatrix);
     };
     _create_class(Sky, [
@@ -17006,34 +17317,29 @@ ShaderPool.init();
         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);
@@ -17042,22 +17348,31 @@ ShaderPool.init();
                 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);
@@ -17098,14 +17413,14 @@ ShaderPool.init();
                     (_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`
@@ -17223,40 +17538,44 @@ ShaderPool.init();
     };
     _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();
@@ -17267,11 +17586,15 @@ ShaderPool.init();
     _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() {
@@ -17673,11 +17996,6 @@ ShaderPool.init();
     ]);
     return Light;
 }(Component);
-(function() {
-    /**
-   * Each type of light source is at most 10, beyond which it will not take effect.
-   * */ Light._maxLight = 10;
-})();
 __decorate([
     ignoreClone
 ], Light.prototype, "_lightIndex", void 0);
@@ -17695,13 +18013,12 @@ __decorate([
     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;
@@ -17730,8 +18047,7 @@ __decorate([
     };
     /**
    * @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);
@@ -17774,13 +18090,6 @@ __decorate([
 (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.
@@ -17795,14 +18104,13 @@ __decorate([
     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;
@@ -17832,8 +18140,7 @@ __decorate([
     };
     /**
    * @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);
@@ -17871,14 +18178,6 @@ __decorate([
 (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.
@@ -17897,7 +18196,7 @@ __decorate([
     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;
@@ -17908,7 +18207,6 @@ __decorate([
         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;
@@ -17943,8 +18241,7 @@ __decorate([
     };
     /**
    * @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);
@@ -18014,17 +18311,6 @@ __decorate([
 (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.
@@ -18033,6 +18319,26 @@ __decorate([
         /** @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;
     /**
@@ -18092,38 +18398,34 @@ __decorate([
     /**
    * @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");
@@ -18164,6 +18466,11 @@ __decorate([
     };
     return LightManager;
 }();
+(function() {
+    /**
+   * Each type of light source is at most 10, beyond which it will not take effect.
+   * */ LightManager._maxLight = 10;
+})();
 
 /**
  * Scene.
@@ -18194,6 +18501,7 @@ __decorate([
         _this._fogEnd = 300;
         _this._fogDensity = 0.01;
         _this._fogParams = new engineMath.Vector4();
+        _this._isActive = true;
         _this.name = name || "";
         var shaderData = _this.shaderData;
         shaderData._addReferCount(1);
@@ -18441,6 +18749,24 @@ __decorate([
         this._fogParams.w = density / Math.sqrt(Math.LN2);
     };
     _create_class(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: /**
@@ -18759,7 +19085,11 @@ __decorate([
    * @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);
@@ -18902,7 +19232,7 @@ var passNum = 0;
     _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;
@@ -18932,7 +19262,7 @@ var passNum = 0;
             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);
         }
     };
@@ -20309,8 +20639,8 @@ var /**
     };
     _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();
@@ -20321,7 +20651,7 @@ var /**
         program.uploadAll(program.materialUniformBlock, material.shaderData);
         program.uploadUnGroupTextures();
         (pass._renderState || material.renderState)._apply(engine, false, pass._renderStateDataMap, material.shaderData);
-        rhi.drawPrimitive(mesh, mesh.subMesh, program);
+        rhi.drawPrimitive(mesh._primitive, mesh.subMesh, program);
     };
     _proto._callRender = function _callRender(context) {
         var engine = context.camera.engine;
@@ -20485,7 +20815,7 @@ exports.Camera = (_Camera = /*#__PURE__*/ function(Component1) {
         // Use the intersection of the near clipping plane as the origin point.
         var origin = this._innerViewportToWorldPoint(point.x, point.y, 0.0, invViewProjMat, out.origin);
         // Use the intersection of the far clipping plane as the origin point.
-        var direction = this._innerViewportToWorldPoint(point.x, point.y, 1.0, invViewProjMat, out.direction);
+        var direction = this._innerViewportToWorldPoint(point.x, point.y, 1 - engineMath.MathUtil.zeroTolerance, invViewProjMat, out.direction);
         engineMath.Vector3.subtract(direction, origin, direction);
         direction.normalize();
         return out;
@@ -24123,6 +24453,9 @@ var DirtyFlag;
         this.property = property;
         this.component = target.getComponent(type);
         this.cureType = cureType;
+        var isBlendShape = _instanceof(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);
@@ -24154,7 +24487,7 @@ var DirtyFlag;
         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 {
@@ -24162,14 +24495,14 @@ var DirtyFlag;
         }
     };
     _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();
@@ -24178,7 +24511,7 @@ var DirtyFlag;
     _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;
@@ -24188,13 +24521,13 @@ var DirtyFlag;
             }
         } 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 {
@@ -24206,7 +24539,7 @@ var DirtyFlag;
         }
     };
     _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);
@@ -24289,16 +24622,22 @@ AnimationCurveOwner.registerAssembler(Transform, "scale", ScaleAnimationCurveOwn
 /**
  * @internal
  */ var BlendShapeWeightsAnimationCurveOwnerAssembler = /*#__PURE__*/ function() {
-    function 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;
 }();
@@ -26175,7 +26514,6 @@ exports.AnimatorLayerBlendingMode = void 0;
         var state = playState.state;
         var clipDuration = state.clip.length;
         if (this.speed * state.speed >= 0) {
-            console.log(999, clipTime, lastClipTime);
             if (clipTime < lastClipTime) {
                 this._checkSubTransition(playState, transitions, layerIndex, lastClipTime, state.clipEndTime * clipDuration);
                 playState.currentTransitionIndex = 0;
@@ -26964,64 +27302,203 @@ exports.SunMode = void 0;
     SkyProceduralMaterial._sunSimpleMacro = ShaderMacro.getByName("MATERIAL_SUN_SIMPLE");
 })();
 
+var SubPrimitive = function SubPrimitive() {
+};
+
 /**
- * Particle Material.
- */ var ParticleMaterial = /*#__PURE__*/ function(BaseMaterial1) {
-    _inherits(ParticleMaterial, BaseMaterial1);
-    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(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 engineMath.Color(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 engineMath.Vector3();
+        _this._currentRenderModeMacro = ParticleRenderer._billboardModeMacro;
+        _this.shaderData.enableMacro(ParticleRenderer._billboardModeMacro);
+        _this._supportInstancedArrays = _this.engine._hardwareRenderer.canIUse(exports.GLCapabilityType.instancedArrays);
         return _this;
     }
-    var _proto = ParticleMaterial.prototype;
+    var _proto = ParticleRenderer.prototype;
     /**
-   * @inheritdoc
-   */ _proto.clone = function clone() {
-        var dest = new ParticleMaterial(this._engine);
-        this.cloneTo(dest);
-        return dest;
+   * @internal
+   */ _proto._onEnable = function _onEnable() {
+        if (this.generator.main.playOnEnabled) {
+            this.generator.play(false);
+        }
     };
-    _create_class(ParticleMaterial, [
+    /**
+   * @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);
+    };
+    /**
+   * @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(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([
+    deepClone
+], ParticleRenderer.prototype, "generator", void 0);
+__decorate([
+    shallowClone
+], ParticleRenderer.prototype, "pivot", void 0);
 
 /**
  * Particle curve mode.
@@ -27043,18 +27520,6 @@ var SubPrimitive = function SubPrimitive() {
     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;
@@ -27063,12 +27528,6 @@ var SubPrimitive = function SubPrimitive() {
     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;
@@ -27696,15 +28155,13 @@ var MainModule = /*#__PURE__*/ function() {
         /** 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 engineMath.Color(1, 1, 1, 1));
         /** A scale that this Particle Generator applies to gravity, defined by Physics.gravity. */ this.gravityModifier = new ParticleCompositeCurve(0);
@@ -27807,6 +28264,17 @@ var MainModule = /*#__PURE__*/ function() {
                     }
                 }
             }
+        },
+        {
+            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;
@@ -27850,9 +28318,6 @@ __decorate([
 __decorate([
     deepClone
 ], MainModule.prototype, "startSpeed", void 0);
-__decorate([
-    deepClone
-], MainModule.prototype, "startSize", void 0);
 __decorate([
     deepClone
 ], MainModule.prototype, "startSizeX", void 0);
@@ -27862,9 +28327,6 @@ __decorate([
 __decorate([
     deepClone
 ], MainModule.prototype, "startSizeZ", void 0);
-__decorate([
-    deepClone
-], MainModule.prototype, "startRotation", void 0);
 __decorate([
     deepClone
 ], MainModule.prototype, "startRotationX", void 0);
@@ -27872,7 +28334,6 @@ __decorate([
     deepClone
 ], MainModule.prototype, "startRotationY", void 0);
 __decorate([
-    deepClone,
     deepClone
 ], MainModule.prototype, "startRotationZ", void 0);
 __decorate([
@@ -27913,7 +28374,7 @@ __decorate([
     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);
@@ -28267,9 +28728,6 @@ __decorate([
     }
     var _proto = TextureSheetAnimationModule.prototype;
     /**
-   * @inheritDoc
-   */ _proto.cloneTo = function cloneTo(dest) {};
-    /**
    * @internal
    */ _proto._updateShaderData = function _updateShaderData(shaderData) {
         var frameMacro = null;
@@ -28757,7 +29215,7 @@ __decorate([
             instanceVertices[offset + 16] = engineMath.MathUtil.degreeToRadian(main.startRotationY.evaluate(undefined, startRotationRand.random()));
             instanceVertices[offset + 17] = engineMath.MathUtil.degreeToRadian(main.startRotationZ.evaluate(undefined, startRotationRand.random()));
         } else {
-            instanceVertices[offset + 15] = engineMath.MathUtil.degreeToRadian(main.startRotation.evaluate(undefined, startRotationRand.random()));
+            instanceVertices[offset + 15] = engineMath.MathUtil.degreeToRadian(main.startRotationZ.evaluate(undefined, startRotationRand.random()));
         }
         // Start speed
         instanceVertices[offset + 18] = startSpeed;
@@ -29020,181 +29478,60 @@ __decorate([
 ], ParticleGenerator.prototype, "_instanceVertices", void 0);
 
 /**
- * Particle Renderer Component.
- */ var ParticleRenderer = /*#__PURE__*/ function(Renderer1) {
-    _inherits(ParticleRenderer, Renderer1);
-    function ParticleRenderer(entity) {
+ * Particle Material.
+ */ var ParticleMaterial = /*#__PURE__*/ function(BaseMaterial1) {
+    _inherits(ParticleMaterial, BaseMaterial1);
+    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 engineMath.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 engineMath.Color(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);
-    };
+    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(ParticleRenderer, [
+    _create_class(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([
-    deepClone
-], ParticleRenderer.prototype, "generator", void 0);
-__decorate([
-    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
@@ -29866,6 +30203,7 @@ exports.CharacterController = CharacterController;
 exports.CircleShape = CircleShape;
 exports.CloneManager = CloneManager;
 exports.ColliderShape = ColliderShape;
+exports.ColorOverLifetimeModule = ColorOverLifetimeModule;
 exports.Component = Component;
 exports.ConeShape = ConeShape;
 exports.ContentRestorer = ContentRestorer;
@@ -29874,12 +30212,15 @@ exports.CurveKey = CurveKey;
 exports.DepthState = DepthState;
 exports.DirectLight = DirectLight;
 exports.DynamicCollider = DynamicCollider;
+exports.EmissionModule = EmissionModule;
 exports.Engine = Engine;
 exports.EngineObject = EngineObject;
 exports.Entity = Entity;
 exports.EventDispatcher = EventDispatcher;
 exports.FixedJoint = FixedJoint;
 exports.Font = Font;
+exports.GradientAlphaKey = GradientAlphaKey;
+exports.GradientColorKey = GradientColorKey;
 exports.HemisphereShape = HemisphereShape;
 exports.HingeJoint = HingeJoint;
 exports.HitResult = HitResult;
@@ -29891,6 +30232,7 @@ exports.Keyframe = Keyframe;
 exports.Light = Light;
 exports.Loader = Loader;
 exports.Logger = Logger;
+exports.MainModule = MainModule;
 exports.Material = Material;
 exports.Mesh = Mesh;
 exports.MeshRenderer = MeshRenderer;
@@ -29899,7 +30241,10 @@ exports.PBRBaseMaterial = PBRBaseMaterial;
 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;
@@ -29918,6 +30263,7 @@ exports.RenderState = RenderState;
 exports.RenderTarget = RenderTarget;
 exports.RenderTargetBlendState = RenderTargetBlendState;
 exports.ResourceManager = ResourceManager;
+exports.RotationOverLifetimeModule = RotationOverLifetimeModule;
 exports.Scene = Scene;
 exports.SceneManager = SceneManager;
 exports.Script = Script;
@@ -29929,6 +30275,7 @@ exports.ShaderMacroCollection = ShaderMacroCollection;
 exports.ShaderPass = ShaderPass;
 exports.ShaderProperty = ShaderProperty;
 exports.ShaderTagKey = ShaderTagKey;
+exports.SizeOverLifetimeModule = SizeOverLifetimeModule;
 exports.Skin = Skin;
 exports.SkinnedMeshRenderer = SkinnedMeshRenderer;
 exports.Sky = Sky;
@@ -29954,12 +30301,14 @@ exports.Texture = Texture;
 exports.Texture2D = Texture2D;
 exports.Texture2DArray = Texture2DArray;
 exports.TextureCube = TextureCube;
+exports.TextureSheetAnimationModule = TextureSheetAnimationModule;
 exports.Time = Time;
 exports.TrailMaterial = TrailMaterial;
 exports.TrailRenderer = TrailRenderer;
 exports.Transform = Transform;
 exports.UnlitMaterial = UnlitMaterial;
 exports.Utils = Utils;
+exports.VelocityOverLifetimeModule = VelocityOverLifetimeModule;
 exports.VertexBufferBinding = VertexBufferBinding;
 exports.VertexElement = VertexElement;
 exports.assignmentClone = assignmentClone;