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

package/dist/module.js

@@ -549,6 +549,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());
@@ -2537,8 +2538,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;
@@ -2670,10 +2671,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);
@@ -2830,14 +2831,14 @@ var DependentMode;
         }
         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();
@@ -2854,16 +2855,24 @@ var DependentMode;
     _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;
         }
@@ -4227,12 +4236,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();
@@ -4242,6 +4245,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
@@ -6224,6 +6233,12 @@ var ShaderFactory = /*#__PURE__*/ function() {
     };
     return BlendState;
 }();
+__decorate([
+    deepClone
+], BlendState.prototype, "targetBlendState", void 0);
+__decorate([
+    deepClone
+], BlendState.prototype, "blendColor", void 0);
 
 /**
  * Depth state.
@@ -6606,6 +6621,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.
@@ -7514,7 +7541,7 @@ __decorate([
     ignoreClone
 ], Renderer.prototype, "_globalShaderMacro", void 0);
 __decorate([
-    deepClone
+    ignoreClone
 ], Renderer.prototype, "_bounds", void 0);
 __decorate([
     ignoreClone
@@ -12291,7 +12318,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++){
@@ -12323,7 +12350,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;
@@ -12569,16 +12596,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.
@@ -12589,7 +12631,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);
         }
     };
     /**
@@ -13246,11 +13289,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;
@@ -13263,6 +13310,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;
@@ -13274,6 +13323,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;
             });
         }
     };
@@ -13287,6 +13338,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;
         }
@@ -13793,9 +13846,9 @@ var 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);
         }
     };
     /**
@@ -13805,7 +13858,7 @@ var 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);
         }
@@ -13816,7 +13869,7 @@ var 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);
         }
@@ -13841,12 +13894,30 @@ var 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
@@ -13855,6 +13926,11 @@ var 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",
@@ -13870,6 +13946,15 @@ var Collider = /*#__PURE__*/ function(Component1) {
 __decorate([
     ignoreClone
 ], Collider.prototype, "_index", void 0);
+__decorate([
+    ignoreClone
+], Collider.prototype, "_nativeCollider", void 0);
+__decorate([
+    ignoreClone
+], Collider.prototype, "_updateFlag", void 0);
+__decorate([
+    deepClone
+], Collider.prototype, "_shapes", void 0);
 Collider = __decorate([
     dependentComponents(Transform, DependentMode.CheckOnly)
 ], Collider);
@@ -13894,11 +13979,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) {
@@ -13909,11 +13998,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) {
@@ -13924,11 +14017,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) {
@@ -13937,9 +14034,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) {
@@ -13948,9 +14049,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) {
@@ -13959,9 +14064,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;
@@ -13994,6 +14103,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) {
@@ -14218,18 +14330,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);
@@ -14365,6 +14486,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);
     };
@@ -14573,6 +14713,48 @@ var Collision = function Collision() {
     ]);
     return DynamicCollider;
 }(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);
 var CollisionDetectionMode;
 (function(CollisionDetectionMode) {
     CollisionDetectionMode[CollisionDetectionMode["Discrete"] = 0] = "Discrete";
@@ -14625,7 +14807,8 @@ var DynamicColliderConstraints;
     /**
    * @internal
    */ _proto._destroy = function _destroy() {
-        this._nativeMaterial.destroy();
+        !this._destroyed && this._nativeMaterial.destroy();
+        this._destroyed = true;
     };
     _create_class(PhysicsMaterial, [
         {
@@ -14740,24 +14923,37 @@ var 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 Vector3();
+        _this._connectedColliderInfo.localPosition = new 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);
                 }
             }
@@ -14768,10 +14964,10 @@ var 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);
                 }
@@ -14783,11 +14979,11 @@ var 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);
                 }
             }
@@ -14797,11 +14993,11 @@ var 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);
                 }
             }
@@ -14811,11 +15007,11 @@ var 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);
                 }
             }
@@ -14825,11 +15021,11 @@ var 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);
                 }
             }
@@ -14865,12 +15061,27 @@ var Joint = /*#__PURE__*/ function(Component1) {
     ]);
     return Joint;
 }(Component);
