@galacean/effects-core 2.1.0-alpha.2 → 2.1.0-alpha.4

package/dist/index.mjs

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime core for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.1.0-alpha.2
+ * Version: v2.1.0-alpha.4
  */
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -4251,6 +4251,9 @@ var MaterialBlending;
     /**
      * 自发光
      */ RenderMode3D["emissive"] = "emissive";
+    /**
+     * 漫反射
+     */ RenderMode3D["diffuse"] = "diffuse";
 })(RenderMode3D || (RenderMode3D = {}));
 
 var TextOverflow;
@@ -10303,10 +10306,11 @@ var BezierCurve = /*#__PURE__*/ function(ValueGetter) {
                 timeEnd: Number(e.x)
             };
         }
+        this.keyTimeData = Object.keys(this.curveMap);
     };
     _proto.getValue = function getValue(time) {
         var result = 0;
-        var keyTimeData = Object.keys(this.curveMap);
+        var keyTimeData = this.keyTimeData;
         var keyTimeStart = this.curveMap[keyTimeData[0]].timeStart;
         var keyTimeEnd = this.curveMap[keyTimeData[keyTimeData.length - 1]].timeEnd;
         // const keyTimeStart = Number(keyTimeData[0].split('&')[0]);
@@ -13601,25 +13605,25 @@ function _assert_this_initialized(self) {
     }
     var _proto = PlayableGraph.prototype;
     _proto.evaluate = function evaluate(dt) {
-        // 初始化节点状态
-        for(var _iterator = _create_for_of_iterator_helper_loose(this.playables), _step; !(_step = _iterator()).done;){
-            var playable = _step.value;
-            this.updatePlayableTime(playable, dt);
-        }
         // 初始化输出节点状态
-        for(var _iterator1 = _create_for_of_iterator_helper_loose(this.playableOutputs), _step1; !(_step1 = _iterator1()).done;){
-            var playableOutput = _step1.value;
+        for(var _iterator = _create_for_of_iterator_helper_loose(this.playableOutputs), _step; !(_step = _iterator()).done;){
+            var playableOutput = _step.value;
             playableOutput.context.deltaTime = dt;
         }
         // 执行生命周期函数
-        for(var _iterator2 = _create_for_of_iterator_helper_loose(this.playableOutputs), _step2; !(_step2 = _iterator2()).done;){
-            var playableOutput1 = _step2.value;
+        for(var _iterator1 = _create_for_of_iterator_helper_loose(this.playableOutputs), _step1; !(_step1 = _iterator1()).done;){
+            var playableOutput1 = _step1.value;
             this.prepareFrameWithRoot(playableOutput1);
         }
-        for(var _iterator3 = _create_for_of_iterator_helper_loose(this.playableOutputs), _step3; !(_step3 = _iterator3()).done;){
-            var playableOutput2 = _step3.value;
+        for(var _iterator2 = _create_for_of_iterator_helper_loose(this.playableOutputs), _step2; !(_step2 = _iterator2()).done;){
+            var playableOutput2 = _step2.value;
             this.processFrameWithRoot(playableOutput2);
         }
+        // 更新节点时间
+        for(var _iterator3 = _create_for_of_iterator_helper_loose(this.playables), _step3; !(_step3 = _iterator3()).done;){
+            var playable = _step3.value;
+            this.updatePlayableTime(playable, dt);
+        }
     };
     _proto.connect = function connect(source, sourceOutputPort, destination, destinationInputPort) {
         destination.connectInput(destinationInputPort, source, sourceOutputPort);
@@ -13642,11 +13646,7 @@ function _assert_this_initialized(self) {
         if (playable.getPlayState() !== 0) {
             return;
         }
-        if (playable.overrideTimeNextEvaluation) {
-            playable.overrideTimeNextEvaluation = false;
-        } else {
-            playable.setTime(playable.getTime() + deltaTime);
-        }
+        playable.setTime(playable.getTime() + deltaTime);
     };
     return PlayableGraph;
 }();
@@ -13658,7 +13658,6 @@ function _assert_this_initialized(self) {
         if (inputCount === void 0) inputCount = 0;
         this.onPlayablePlayFlag = true;
         this.onPlayablePauseFlag = false;
-        this.overrideTimeNextEvaluation = false;
         this.destroyed = false;
         this.inputs = [];
         this.inputOuputPorts = [];
@@ -13747,7 +13746,6 @@ function _assert_this_initialized(self) {
     };
     _proto.setTime = function setTime(time) {
         this.time = time;
-        this.overrideTimeNextEvaluation = true;
     };
     _proto.getTime = function getTime() {
         return this.time;
@@ -16550,8 +16548,9 @@ function getTrailMeshShader(trails, particleMaxCount, name, gpuCapability, env)
     };
     _proto.onUpdate = function onUpdate(dt) {
         var time = this.particleMesh.time;
-        this.particleMesh.mesh.material.setVector4("uParams", new Vector4(time, this.item.duration, 0, 0));
-        this.particleMesh.onUpdate(dt);
+        var _this_particleMesh_mesh_material_getVector4;
+        var uParams = (_this_particleMesh_mesh_material_getVector4 = this.particleMesh.mesh.material.getVector4("uParams")) != null ? _this_particleMesh_mesh_material_getVector4 : new Vector4();
+        this.particleMesh.mesh.material.setVector4("uParams", uParams.set(time, this.item.duration, 0, 0));
     };
     _proto.render = function render(renderer) {
         for(var _iterator = _create_for_of_iterator_helper_loose(this.meshes), _step; !(_step = _iterator()).done;){
@@ -16566,7 +16565,7 @@ function getTrailMeshShader(trails, particleMaxCount, name, gpuCapability, env)
     };
     _proto.updateTime = function updateTime(now, delta) {
         this.particleMesh.time = now;
-        // this.particleMesh.onUpdate(delta);
+        this.particleMesh.onUpdate(delta);
         if (this.trailMesh) {
             this.trailMesh.time = now;
             this.trailMesh.onUpdate(delta);
@@ -16860,7 +16859,7 @@ var ParticleSystem = /*#__PURE__*/ function(Component) {
                             break;
                         }
                         var burst = bursts[j];
-                        var opts = burst.getGeneratorOptions(timePassed, lifetime);
+                        var opts = !burst.disabled && burst.getGeneratorOptions(timePassed, lifetime);
                         if (opts) {
                             var originVec = [
                                 0,
@@ -16869,6 +16868,9 @@ var ParticleSystem = /*#__PURE__*/ function(Component) {
                             ];
                             var offsets = emission.burstOffsets[j];
                             var burstOffset = offsets && offsets[opts.cycleIndex] || originVec;
+                            if (burst.once) {
+                                this.removeBurst(j);
+                            }
                             for(var i1 = 0; i1 < opts.count && cursor < maxCount; i1++){
                                 var _p_transform;
                                 if (shouldSkipGenerate()) {
@@ -17673,12 +17675,10 @@ var particleUniformTypeMap = {
 var ParticleMesh = /*#__PURE__*/ function() {
     function ParticleMesh(engine, props) {
         this.particleCount = 0;
-        this.cachedVelocity = new Vector3();
         this.cachedRotationVector3 = new Vector3();
         this.cachedRotationMatrix = new Matrix3();
         this.cachedLinearMove = new Vector3();
         this.tempMatrix3 = new Matrix3();
-        this.tempVector3 = new Vector3();
         this.VERT_MAX_KEY_FRAME_COUNT = 0;
         var _engine_renderer;
         var env = ((_engine_renderer = engine.renderer) != null ? _engine_renderer : {}).env;
@@ -18074,72 +18074,10 @@ var ParticleMesh = /*#__PURE__*/ function() {
     };
     _proto.onUpdate = function onUpdate(dt) {
         var aPosArray = this.geometry.getAttributeData("aPos"); // vector3
-        var aVelArray = this.geometry.getAttributeData("aVel"); // vector3
-        var aOffsetArray = this.geometry.getAttributeData("aOffset");
-        var aRotArray = this.geometry.getAttributeData("aRot"); // vector3
-        var aSeedArray = this.geometry.getAttributeData("aSeed"); // float
-        // const uParams = this.mesh.material.getVector4('uParams');
-        // if (!uParams) {
-        //   return;
-        // }
-        var localTime = this.time;
-        var particleCount = Math.ceil(aPosArray.length / 12);
-        // calculate particle translation
-        var aTranslationArray = this.geometry.getAttributeData("aTranslation");
-        if (aTranslationArray.length < particleCount * 3) {
-            aTranslationArray = this.expandArray(aTranslationArray, particleCount * 3);
-        }
-        var velocity = this.cachedVelocity;
-        for(var i = 0; i < particleCount; i++){
-            var velOffset = i * 12 + 3;
-            velocity.set(aVelArray[velOffset], aVelArray[velOffset + 1], aVelArray[velOffset + 2]);
-            this.calculateTranslation(velocity, aOffsetArray[i * 4 + 2], localTime, aOffsetArray[i * 4 + 3]);
-            var aTranslationOffset = i * 3;
-            if (aOffsetArray[i * 4 + 2] < localTime) {
-                var translation = velocity.multiply(dt / 1000);
-                aTranslationArray[aTranslationOffset] += translation.x;
-                aTranslationArray[aTranslationOffset + 1] += translation.y;
-                aTranslationArray[aTranslationOffset + 2] += translation.z;
-            }
-        }
-        this.geometry.setAttributeData("aTranslation", aTranslationArray);
-        // calculate particle rotation
-        var aRotationArray = this.geometry.getAttributeData("aRotation0");
-        if (aRotationArray.length < particleCount * 9) {
-            aRotationArray = this.expandArray(aRotationArray, particleCount * 9);
-        }
-        for(var i1 = 0; i1 < particleCount; i1++){
-            var time = localTime - aOffsetArray[i1 * 4 + 2];
-            var duration = aOffsetArray[i1 * 4 + 3];
-            var life = clamp$1(time / duration, 0.0, 1.0);
-            var aRotOffset = i1 * 8;
-            var aRot = this.cachedRotationVector3.set(aRotArray[aRotOffset], aRotArray[aRotOffset + 1], aRotArray[aRotOffset + 2]);
-            var aSeed = aSeedArray[i1 * 8 + 3];
-            var aRotation = this.transformFromRotation(aRot, life, duration, aSeed, this.cachedRotationMatrix);
-            var aRotationOffset = i1 * 9;
-            var matrixArray = aRotation.toArray();
-            aRotationArray.set(matrixArray, aRotationOffset);
-        }
-        this.geometry.setAttributeData("aRotation0", aRotationArray);
-        // calculate linear movement
-        var aLinearMoveArray = this.geometry.getAttributeData("aLinearMove");
-        if (aLinearMoveArray.length < particleCount * 3) {
-            aLinearMoveArray = this.expandArray(aLinearMoveArray, particleCount * 3);
-        }
-        var linearMove = this.cachedLinearMove;
-        for(var i2 = 0; i2 < particleCount; i2++){
-            var time1 = localTime - aOffsetArray[i2 * 4 + 2];
-            var duration1 = aOffsetArray[i2 * 4 + 3];
-            // const life = math.clamp(time / duration, 0.0, 1.0);
-            var aSeed1 = aSeedArray[i2 * 8 + 3];
-            linearMove.setZero();
-            this.calLinearMov(time1, duration1, aSeed1, linearMove);
-            var aLinearMoveOffset = i2 * 3;
-            aLinearMoveArray[aLinearMoveOffset] = linearMove.x;
-            aLinearMoveArray[aLinearMoveOffset + 1] = linearMove.y;
-            aLinearMoveArray[aLinearMoveOffset + 2] = linearMove.z;
-        }
-        this.geometry.setAttributeData("aLinearMove", aLinearMoveArray);
+        var vertexCount = Math.ceil(aPosArray.length / 12);
+        this.applyTranslation(vertexCount, dt);
+        this.applyRotation(vertexCount, dt);
+        this.applyLinearMove(vertexCount, dt);
     };
     _proto.minusTime = function minusTime(time) {
         var aOffset = this.geometry.getAttributeData("aOffset");
@@ -18149,153 +18087,6 @@ var ParticleMesh = /*#__PURE__*/ function() {
         this.geometry.setAttributeData("aOffset", aOffset);
         this.time -= time;
     };
-    _proto.calculateTranslation = function calculateTranslation(velocity, t0, t1, duration) {
-        var uAcceleration = this.mesh.material.getVector4("uAcceleration");
-        var uGravityModifierValue = this.mesh.material.getVector4("uGravityModifierValue");
-        if (!uAcceleration || !uGravityModifierValue) {
-            return velocity;
-        }
-        var dt = t1 - t0; // 相对delay的时间
-        var d = this.gravityModifier.getIntegrateValue(0, dt, duration);
-        var acc = this.tempVector3.set(uAcceleration.x * d, uAcceleration.y * d, uAcceleration.z * d);
-        // speedIntegrate = speedOverLifetime.getIntegrateValue(0, time, duration);
-        if (this.speedOverLifetime) {
-            // dt / dur 归一化
-            var speed = this.speedOverLifetime.getValue(dt / duration);
-            return velocity.multiply(speed).add(acc);
-        }
-        return velocity.add(acc);
-    };
-    _proto.transformFromRotation = function transformFromRotation(rot, life, dur, aSeed, result) {
-        var rotation = rot;
-        if (!this.rotationOverLifetime) {
-            return result.setZero();
-        }
-        if (this.rotationOverLifetime.asRotation) {
-            // Adjust rotation based on the specified lifetime components
-            if (this.rotationOverLifetime.x) {
-                if (_instanceof1(this.rotationOverLifetime.x, RandomValue)) {
-                    rotation.x += this.rotationOverLifetime.x.getValue(life, aSeed);
-                } else {
-                    rotation.x += this.rotationOverLifetime.x.getValue(life);
-                }
-            }
-            if (this.rotationOverLifetime.y) {
-                if (_instanceof1(this.rotationOverLifetime.y, RandomValue)) {
-                    rotation.y += this.rotationOverLifetime.y.getValue(life, aSeed);
-                } else {
-                    rotation.y += this.rotationOverLifetime.y.getValue(life);
-                }
-            }
-            if (this.rotationOverLifetime.z) {
-                if (_instanceof1(this.rotationOverLifetime.z, RandomValue)) {
-                    rotation.z += this.rotationOverLifetime.z.getValue(life, aSeed);
-                } else {
-                    rotation.z += this.rotationOverLifetime.z.getValue(life);
-                }
-            }
-        } else {
-            // Adjust rotation based on the specified lifetime components
-            if (this.rotationOverLifetime.x) {
-                if (_instanceof1(this.rotationOverLifetime.x, RandomValue)) {
-                    rotation.x += this.rotationOverLifetime.x.getIntegrateValue(0.0, life, aSeed) * dur;
-                } else {
-                    rotation.x += this.rotationOverLifetime.x.getIntegrateValue(0.0, life, dur) * dur;
-                }
-            }
-            if (this.rotationOverLifetime.y) {
-                if (_instanceof1(this.rotationOverLifetime.y, RandomValue)) {
-                    rotation.y += this.rotationOverLifetime.y.getIntegrateValue(0.0, life, aSeed) * dur;
-                } else {
-                    rotation.y += this.rotationOverLifetime.y.getIntegrateValue(0.0, life, dur) * dur;
-                }
-            }
-            if (this.rotationOverLifetime.z) {
-                if (_instanceof1(this.rotationOverLifetime.z, RandomValue)) {
-                    rotation.z += this.rotationOverLifetime.z.getIntegrateValue(0.0, life, aSeed) * dur;
-                } else {
-                    rotation.z += this.rotationOverLifetime.z.getIntegrateValue(0.0, life, dur) * dur;
-                }
-            }
-        }
-        // If the rotation vector is zero, return the identity matrix
-        if (rotation.dot(rotation) === 0.0) {
-            return result.identity();
-        }
-        // Return the rotation matrix derived from the rotation vector
-        return this.mat3FromRotation(rotation, result);
-    };
-    _proto.mat3FromRotation = function mat3FromRotation(rotation, result) {
-        var d2r = Math.PI / 180;
-        var rotationXD2r = rotation.x * d2r;
-        var rotationYD2r = rotation.y * d2r;
-        var rotationZD2r = rotation.z * d2r;
-        var sinRX = Math.sin(rotationXD2r);
-        var sinRY = Math.sin(rotationYD2r);
-        var sinRZ = Math.sin(rotationZD2r);
-        var cosRX = Math.cos(rotationXD2r);
-        var cosRY = Math.cos(rotationYD2r);
-        var cosRZ = Math.cos(rotationZD2r);
-        // rotZ * rotY * rotX
-        result.set(cosRZ, -sinRZ, 0., sinRZ, cosRZ, 0., 0., 0., 1.); //rotZ
-        result.multiply(this.tempMatrix3.set(cosRY, 0., sinRY, 0., 1., 0., -sinRY, 0, cosRY)); //rotY
-        result.multiply(this.tempMatrix3.set(1., 0., 0., 0, cosRX, -sinRX, 0., sinRX, cosRX)); //rotX
-        return result;
-    };
-    _proto.calLinearMov = function calLinearMov(time, duration, aSeed, result) {
-        var mov = result;
-        var lifetime = time / duration;
-        if (!this.linearVelOverLifetime || !this.linearVelOverLifetime.enabled) {
-            return mov;
-        }
-        if (this.linearVelOverLifetime.asMovement) {
-            if (this.linearVelOverLifetime.x) {
-                if (_instanceof1(this.linearVelOverLifetime.x, RandomValue)) {
-                    mov.x = this.linearVelOverLifetime.x.getValue(lifetime, aSeed);
-                } else {
-                    mov.x = this.linearVelOverLifetime.x.getValue(lifetime);
-                }
-            }
-            if (this.linearVelOverLifetime.y) {
-                if (_instanceof1(this.linearVelOverLifetime.y, RandomValue)) {
-                    mov.y = this.linearVelOverLifetime.y.getValue(lifetime, aSeed);
-                } else {
-                    mov.y = this.linearVelOverLifetime.y.getValue(lifetime);
-                }
-            }
-            if (this.linearVelOverLifetime.z) {
-                if (_instanceof1(this.linearVelOverLifetime.z, RandomValue)) {
-                    mov.z = this.linearVelOverLifetime.z.getValue(lifetime, aSeed);
-                } else {
-                    mov.z = this.linearVelOverLifetime.z.getValue(lifetime);
-                }
-            }
-        } else {
-            // Adjust rotation based on the specified lifetime components
-            if (this.linearVelOverLifetime.x) {
-                if (_instanceof1(this.linearVelOverLifetime.x, RandomValue)) {
-                    mov.x = this.linearVelOverLifetime.x.getIntegrateValue(0.0, time, aSeed);
-                } else {
-                    mov.x = this.linearVelOverLifetime.x.getIntegrateValue(0.0, time, duration);
-                }
-            }
-            if (this.linearVelOverLifetime.y) {
-                if (_instanceof1(this.linearVelOverLifetime.y, RandomValue)) {
-                    mov.y = this.linearVelOverLifetime.y.getIntegrateValue(0.0, time, aSeed);
-                } else {
-                    mov.y = this.linearVelOverLifetime.y.getIntegrateValue(0.0, time, duration);
-                }
-            }
-            if (this.linearVelOverLifetime.z) {
-                if (_instanceof1(this.linearVelOverLifetime.z, RandomValue)) {
-                    mov.z = this.linearVelOverLifetime.z.getIntegrateValue(0.0, time, aSeed);
-                } else {
-                    mov.z = this.linearVelOverLifetime.z.getIntegrateValue(0.0, time, duration);
-                }
-            }
-        }
-        return mov;
-    };
     _proto.removePoint = function removePoint(index) {
         if (index < this.particleCount) {
             this.geometry.setAttributeSubData("aOffset", index * 16, new Float32Array(16));
@@ -18429,6 +18220,247 @@ var ParticleMesh = /*#__PURE__*/ function() {
             geometry.setDrawCount(this.particleCount * 6);
         }
     };
+    _proto.applyTranslation = function applyTranslation(vertexCount, deltaTime) {
+        var localTime = this.time;
+        var aTranslationArray = this.geometry.getAttributeData("aTranslation");
+        var aVelArray = this.geometry.getAttributeData("aVel"); // vector3
+        var aOffsetArray = this.geometry.getAttributeData("aOffset");
+        if (aTranslationArray.length < vertexCount * 3) {
+            aTranslationArray = this.expandArray(aTranslationArray, vertexCount * 3);
+        }
+        // const velocity = this.cachedVelocity;
+        var velocityX = 0;
+        var velocityY = 0;
+        var velocityZ = 0;
+        var uAcceleration = this.mesh.material.getVector4("uAcceleration");
+        var uGravityModifierValue = this.mesh.material.getVector4("uGravityModifierValue");
+        for(var i = 0; i < vertexCount; i += 4){
+            var velOffset = i * 12 + 3;
+            velocityX = aVelArray[velOffset];
+            velocityY = aVelArray[velOffset + 1];
+            velocityZ = aVelArray[velOffset + 2];
+            // velocity.set(aVelArray[velOffset], aVelArray[velOffset + 1], aVelArray[velOffset + 2]);
+            var dt = localTime - aOffsetArray[i * 4 + 2]; // 相对delay的时间
+            var duration = aOffsetArray[i * 4 + 3];
+            if (uAcceleration && uGravityModifierValue) {
+                var d = this.gravityModifier.getIntegrateValue(0, dt, duration);
+                // const acc = this.tempVector3.set(uAcceleration.x * d, uAcceleration.y * d, uAcceleration.z * d);
+                var accX = uAcceleration.x * d;
+                var accY = uAcceleration.y * d;
+                var accZ = uAcceleration.z * d;
+                // speedIntegrate = speedOverLifetime.getIntegrateValue(0, time, duration);
+                if (this.speedOverLifetime) {
+                    // dt / dur 归一化
+                    var speed = this.speedOverLifetime.getValue(dt / duration);
+                    velocityX = velocityX * speed + accX;
+                    velocityY = velocityY * speed + accY;
+                    velocityZ = velocityZ * speed + accZ;
+                // velocity.multiply(speed).add(acc);
+                } else {
+                    velocityX = velocityX + accX;
+                    velocityY = velocityY + accY;
+                    velocityZ = velocityZ + accZ;
+                // velocity.add(acc);
+                }
+            }
+            var aTranslationOffset = i * 3;
+            if (aOffsetArray[i * 4 + 2] < localTime) {
+                // const translation = velocity.multiply(deltaTime / 1000);
+                var aTranslationX = velocityX * (deltaTime / 1000);
+                var aTranslationY = velocityY * (deltaTime / 1000);
+                var aTranslationZ = velocityZ * (deltaTime / 1000);
+                aTranslationArray[aTranslationOffset] += aTranslationX;
+                aTranslationArray[aTranslationOffset + 1] += aTranslationY;
+                aTranslationArray[aTranslationOffset + 2] += aTranslationZ;
+                aTranslationArray[aTranslationOffset + 3] += aTranslationX;
+                aTranslationArray[aTranslationOffset + 4] += aTranslationY;
+                aTranslationArray[aTranslationOffset + 5] += aTranslationZ;
+                aTranslationArray[aTranslationOffset + 6] += aTranslationX;
+                aTranslationArray[aTranslationOffset + 7] += aTranslationY;
+                aTranslationArray[aTranslationOffset + 8] += aTranslationZ;
+                aTranslationArray[aTranslationOffset + 9] += aTranslationX;
+                aTranslationArray[aTranslationOffset + 10] += aTranslationY;
+                aTranslationArray[aTranslationOffset + 11] += aTranslationZ;
+            }
+        }
+        this.geometry.setAttributeData("aTranslation", aTranslationArray);
+    };
+    _proto.applyRotation = function applyRotation(vertexCount, deltaTime) {
+        var aRotationArray = this.geometry.getAttributeData("aRotation0");
+        var aOffsetArray = this.geometry.getAttributeData("aOffset");
+        var aRotArray = this.geometry.getAttributeData("aRot"); // vector3
+        var aSeedArray = this.geometry.getAttributeData("aSeed"); // float
+        var localTime = this.time;
+        var aRotationMatrix = this.cachedRotationMatrix;
+        if (aRotationArray.length < vertexCount * 9) {
+            aRotationArray = this.expandArray(aRotationArray, vertexCount * 9);
+        }
+        for(var i = 0; i < vertexCount; i += 4){
+            var time = localTime - aOffsetArray[i * 4 + 2];
+            var duration = aOffsetArray[i * 4 + 3];
+            var life = clamp$1(time / duration, 0.0, 1.0);
+            var aRotOffset = i * 8;
+            var aRot = this.cachedRotationVector3.set(aRotArray[aRotOffset], aRotArray[aRotOffset + 1], aRotArray[aRotOffset + 2]);
+            var aSeed = aSeedArray[i * 8 + 3];
+            var rotation = aRot;
+            if (!this.rotationOverLifetime) {
+                aRotationMatrix.setZero();
+            } else if (this.rotationOverLifetime.asRotation) {
+                // Adjust rotation based on the specified lifetime components
+                if (this.rotationOverLifetime.x) {
+                    if (_instanceof1(this.rotationOverLifetime.x, RandomValue)) {
+                        rotation.x += this.rotationOverLifetime.x.getValue(life, aSeed);
+                    } else {
+                        rotation.x += this.rotationOverLifetime.x.getValue(life);
+                    }
+                }
+                if (this.rotationOverLifetime.y) {
+                    if (_instanceof1(this.rotationOverLifetime.y, RandomValue)) {
+                        rotation.y += this.rotationOverLifetime.y.getValue(life, aSeed);
+                    } else {
+                        rotation.y += this.rotationOverLifetime.y.getValue(life);
+                    }
+                }
+                if (this.rotationOverLifetime.z) {
+                    if (_instanceof1(this.rotationOverLifetime.z, RandomValue)) {
+                        rotation.z += this.rotationOverLifetime.z.getValue(life, aSeed);
+                    } else {
+                        rotation.z += this.rotationOverLifetime.z.getValue(life);
+                    }
+                }
+            } else {
+                // Adjust rotation based on the specified lifetime components
+                if (this.rotationOverLifetime.x) {
+                    if (_instanceof1(this.rotationOverLifetime.x, RandomValue)) {
+                        rotation.x += this.rotationOverLifetime.x.getIntegrateValue(0.0, life, aSeed) * duration;
+                    } else {
+                        rotation.x += this.rotationOverLifetime.x.getIntegrateValue(0.0, life, duration) * duration;
+                    }
+                }
+                if (this.rotationOverLifetime.y) {
+                    if (_instanceof1(this.rotationOverLifetime.y, RandomValue)) {
+                        rotation.y += this.rotationOverLifetime.y.getIntegrateValue(0.0, life, aSeed) * duration;
+                    } else {
+                        rotation.y += this.rotationOverLifetime.y.getIntegrateValue(0.0, life, duration) * duration;
+                    }
+                }
+                if (this.rotationOverLifetime.z) {
+                    if (_instanceof1(this.rotationOverLifetime.z, RandomValue)) {
+                        rotation.z += this.rotationOverLifetime.z.getIntegrateValue(0.0, life, aSeed) * duration;
+                    } else {
+                        rotation.z += this.rotationOverLifetime.z.getIntegrateValue(0.0, life, duration) * duration;
+                    }
+                }
+            }
+            // If the rotation vector is zero, return the identity matrix
+            if (rotation.dot(rotation) === 0.0) {
+                aRotationMatrix.identity();
+            }
+            var d2r = Math.PI / 180;
+            var rotationXD2r = rotation.x * d2r;
+            var rotationYD2r = rotation.y * d2r;
+            var rotationZD2r = rotation.z * d2r;
+            var sinRX = Math.sin(rotationXD2r);
+            var sinRY = Math.sin(rotationYD2r);
+            var sinRZ = Math.sin(rotationZD2r);
+            var cosRX = Math.cos(rotationXD2r);
+            var cosRY = Math.cos(rotationYD2r);
+            var cosRZ = Math.cos(rotationZD2r);
+            // rotZ * rotY * rotX
+            aRotationMatrix.set(cosRZ, -sinRZ, 0., sinRZ, cosRZ, 0., 0., 0., 1.); //rotZ
+            aRotationMatrix.multiply(this.tempMatrix3.set(cosRY, 0., sinRY, 0., 1., 0., -sinRY, 0, cosRY)); //rotY
+            aRotationMatrix.multiply(this.tempMatrix3.set(1., 0., 0., 0, cosRX, -sinRX, 0., sinRX, cosRX)); //rotX
+            var aRotationOffset = i * 9;
+            var matrixArray = aRotationMatrix.elements;
+            aRotationArray.set(matrixArray, aRotationOffset);
+            if (i + 4 <= vertexCount) {
+                aRotationArray.set(matrixArray, aRotationOffset + 9);
+                aRotationArray.set(matrixArray, aRotationOffset + 18);
+                aRotationArray.set(matrixArray, aRotationOffset + 27);
+            }
+        }
+        this.geometry.setAttributeData("aRotation0", aRotationArray);
+    };
+    _proto.applyLinearMove = function applyLinearMove(vertexCount, deltaTime) {
+        var aLinearMoveArray = this.geometry.getAttributeData("aLinearMove");
+        var aOffsetArray = this.geometry.getAttributeData("aOffset");
+        var aSeedArray = this.geometry.getAttributeData("aSeed"); // float
+        var localTime = this.time;
+        if (aLinearMoveArray.length < vertexCount * 3) {
+            aLinearMoveArray = this.expandArray(aLinearMoveArray, vertexCount * 3);
+        }
+        var linearMove = this.cachedLinearMove;
+        if (this.linearVelOverLifetime && this.linearVelOverLifetime.enabled) {
+            for(var i = 0; i < vertexCount; i += 4){
+                var time = localTime - aOffsetArray[i * 4 + 2];
+                var duration = aOffsetArray[i * 4 + 3];
+                // const life = math.clamp(time / duration, 0.0, 1.0);
+                var lifetime = time / duration;
+                var aSeed = aSeedArray[i * 8 + 3];
+                linearMove.setZero();
+                if (this.linearVelOverLifetime.asMovement) {
+                    if (this.linearVelOverLifetime.x) {
+                        if (_instanceof1(this.linearVelOverLifetime.x, RandomValue)) {
+                            linearMove.x = this.linearVelOverLifetime.x.getValue(lifetime, aSeed);
+                        } else {
+                            linearMove.x = this.linearVelOverLifetime.x.getValue(lifetime);
+                        }
+                    }
+                    if (this.linearVelOverLifetime.y) {
+                        if (_instanceof1(this.linearVelOverLifetime.y, RandomValue)) {
+                            linearMove.y = this.linearVelOverLifetime.y.getValue(lifetime, aSeed);
+                        } else {
+                            linearMove.y = this.linearVelOverLifetime.y.getValue(lifetime);
+                        }
+                    }
+                    if (this.linearVelOverLifetime.z) {
+                        if (_instanceof1(this.linearVelOverLifetime.z, RandomValue)) {
+                            linearMove.z = this.linearVelOverLifetime.z.getValue(lifetime, aSeed);
+                        } else {
+                            linearMove.z = this.linearVelOverLifetime.z.getValue(lifetime);
+                        }
+                    }
+                } else {
+                    // Adjust rotation based on the specified lifetime components
+                    if (this.linearVelOverLifetime.x) {
+                        if (_instanceof1(this.linearVelOverLifetime.x, RandomValue)) {
+                            linearMove.x = this.linearVelOverLifetime.x.getIntegrateValue(0.0, time, aSeed);
+                        } else {
+                            linearMove.x = this.linearVelOverLifetime.x.getIntegrateValue(0.0, time, duration);
+                        }
+                    }
+                    if (this.linearVelOverLifetime.y) {
+                        if (_instanceof1(this.linearVelOverLifetime.y, RandomValue)) {
+                            linearMove.y = this.linearVelOverLifetime.y.getIntegrateValue(0.0, time, aSeed);
+                        } else {
+                            linearMove.y = this.linearVelOverLifetime.y.getIntegrateValue(0.0, time, duration);
+                        }
+                    }
+                    if (this.linearVelOverLifetime.z) {
+                        if (_instanceof1(this.linearVelOverLifetime.z, RandomValue)) {
+                            linearMove.z = this.linearVelOverLifetime.z.getIntegrateValue(0.0, time, aSeed);
+                        } else {
+                            linearMove.z = this.linearVelOverLifetime.z.getIntegrateValue(0.0, time, duration);
+                        }
+                    }
+                }
+                var aLinearMoveOffset = i * 3;
+                aLinearMoveArray[aLinearMoveOffset] = linearMove.x;
+                aLinearMoveArray[aLinearMoveOffset + 1] = linearMove.y;
+                aLinearMoveArray[aLinearMoveOffset + 2] = linearMove.z;
+                aLinearMoveArray[aLinearMoveOffset + 3] = linearMove.x;
+                aLinearMoveArray[aLinearMoveOffset + 4] = linearMove.y;
+                aLinearMoveArray[aLinearMoveOffset + 5] = linearMove.z;
+                aLinearMoveArray[aLinearMoveOffset + 6] = linearMove.x;
+                aLinearMoveArray[aLinearMoveOffset + 7] = linearMove.y;
+                aLinearMoveArray[aLinearMoveOffset + 8] = linearMove.z;
+                aLinearMoveArray[aLinearMoveOffset + 9] = linearMove.x;
+                aLinearMoveArray[aLinearMoveOffset + 10] = linearMove.y;
+                aLinearMoveArray[aLinearMoveOffset + 11] = linearMove.z;
+            }
+        }
+        this.geometry.setAttributeData("aLinearMove", aLinearMoveArray);
+    };
     _proto.expandArray = function expandArray(array, newSize) {
         var newArr = new Float32Array(newSize);
         newArr.set(array);
@@ -19065,7 +19097,13 @@ TransformPlayableAsset = __decorate([
         return Playable.apply(this, arguments);
     }
     var _proto = ActivationPlayable.prototype;
-    _proto.processFrame = function processFrame(context) {};
+    _proto.processFrame = function processFrame(context) {
+        var vfxItem = context.output.getUserData();
+        if (!_instanceof1(vfxItem, VFXItem)) {
+            return;
+        }
+        vfxItem.time = this.time;
+    };
     return ActivationPlayable;
 }(Playable);
 var ActivationPlayableAsset = /*#__PURE__*/ function(PlayableAsset) {
@@ -19218,7 +19256,7 @@ var AnimationClipPlayable = /*#__PURE__*/ function(Playable) {
     _proto.toLocalTime = function toLocalTime(time) {
         var localTime = time - this.start;
         var duration = this.duration;
-        if (localTime - duration > 0.001) {
+        if (localTime - duration > 0) {
             if (this.endBehavior === EndBehavior.restart) {
                 localTime = localTime % duration;
             } else if (this.endBehavior === EndBehavior.freeze) {
@@ -19347,7 +19385,7 @@ var RuntimeClip = /*#__PURE__*/ function() {
         var ended = false;
         var started = false;
         var boundObject = this.track.binding;
-        if (localTime > clip.start + clip.duration + 0.001 && clip.endBehavior === EndBehavior.destroy) {
+        if (localTime >= clip.start + clip.duration && clip.endBehavior === EndBehavior.destroy) {
             if (_instanceof1(boundObject, VFXItem) && VFXItem.isParticle(boundObject) && this.particleSystem && !this.particleSystem.destroyed) {
                 weight = 1.0;
             } else {
@@ -20577,6 +20615,12 @@ var EffectComponent = /*#__PURE__*/ function(RendererComponent) {
     _proto.onStart = function onStart() {
         this.item.getHitTestParams = this.getHitTestParams;
     };
+    _proto.onUpdate = function onUpdate(dt) {
+        var time = this.item.time;
+        var _this_material_getVector4;
+        var _Time = (_this_material_getVector4 = this.material.getVector4("_Time")) != null ? _this_material_getVector4 : new Vector4();
+        this.material.setVector4("_Time", _Time.set(time / 20, time, time * 2, time * 3));
+    };
     _proto.render = function render(renderer) {
         if (renderer.renderingData.currentFrame.globalUniforms) {
             renderer.setGlobalMatrix("effects_ObjectToWorld", this.transform.getWorldMatrix());
@@ -20830,6 +20874,9 @@ var VFXItem = /*#__PURE__*/ function(EffectsObject) {
    * 元素的变换包含位置、旋转、缩放。
    */ _this.transform = new Transform();
         /**
+   * 元素动画的当前时间
+   */ _this.time = 0;
+        /**
    * 元素动画的持续时间
    */ _this.duration = 0;
         /**
@@ -21162,6 +21209,7 @@ var VFXItem = /*#__PURE__*/ function(EffectsObject) {
             var component = _step.value;
             if (component.enabled && !component.isStartCalled) {
                 component.onStart();
+                component.isStartCalled = true;
             }
         }
         for(var _iterator1 = _create_for_of_iterator_helper_loose(this.components), _step1; !(_step1 = _iterator1()).done;){
@@ -28084,7 +28132,7 @@ registerPlugin("sprite", SpriteLoader, VFXItem, true);
 registerPlugin("particle", ParticleLoader, VFXItem, true);
 registerPlugin("cal", CalculateLoader, VFXItem, true);
 registerPlugin("interact", InteractLoader, VFXItem, true);
-var version = "2.1.0-alpha.2";
+var version = "2.1.0-alpha.4";
 logger.info("Core version: " + version + ".");
 
 export { AbstractPlugin, ActivationPlayable, ActivationPlayableAsset, ActivationTrack, AnimationClip, AnimationClipPlayable, AssetLoader, AssetManager, BYTES_TYPE_MAP, Behaviour, BezierCurve, BezierCurvePath, BezierCurveQuat, BinaryAsset, COMPRESSED_TEXTURE, COPY_FRAGMENT_SHADER, COPY_MESH_SHADER_ID, COPY_VERTEX_SHADER, CalculateLoader, Camera, CameraController, CameraVFXItemLoader, Component, Composition, CompositionComponent, CompositionSourceManager, DEFAULT_FONTS, DEFAULT_FPS, Database, DestroyOptions, Downloader, EFFECTS_COPY_MESH_NAME, EVENT_TYPE_CLICK, EVENT_TYPE_TOUCH_END, EVENT_TYPE_TOUCH_MOVE, EVENT_TYPE_TOUCH_START, EffectComponent, EffectsObject, EffectsPackage, Engine, EventEmitter, EventSystem, FilterMode, Float16ArrayWrapper, Framebuffer, GLSLVersion, GPUCapability, Geometry, GlobalUniforms, GradientValue, HELP_LINK, HitTestType, InteractComponent, InteractLoader, InteractMesh, Item, KTXTexture, LineSegments, LinearValue, Material, MaterialDataBlock, MaterialRenderType, Mesh, ObjectBindingTrack, OrderType, PLAYER_OPTIONS_ENV_EDITOR, POST_PROCESS_SETTINGS, ParticleBehaviourPlayable, ParticleBehaviourPlayableAsset, ParticleLoader, ParticleMesh, ParticleSystem, ParticleSystemRenderer, PassTextureCache, PathSegments, PluginSystem, PostProcessVolume, RENDER_PASS_NAME_PREFIX, RENDER_PREFER_LOOKUP_TEXTURE, RUNTIME_ENV, RandomSetValue, RandomValue, RandomVectorValue, RenderFrame, RenderPass, RenderPassAttachmentStorageType, RenderPassDestroyAttachmentType, RenderPassPriorityNormal, RenderPassPriorityPostprocess, RenderPassPriorityPrepare, RenderTargetHandle, RenderTextureFormat, Renderbuffer, Renderer, RendererComponent, RuntimeClip, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_0, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_SIZE_0, SEMANTIC_PRE_COLOR_ATTACHMENT_0, SEMANTIC_PRE_COLOR_ATTACHMENT_SIZE_0, SPRITE_VERTEX_STRIDE, SemanticMap, SerializationHelper, Shader, ShaderCompileResultStatus, ShaderFactory, ShaderType, ShaderVariant, SpriteColorPlayable, SpriteColorPlayableAsset, SpriteColorTrack, SpriteComponent, SpriteLoader, StaticValue, SubCompositionPlayableAsset, SubCompositionTrack, TEMPLATE_USE_OFFSCREEN_CANVAS, TextComponent, TextComponentBase, TextLayout, TextLoader, TextStyle, Texture, TextureFactory, TextureLoadAction, TextureSourceType, TextureStoreAction, Ticker, TimelineAsset, TimelineClip, TimelinePlayable, TrackAsset, TrackSortWrapper, TrackType, Transform, TransformAnimationPlayable, TransformPlayableAsset, TransformTrack, VFXItem, ValueGetter, addByOrder, addItem, addItemWithOrder, applyMixins, assertExist, asserts, base64ToFile, blend, calculateTranslation, canvasPool, colorGradingFrag, colorStopsFromGradient, colorToArr$1 as colorToArr, combineImageTemplate, createCopyShader, createGLContext, createKeyFrameMeta, createShape, createValueGetter, decimalEqual, defaultGlobalVolume, defaultPlugins, deserializeMipmapTexture, earcut, effectsClass, effectsClassStore, enlargeBuffer, ensureFixedNumber, ensureVec3, findPreviousRenderPass, gaussianDown_frag as gaussianDownFrag, gaussianDownHFrag, gaussianDownVFrag, gaussianUpFrag, generateEmptyTypedArray, generateGUID, generateHalfFloatTexture, generateTransparentTexture, generateWhiteTexture, getBackgroundImage, getColorFromGradientStops, getConfig, getDefaultTextureFactory, getGeometryByShape, getGeometryTriangles, getImageItemRenderInfo, getKTXTextureOptions, getKeyFrameMetaByRawValue, getMergedStore, getParticleMeshShader, getPixelRatio, getPreMultiAlpha, getStandardComposition, getStandardImage, getStandardItem, getStandardJSON, getTextureSize, glContext, glType2VertexFormatType, gpuTimer, imageDataFromColor, imageDataFromGradient, initErrors, initGLContext, integrate, interpolateColor, isAlipayMiniApp, isAndroid, isArray, isCanvas, isFunction, isIOS, isIOSByUA, isMiniProgram, isObject, isSceneJSON, isSceneURL, isSceneWithOptions, isSimulatorCellPhone, isString, isUniformStruct, isUniformStructArray, isValidFontFamily, isWebGL2, isWechatMiniApp, itemFrag, itemFrameFrag, itemVert, loadAVIFOptional, loadBinary, loadBlob, loadImage, loadMedia, loadVideo, loadWebPOptional, logger, index as math, maxSpriteMeshItemCount, modifyMaxKeyframeShader, nearestPowerOfTwo, noop, normalizeColor, numberToFix, parsePercent$1 as parsePercent, particleFrag, particleOriginTranslateMap$1 as particleOriginTranslateMap, particleUniformTypeMap, particleVert, pluginLoaderMap, randomInRange, registerPlugin, removeItem, rotateVec2, screenMeshVert, serialize, setBlendMode, setConfig, setDefaultTextureFactory, setMaskMode, setMaxSpriteMeshItemCount, setRayFromCamera, setSideMode, setSpriteMeshMaxItemCountByGPU, sortByOrder, index$1 as spec, spriteMeshShaderFromFilter, spriteMeshShaderFromRenderInfo, spriteMeshShaderIdFromRenderInfo, thresholdFrag, throwDestroyedError, trailVert, translatePoint, trianglesFromRect, unregisterPlugin, valIfUndefined, value, valueDefine, vecFill, vecMulCombine, version, vertexFormatType2GLType };