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

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime threejs plugin for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.1.0-alpha.2
+ * Version: v2.1.0-alpha.4
  */
 
 'use strict';
@@ -4277,6 +4277,9 @@ var MaterialBlending;
     /**
      * 自发光
      */ RenderMode3D["emissive"] = "emissive";
+    /**
+     * 漫反射
+     */ RenderMode3D["diffuse"] = "diffuse";
 })(RenderMode3D || (RenderMode3D = {}));
 
 var TextOverflow;
@@ -10329,10 +10332,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]);
@@ -13627,25 +13631,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);
@@ -13668,11 +13672,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;
 }();
@@ -13684,7 +13684,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 = [];
@@ -13773,7 +13772,6 @@ function _assert_this_initialized(self) {
     };
     _proto.setTime = function setTime(time) {
         this.time = time;
-        this.overrideTimeNextEvaluation = true;
     };
     _proto.getTime = function getTime() {
         return this.time;
@@ -16576,8 +16574,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;){
@@ -16592,7 +16591,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);
@@ -16886,7 +16885,7 @@ exports.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,
@@ -16895,6 +16894,9 @@ exports.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()) {
@@ -17699,12 +17701,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;
@@ -18100,72 +18100,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");
@@ -18175,153 +18113,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));
@@ -18455,6 +18246,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);
@@ -19091,7 +19123,13 @@ exports.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, exports.VFXItem)) {
+            return;
+        }
+        vfxItem.time = this.time;
+    };
     return ActivationPlayable;
 }(Playable);
 exports.ActivationPlayableAsset = /*#__PURE__*/ function(PlayableAsset) {
@@ -19244,7 +19282,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) {
@@ -19373,7 +19411,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, exports.VFXItem) && exports.VFXItem.isParticle(boundObject) && this.particleSystem && !this.particleSystem.destroyed) {
                 weight = 1.0;
             } else {
@@ -20603,6 +20641,12 @@ exports.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());
@@ -20856,6 +20900,9 @@ exports.VFXItem = /*#__PURE__*/ function(EffectsObject) {
    * 元素的变换包含位置、旋转、缩放。
    */ _this.transform = new Transform();
         /**
+   * 元素动画的当前时间
+   */ _this.time = 0;
+        /**
    * 元素动画的持续时间
    */ _this.duration = 0;
         /**
@@ -21188,6 +21235,7 @@ exports.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;){
@@ -28110,7 +28158,7 @@ registerPlugin("sprite", SpriteLoader, exports.VFXItem, true);
 registerPlugin("particle", ParticleLoader, exports.VFXItem, true);
 registerPlugin("cal", CalculateLoader, exports.VFXItem, true);
 registerPlugin("interact", InteractLoader, exports.VFXItem, true);
-var version$1 = "2.1.0-alpha.2";
+var version$1 = "2.1.0-alpha.4";
 logger.info("Core version: " + version$1 + ".");
 
 var _obj;
@@ -29791,7 +29839,7 @@ setMaxSpriteMeshItemCount(8);
  */ Mesh.create = function(engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "2.1.0-alpha.2";
+var version = "2.1.0-alpha.4";
 logger.info("THREEJS plugin version: " + version + ".");
 
 exports.AbstractPlugin = AbstractPlugin;