+__decorate([
+    ignoreClone
+], Joint.prototype, "_colliderInfo", void 0);
+__decorate([
+    ignoreClone
+], Joint.prototype, "_connectedColliderInfo", void 0);
+__decorate([
+    ignoreClone
+], Joint.prototype, "_nativeJoint", void 0);
+__decorate([
+    ignoreClone
+], Joint.prototype, "_force", void 0);
+__decorate([
+    ignoreClone
+], Joint.prototype, "_torque", void 0);
 Joint = __decorate([
     dependentComponents(Collider, DependentMode.CheckOnly)
 ], Joint);
 /**
  * @internal
- */ var JointCollider = function JointCollider() {
+ */ var JointColliderInfo = function JointColliderInfo() {
     this.collider = null;
     this.massScale = 0;
     this.inertiaScale = 0;
@@ -14887,7 +15098,7 @@ Joint = __decorate([
     /**
    * @internal
    */ _proto._onAwake = function _onAwake() {
-        var collider = this._collider;
+        var collider = this._colliderInfo;
         collider.collider = this.entity.getComponent(Collider);
         this._nativeJoint = PhysicsScene._nativePhysics.createFixedJoint(collider.collider._nativeCollider);
     };
@@ -14921,11 +15132,22 @@ Joint = __decorate([
     /**
    * @internal
    */ _proto._onAwake = function _onAwake() {
-        var collider = this._collider;
+        var collider = this._colliderInfo;
         collider.localPosition = new Vector3();
         collider.collider = this.entity.getComponent(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",
@@ -14947,10 +15169,10 @@ 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);
                 }
@@ -15053,6 +15275,21 @@ Joint = __decorate([
     ]);
     return HingeJoint;
 }(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.
@@ -15072,21 +15309,31 @@ Joint = __decorate([
     /**
    * @internal
    */ _proto._onAwake = function _onAwake() {
-        var collider = this._collider;
+        var collider = this._colliderInfo;
         collider.localPosition = new Vector3();
         collider.collider = this.entity.getComponent(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);
                 }
@@ -15211,6 +15458,15 @@ 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();
@@ -15312,6 +15568,30 @@ 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.
@@ -15328,6 +15608,12 @@ 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);
     };
@@ -15348,6 +15634,9 @@ Joint = __decorate([
     ]);
     return BoxColliderShape;
 }(ColliderShape);
+__decorate([
+    ignoreClone
+], BoxColliderShape.prototype, "_size", void 0);
 
 /**
  * Physical collider shape for sphere.
@@ -15360,6 +15649,11 @@ 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",
@@ -15378,6 +15672,9 @@ Joint = __decorate([
     ]);
     return SphereColliderShape;
 }(ColliderShape);
+__decorate([
+    ignoreClone
+], SphereColliderShape.prototype, "_radius", void 0);
 
 /**
  * Physical collider shape plane.
@@ -15405,6 +15702,15 @@ 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",
@@ -15451,6 +15757,15 @@ 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.
@@ -15688,8 +16003,8 @@ 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;
                 }
@@ -16381,10 +16696,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 = CompareFunction.LessEqual;
-        _this._backgroundTextureMaterial = backgroundTextureMaterial;
         var innerSettings = _this._settings;
         var colorSpace = configuration.colorSpace || ColorSpace.Linear;
         colorSpace === ColorSpace.Gamma && _this._macroCollection.enable(Engine._gammaMacro);
@@ -16934,7 +17245,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, [
@@ -17002,34 +17313,29 @@ ShaderPool.init();
         this./** @internal */ _textureFillMode = 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 BackgroundTextureFillMode.Fill:
                 positions[0].set(-1, -1, 1);
@@ -17038,22 +17344,31 @@ ShaderPool.init();
                 positions[3].set(1, 1, 1);
                 break;
             case 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 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 = CompareFunction.LessEqual;
+        material._addReferCount(1);
     };
     _proto._createPlane = function _createPlane(engine) {
         var mesh = new ModelMesh(engine);
@@ -17094,14 +17409,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`
@@ -17219,40 +17534,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();
@@ -17263,11 +17582,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() {
@@ -17669,11 +17992,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);
@@ -17691,13 +18009,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;
@@ -17726,8 +18043,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);
@@ -17770,13 +18086,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.
@@ -17791,14 +18100,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;
@@ -17828,8 +18136,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);
@@ -17867,14 +18174,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.
@@ -17893,7 +18192,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;
@@ -17904,7 +18203,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;
@@ -17939,8 +18237,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);
@@ -18010,17 +18307,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.
@@ -18029,6 +18315,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;
     /**
@@ -18088,38 +18394,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");
@@ -18160,6 +18462,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.
@@ -18190,6 +18497,7 @@ __decorate([
         _this._fogEnd = 300;
         _this._fogDensity = 0.01;
         _this._fogParams = new Vector4();
+        _this._isActive = true;
         _this.name = name || "";
         var shaderData = _this.shaderData;
         shaderData._addReferCount(1);
@@ -18437,6 +18745,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: /**
@@ -18755,7 +19081,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);
@@ -18898,7 +19228,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;
@@ -18928,7 +19258,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);
         }
     };
@@ -20305,8 +20635,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 !== BackgroundTextureFillMode.Fill) {
             this._lastCanvasSize.set(canvas.width, canvas.height);
             background._resizeBackgroundTexture();
@@ -20317,7 +20647,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;
@@ -20481,7 +20811,7 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
         // Use the intersection of the near clipping plane as the origin point.
         var origin = this._innerViewportToWorldPoint(point.x, point.y, 0.0, invViewProjMat, out.origin);
         // Use the intersection of the far clipping plane as the origin point.
-        var direction = this._innerViewportToWorldPoint(point.x, point.y, 1.0, invViewProjMat, out.direction);
+        var direction = this._innerViewportToWorldPoint(point.x, point.y, 1 - MathUtil$1.zeroTolerance, invViewProjMat, out.direction);
         Vector3.subtract(direction, origin, direction);
         direction.normalize();
         return out;
@@ -24119,6 +24449,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);
@@ -24150,7 +24483,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 {
@@ -24158,14 +24491,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();
@@ -24174,7 +24507,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;
@@ -24184,13 +24517,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 {
@@ -24202,7 +24535,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);
@@ -24285,16 +24618,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;
 }();
@@ -26171,7 +26510,6 @@ var AnimatorLayerBlendingMode;
         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;
@@ -26960,64 +27298,203 @@ var SunMode;
     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.
+ */ var ParticleRenderMode;
+(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";
+})(ParticleRenderMode || (ParticleRenderMode = {}));
+
+var ParticleStopMode;
+(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";
+})(ParticleStopMode || (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 Color$1(1, 1, 1, 1));
-        _this.isTransparent = true;
+        _this = Renderer1.call(this, entity) || this;
+        /** Particle generator. */ _this.generator = new ParticleGenerator(_assert_this_initialized(_this));
+        /** Specifies how much particles stretch depending on their velocity. */ _this.velocityScale = 0;
+        /** How much are the particles stretched in their direction of motion, defined as the length of the particle compared to its width. */ _this.lengthScale = 2;
+        /** The pivot of particle. */ _this.pivot = new Vector3();
+        _this._currentRenderModeMacro = ParticleRenderer._billboardModeMacro;
+        _this.shaderData.enableMacro(ParticleRenderer._billboardModeMacro);
+        _this._supportInstancedArrays = _this.engine._hardwareRenderer.canIUse(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, 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 ParticleRenderMode.Billboard:
+                            renderModeMacro = ParticleRenderer._billboardModeMacro;
+                            break;
+                        case ParticleRenderMode.StretchBillboard:
+                            renderModeMacro = ParticleRenderer._stretchedBillboardModeMacro;
+                            break;
+                        case ParticleRenderMode.HorizontalBillboard:
+                            throw "Not implemented";
+                        case ParticleRenderMode.VerticalBillboard:
+                            throw "Not implemented";
+                        case 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 !== ParticleRenderMode.Mesh !== (value === 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 === ParticleRenderMode.Mesh) {
+                        this.generator._reorganizeGeometryBuffers();
+                    }
                 }
             }
         }
     ]);
-    return ParticleMaterial;
-}(BaseMaterial);
-
-var SubPrimitive = function SubPrimitive() {
-};
+    return ParticleRenderer;
+}(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.
@@ -27039,18 +27516,6 @@ var SubPrimitive = function SubPrimitive() {
     ParticleGradientMode[ParticleGradientMode[/* Random value between two color gradients. */ "TwoGradients"] = 3] = "TwoGradients";
 })(ParticleGradientMode || (ParticleGradientMode = {}));
 
-/**
- * The rendering mode for particle renderer.
- */ var ParticleRenderMode;
-(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";
-})(ParticleRenderMode || (ParticleRenderMode = {}));
-
 /**
  * The space to simulate particles in.
  */ var ParticleSimulationSpace;
@@ -27059,12 +27524,6 @@ var SubPrimitive = function SubPrimitive() {
     ParticleSimulationSpace[ParticleSimulationSpace[/** Simulate particles in world space. */ "World"] = 1] = "World";
 })(ParticleSimulationSpace || (ParticleSimulationSpace = {}));
 
-var ParticleStopMode;
-(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";
-})(ParticleStopMode || (ParticleStopMode = {}));
-
 /**
  * @internal
  */ var ParticleRandomSubSeeds;
@@ -27692,15 +28151,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 Color$1(1, 1, 1, 1));
         /** A scale that this Particle Generator applies to gravity, defined by Physics.gravity. */ this.gravityModifier = new ParticleCompositeCurve(0);
@@ -27803,6 +28260,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;
@@ -27846,9 +28314,6 @@ __decorate([
 __decorate([
     deepClone
 ], MainModule.prototype, "startSpeed", void 0);
-__decorate([
-    deepClone
-], MainModule.prototype, "startSize", void 0);
 __decorate([
     deepClone
 ], MainModule.prototype, "startSizeX", void 0);
@@ -27858,9 +28323,6 @@ __decorate([
 __decorate([
     deepClone
 ], MainModule.prototype, "startSizeZ", void 0);
-__decorate([
-    deepClone
-], MainModule.prototype, "startRotation", void 0);
 __decorate([
     deepClone
 ], MainModule.prototype, "startRotationX", void 0);
@@ -27868,7 +28330,6 @@ __decorate([
     deepClone
 ], MainModule.prototype, "startRotationY", void 0);
 __decorate([
-    deepClone,
     deepClone
 ], MainModule.prototype, "startRotationZ", void 0);
 __decorate([
@@ -27909,7 +28370,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);
@@ -28263,9 +28724,6 @@ __decorate([
     }
     var _proto = TextureSheetAnimationModule.prototype;
     /**
-   * @inheritDoc
-   */ _proto.cloneTo = function cloneTo(dest) {};
-    /**
    * @internal
    */ _proto._updateShaderData = function _updateShaderData(shaderData) {
         var frameMacro = null;
@@ -28753,7 +29211,7 @@ __decorate([
             instanceVertices[offset + 16] = MathUtil$1.degreeToRadian(main.startRotationY.evaluate(undefined, startRotationRand.random()));
             instanceVertices[offset + 17] = MathUtil$1.degreeToRadian(main.startRotationZ.evaluate(undefined, startRotationRand.random()));
         } else {
-            instanceVertices[offset + 15] = MathUtil$1.degreeToRadian(main.startRotation.evaluate(undefined, startRotationRand.random()));
+            instanceVertices[offset + 15] = MathUtil$1.degreeToRadian(main.startRotationZ.evaluate(undefined, startRotationRand.random()));
         }
         // Start speed
         instanceVertices[offset + 18] = startSpeed;
@@ -29016,181 +29474,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 Vector3();
-        _this._currentRenderModeMacro = ParticleRenderer._billboardModeMacro;
-        _this.shaderData.enableMacro(ParticleRenderer._billboardModeMacro);
-        _this._supportInstancedArrays = _this.engine._hardwareRenderer.canIUse(GLCapabilityType.instancedArrays);
+        _this = BaseMaterial1.call(this, engine, Shader.find("particle-shader")) || this;
+        var shaderData = _this.shaderData;
+        shaderData.enableMacro("MATERIAL_OMIT_NORMAL");
+        shaderData.setColor(BaseMaterial._baseColorProp, new Color$1(1, 1, 1, 1));
+        _this.isTransparent = true;
         return _this;
     }
-    var _proto = ParticleRenderer.prototype;
-    /**
-   * @internal
-   */ _proto._onEnable = function _onEnable() {
-        if (this.generator.main.playOnEnabled) {
-            this.generator.play(false);
-        }
-    };
-    /**
-   * @internal
-   */ _proto._onDisable = function _onDisable() {
-        this.generator.stop(false, 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 ParticleRenderMode.Billboard:
-                            renderModeMacro = ParticleRenderer._billboardModeMacro;
-                            break;
-                        case ParticleRenderMode.StretchBillboard:
-                            renderModeMacro = ParticleRenderer._stretchedBillboardModeMacro;
-                            break;
-                        case ParticleRenderMode.HorizontalBillboard:
-                            throw "Not implemented";
-                        case ParticleRenderMode.VerticalBillboard:
-                            throw "Not implemented";
-                        case 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 !== ParticleRenderMode.Mesh !== (value === 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 === 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;
-}(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
@@ -29830,5 +30167,5 @@ var cacheDir = new Vector3();
     return CubeProbe;
 }(Probe);
 
-export { AmbientLight, AnimationArrayCurve, AnimationBoolCurve, AnimationClip, AnimationClipCurveBinding, AnimationColorCurve, AnimationCurve, AnimationEvent, AnimationFloatArrayCurve, AnimationFloatCurve, AnimationQuaternionCurve, AnimationRectCurve, AnimationRefCurve, AnimationVector2Curve, AnimationVector3Curve, AnimationVector4Curve, Animator, AnimatorConditionMode, AnimatorController, AnimatorControllerLayer, AnimatorCullingMode, AnimatorLayerBlendingMode, AnimatorState, AnimatorStateMachine, AnimatorStateTransition, AssetPromise, AssetType, Background, BackgroundMode, BackgroundTextureFillMode, BaseMaterial, Basic2DBatcher, BasicRenderPipeline, BlendFactor, BlendMode, BlendOperation, BlendShape, BlendShapeFrame, BlendState, BlinnPhongMaterial, BoolUpdateFlag, BoxColliderShape, BoxShape, Buffer, BufferBindFlag, BufferMesh, BufferUsage, BufferUtil, Burst, Camera, CameraClearFlags, CapsuleColliderShape, CharacterController, CircleShape, CloneManager, Collider, ColliderShape, ColliderShapeUpAxis, CollisionDetectionMode, ColorSpace, ColorWriteMask, CompareFunction, Component, ConeEmitType, ConeShape, ContentRestorer, ControllerCollisionFlag, ControllerNonWalkableMode, CubeProbe, CullMode, CurveKey, DataType, DependentMode, DepthState, DepthTextureMode, DiffuseMode, DirectLight, DynamicCollider, DynamicColliderConstraints, Engine, EngineObject, Entity, EventDispatcher, FixedJoint, FogMode, Font, FontStyle, GLCapabilityType, HemisphereShape, HingeJoint, HitResult, IndexBufferBinding, IndexFormat, InputManager, InterpolationType, Joint, JointLimits, JointMotor, Keyframe, Keys, Layer, Light, Loader, Logger, Material, Mesh, MeshRenderer, MeshTopology, ModelMesh, OverflowMode, PBRBaseMaterial, PBRMaterial, PBRSpecularMaterial, ParticleCompositeCurve, ParticleCurve, ParticleCurveMode, ParticleGradientMode, ParticleMaterial, ParticleRenderMode, ParticleRenderer, ParticleScaleMode, ParticleShapeArcMode, ParticleSimulationSpace, ParticleStopMode, PhysicsMaterial, PhysicsMaterialCombineMode, PhysicsScene, PipelineStage, PlaneColliderShape, Platform, PointLight, Pointer, PointerButton, PointerPhase, Primitive, PrimitiveMesh, Probe, RasterState, ReferResource, RenderBufferDepthFormat, RenderFace, RenderPass, RenderQueue, RenderQueueType, RenderState, RenderStateElementKey as RenderStateDataKey, RenderTarget, RenderTargetBlendState, Renderer, ResourceManager, Scene, SceneManager, Script, SetDataOptions, Shader, ShaderData, ShaderFactory, ShaderMacro, ShaderMacroCollection, ShaderPass, ShaderProperty, ShaderPropertyType, ShaderTagKey, ShadowCascadesMode, ShadowResolution, ShadowType, Skin, SkinnedMeshRenderer, Sky, SkyBoxMaterial, SkyProceduralMaterial, SphereColliderShape, SphereShape, SpotLight, SpringJoint, Sprite, SpriteAtlas, SpriteDrawMode, SpriteMask, SpriteMaskInteraction, SpriteMaskLayer, SpriteRenderer, SpriteTileMode, StateMachineScript, StaticCollider, StencilOperation, StencilState, SubMesh, SubShader, SunMode, SystemInfo, TextHorizontalAlignment, TextRenderer, TextUtils, TextVerticalAlignment, Texture, Texture2D, Texture2DArray, TextureCoordinate, TextureCube, TextureCubeFace, TextureDepthCompareFunction, TextureFilterMode, TextureFormat, TextureUsage, TextureWrapMode, Time, TrailMaterial, TrailRenderer, Transform, UnlitMaterial, Utils, VertexAttribute, VertexBufferBinding, VertexElement, VertexElementFormat, WrapMode, assignmentClone, deepClone, dependentComponents, ignoreClone, request, resourceLoader, shallowClone };
+export { AmbientLight, AnimationArrayCurve, AnimationBoolCurve, AnimationClip, AnimationClipCurveBinding, AnimationColorCurve, AnimationCurve, AnimationEvent, AnimationFloatArrayCurve, AnimationFloatCurve, AnimationQuaternionCurve, AnimationRectCurve, AnimationRefCurve, AnimationVector2Curve, AnimationVector3Curve, AnimationVector4Curve, Animator, AnimatorConditionMode, AnimatorController, AnimatorControllerLayer, AnimatorCullingMode, AnimatorLayerBlendingMode, AnimatorState, AnimatorStateMachine, AnimatorStateTransition, AssetPromise, AssetType, Background, BackgroundMode, BackgroundTextureFillMode, BaseMaterial, Basic2DBatcher, BasicRenderPipeline, BlendFactor, BlendMode, BlendOperation, BlendShape, BlendShapeFrame, BlendState, BlinnPhongMaterial, BoolUpdateFlag, BoxColliderShape, BoxShape, Buffer, BufferBindFlag, BufferMesh, BufferUsage, BufferUtil, Burst, Camera, CameraClearFlags, CapsuleColliderShape, CharacterController, CircleShape, CloneManager, Collider, ColliderShape, ColliderShapeUpAxis, CollisionDetectionMode, ColorOverLifetimeModule, ColorSpace, ColorWriteMask, CompareFunction, Component, ConeEmitType, ConeShape, ContentRestorer, ControllerCollisionFlag, ControllerNonWalkableMode, CubeProbe, CullMode, CurveKey, DataType, DependentMode, DepthState, DepthTextureMode, DiffuseMode, DirectLight, DynamicCollider, DynamicColliderConstraints, EmissionModule, Engine, EngineObject, Entity, EventDispatcher, FixedJoint, FogMode, Font, FontStyle, GLCapabilityType, GradientAlphaKey, GradientColorKey, HemisphereShape, HingeJoint, HitResult, IndexBufferBinding, IndexFormat, InputManager, InterpolationType, Joint, JointLimits, JointMotor, Keyframe, Keys, Layer, Light, Loader, Logger, MainModule, Material, Mesh, MeshRenderer, MeshTopology, ModelMesh, OverflowMode, PBRBaseMaterial, PBRMaterial, PBRSpecularMaterial, ParticleCompositeCurve, ParticleCompositeGradient, ParticleCurve, ParticleCurveMode, ParticleGenerator, ParticleGradient, ParticleGradientMode, ParticleMaterial, ParticleRenderMode, ParticleRenderer, ParticleScaleMode, ParticleShapeArcMode, ParticleSimulationSpace, ParticleStopMode, PhysicsMaterial, PhysicsMaterialCombineMode, PhysicsScene, PipelineStage, PlaneColliderShape, Platform, PointLight, Pointer, PointerButton, PointerPhase, Primitive, PrimitiveMesh, Probe, RasterState, ReferResource, RenderBufferDepthFormat, RenderFace, RenderPass, RenderQueue, RenderQueueType, RenderState, RenderStateElementKey as RenderStateDataKey, RenderTarget, RenderTargetBlendState, Renderer, ResourceManager, RotationOverLifetimeModule, Scene, SceneManager, Script, SetDataOptions, Shader, ShaderData, ShaderFactory, ShaderMacro, ShaderMacroCollection, ShaderPass, ShaderProperty, ShaderPropertyType, ShaderTagKey, ShadowCascadesMode, ShadowResolution, ShadowType, SizeOverLifetimeModule, Skin, SkinnedMeshRenderer, Sky, SkyBoxMaterial, SkyProceduralMaterial, SphereColliderShape, SphereShape, SpotLight, SpringJoint, Sprite, SpriteAtlas, SpriteDrawMode, SpriteMask, SpriteMaskInteraction, SpriteMaskLayer, SpriteRenderer, SpriteTileMode, StateMachineScript, StaticCollider, StencilOperation, StencilState, SubMesh, SubShader, SunMode, SystemInfo, TextHorizontalAlignment, TextRenderer, TextUtils, TextVerticalAlignment, Texture, Texture2D, Texture2DArray, TextureCoordinate, TextureCube, TextureCubeFace, TextureDepthCompareFunction, TextureFilterMode, TextureFormat, TextureSheetAnimationModule, TextureUsage, TextureWrapMode, Time, TrailMaterial, TrailRenderer, Transform, UnlitMaterial, Utils, VelocityOverLifetimeModule, VertexAttribute, VertexBufferBinding, VertexElement, VertexElementFormat, WrapMode, assignmentClone, deepClone, dependentComponents, ignoreClone, request, resourceLoader, shallowClone };
 //# sourceMappingURL=module.js.map