@galacean/effects-threejs 2.1.0-alpha.1 → 2.1.0-alpha.3

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.1
+ * Version: v2.1.0-alpha.3
  */
 
 'use strict';
@@ -8374,7 +8374,7 @@ var seed$9 = 1;
    * 通过 URL 创建 Texture 对象。
    * @param url - 要创建的 Texture URL
    * @since 2.0.0
-   */ Texture.fromImage = function fromImage(url, engine) {
+   */ Texture.fromImage = function fromImage(url, engine, options) {
         return _async_to_generator(function() {
             var image, texture;
             return __generator(this, function(_state) {
@@ -8386,12 +8386,13 @@ var seed$9 = 1;
                         ];
                     case 1:
                         image = _state.sent();
-                        texture = Texture.create(engine, {
+                        texture = Texture.create(engine, _extends({
                             sourceType: exports.TextureSourceType.image,
                             image: image,
+                            target: glContext.TEXTURE_2D,
                             id: generateGUID(),
                             flipY: true
-                        });
+                        }, options));
                         texture.initialize();
                         return [
                             2,
@@ -10323,15 +10324,19 @@ var BezierCurve = /*#__PURE__*/ function(ValueGetter) {
                 points: points,
                 timeInterval: timeInterval,
                 valueInterval: valueInterval,
-                curve: curve
+                curve: curve,
+                timeStart: Number(s.x),
+                timeEnd: Number(e.x)
             };
         }
     };
     _proto.getValue = function getValue(time) {
         var result = 0;
         var keyTimeData = Object.keys(this.curveMap);
-        var keyTimeStart = Number(keyTimeData[0].split("&")[0]);
-        var keyTimeEnd = Number(keyTimeData[keyTimeData.length - 1].split("&")[1]);
+        var keyTimeStart = this.curveMap[keyTimeData[0]].timeStart;
+        var keyTimeEnd = this.curveMap[keyTimeData[keyTimeData.length - 1]].timeEnd;
+        // const keyTimeStart = Number(keyTimeData[0].split('&')[0]);
+        // const keyTimeEnd = Number(keyTimeData[keyTimeData.length - 1].split('&')[1]);
         if (time <= keyTimeStart) {
             return this.getCurveValue(keyTimeData[0], keyTimeStart);
         }
@@ -10339,7 +10344,9 @@ var BezierCurve = /*#__PURE__*/ function(ValueGetter) {
             return this.getCurveValue(keyTimeData[keyTimeData.length - 1], keyTimeEnd);
         }
         for(var i = 0; i < keyTimeData.length; i++){
-            var _keyTimeData_i_split = keyTimeData[i].split("&"), xMin = _keyTimeData_i_split[0], xMax = _keyTimeData_i_split[1];
+            var xMin = this.curveMap[keyTimeData[i]].timeStart;
+            var xMax = this.curveMap[keyTimeData[i]].timeEnd;
+            // const [xMin, xMax] = keyTimeData[i].split('&');
             if (time >= Number(xMin) && time < Number(xMax)) {
                 result = this.getCurveValue(keyTimeData[i], time);
                 break;
@@ -10352,12 +10359,13 @@ var BezierCurve = /*#__PURE__*/ function(ValueGetter) {
         var time = (t1 - t0) / ts;
         var result = 0;
         var keyTimeData = Object.keys(this.curveMap);
-        var keyTimeStart = Number(keyTimeData[0].split("&")[0]);
+        var keyTimeStart = this.curveMap[keyTimeData[0]].timeStart;
         if (time <= keyTimeStart) {
             return 0;
         }
         for(var i = 0; i < keyTimeData.length; i++){
-            var _keyTimeData_i_split = keyTimeData[i].split("&"), xMin = _keyTimeData_i_split[0], xMax = _keyTimeData_i_split[1];
+            var xMin = this.curveMap[keyTimeData[i]].timeStart;
+            var xMax = this.curveMap[keyTimeData[i]].timeEnd;
             if (time >= Number(xMax)) {
                 result += ts * this.getCurveIntegrateValue(keyTimeData[i], Number(xMax));
             }
@@ -13619,25 +13627,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);
@@ -13660,11 +13668,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;
 }();
@@ -13676,7 +13680,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 = [];
@@ -13765,7 +13768,6 @@ function _assert_this_initialized(self) {
     };
     _proto.setTime = function setTime(time) {
         this.time = time;
-        this.overrideTimeNextEvaluation = true;
     };
     _proto.getTime = function getTime() {
         return this.time;
@@ -16568,8 +16570,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;){
@@ -16584,7 +16587,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);
@@ -16878,7 +16881,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,
@@ -16887,6 +16890,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()) {
@@ -17691,6 +17697,10 @@ var particleUniformTypeMap = {
 var ParticleMesh = /*#__PURE__*/ function() {
     function ParticleMesh(engine, props) {
         this.particleCount = 0;
+        this.cachedRotationVector3 = new Vector3();
+        this.cachedRotationMatrix = new Matrix3();
+        this.cachedLinearMove = new Vector3();
+        this.tempMatrix3 = new Matrix3();
         this.VERT_MAX_KEY_FRAME_COUNT = 0;
         var _engine_renderer;
         var env = ((_engine_renderer = engine.renderer) != null ? _engine_renderer : {}).env;
@@ -18086,69 +18096,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 = new Float32Array([
-            this.time
-        ])[0];
         var particleCount = Math.ceil(aPosArray.length / 12);
-        // calculate particle translation
-        var aTranslationArray = this.geometry.getAttributeData("aTranslation");
-        if (aTranslationArray.length < particleCount * 3) {
-            aTranslationArray = new Float32Array(particleCount * 3);
-        }
-        var velocity = new Vector3(0, 0, 0);
-        for(var i = 0; i < particleCount; i++){
-            var velOffset = i * 12 + 3;
-            velocity.set(aVelArray[velOffset], aVelArray[velOffset + 1], aVelArray[velOffset + 2]);
-            var trans = this.calculateTranslation(velocity, aOffsetArray[i * 4 + 2], localTime, aOffsetArray[i * 4 + 3]);
-            var aTranslationOffset = i * 3;
-            aTranslationArray[aTranslationOffset] = trans.x;
-            aTranslationArray[aTranslationOffset + 1] = trans.y;
-            aTranslationArray[aTranslationOffset + 2] = trans.z;
-        }
-        this.geometry.setAttributeData("aTranslation", aTranslationArray);
-        // calculate particle rotation
-        var aRotationArray = this.geometry.getAttributeData("aRotation0");
-        if (aRotationArray.length < particleCount * 9) {
-            aRotationArray = new Float32Array(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 = new Vector3(aRotArray[aRotOffset], aRotArray[aRotOffset + 1], aRotArray[aRotOffset + 2]);
-            var aSeed = aSeedArray[i1 * 8 + 3];
-            var aRotation = this.transformFromRotation(aRot, life, duration, aSeed);
-            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 = new Float32Array(particleCount * 3);
-        }
-        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];
-            var linearMove = this.calLinearMov(time1, duration1, aSeed1);
-            var aLinearMoveOffset = i2 * 3;
-            aLinearMoveArray[aLinearMoveOffset] = linearMove.x;
-            aLinearMoveArray[aLinearMoveOffset + 1] = linearMove.y;
-            aLinearMoveArray[aLinearMoveOffset + 2] = linearMove.z;
-        }
-        this.geometry.setAttributeData("aLinearMove", aLinearMoveArray);
+        this.applyTranslation(particleCount, dt);
+        this.applyRotation(particleCount, dt);
+        this.applyLinearMove(particleCount, dt);
     };
     _proto.minusTime = function minusTime(time) {
         var aOffset = this.geometry.getAttributeData("aOffset");
@@ -18158,158 +18109,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 new Vector3();
-        }
-        var dt = t1 - t0; // 相对delay的时间
-        var d = this.gravityModifier.getIntegrateByTime(0, dt);
-        var acc = [
-            uAcceleration.x * d,
-            uAcceleration.y * d,
-            uAcceleration.z * d
-        ];
-        // ret.addScaledVector(velData, speedIntegrate);
-        // ret.addScaledVector(acc, d);
-        // speedIntegrate = speedOverLifetime.getIntegrateValue(0, time, duration);
-        if (this.speedOverLifetime) {
-            // dt / dur 归一化
-            var speed = this.speedOverLifetime.getIntegrateValue(0, dt, duration);
-            return velocity.clone().multiply(speed).add(acc);
-        }
-        return velocity.clone().multiply(dt).add(acc);
-    };
-    _proto.transformFromRotation = function transformFromRotation(rot, life, dur, aSeed) {
-        var rotation = rot.clone();
-        if (!this.rotationOverLifetime) {
-            return new Matrix3();
-        }
-        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 new Matrix3().identity();
-        }
-        // Return the rotation matrix derived from the rotation vector
-        return this.mat3FromRotation(rotation);
-    };
-    _proto.mat3FromRotation = function mat3FromRotation(rotation) {
-        var d2r = Math.PI / 180;
-        var sinR = rotation.clone().multiply(d2r);
-        sinR.x = Math.sin(sinR.x);
-        sinR.y = Math.sin(sinR.y);
-        sinR.z = Math.sin(sinR.z);
-        var cosR = rotation.clone().multiply(d2r);
-        cosR.x = Math.cos(cosR.x);
-        cosR.y = Math.cos(cosR.y);
-        cosR.z = Math.cos(cosR.z);
-        var rotZ = new Matrix3(cosR.z, -sinR.z, 0., sinR.z, cosR.z, 0., 0., 0., 1.);
-        var rotY = new Matrix3(cosR.y, 0., sinR.y, 0., 1., 0., -sinR.y, 0, cosR.y);
-        var rotX = new Matrix3(1., 0., 0., 0, cosR.x, -sinR.x, 0., sinR.x, cosR.x);
-        var result = rotZ.multiply(rotY).multiply(rotX);
-        return result;
-    };
-    _proto.calLinearMov = function calLinearMov(time, duration, aSeed) {
-        var mov = new Vector3();
-        var lifetime = time / duration;
-        if (!this.linearVelOverLifetime || !this.linearVelOverLifetime.enabled) {
-            return new Vector3();
-        }
-        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));
@@ -18333,7 +18132,8 @@ var ParticleMesh = /*#__PURE__*/ function() {
             var pointData = {
                 aPos: new Float32Array(48),
                 aRot: new Float32Array(32),
-                aOffset: new Float32Array(16)
+                aOffset: new Float32Array(16),
+                aTranslation: new Float32Array(12)
             };
             var useSprite = this.useSprite;
             if (useSprite) {
@@ -18442,6 +18242,226 @@ var ParticleMesh = /*#__PURE__*/ function() {
             geometry.setDrawCount(this.particleCount * 6);
         }
     };
+    _proto.applyTranslation = function applyTranslation(particleCount, 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 < particleCount * 3) {
+            aTranslationArray = this.expandArray(aTranslationArray, particleCount * 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 < particleCount; i++){
+            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);
+                aTranslationArray[aTranslationOffset] += velocityX * (deltaTime / 1000);
+                aTranslationArray[aTranslationOffset + 1] += velocityY * (deltaTime / 1000);
+                aTranslationArray[aTranslationOffset + 2] += velocityZ * (deltaTime / 1000);
+            }
+        }
+        this.geometry.setAttributeData("aTranslation", aTranslationArray);
+    };
+    _proto.applyRotation = function applyRotation(particleCount, 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 < particleCount * 9) {
+            aRotationArray = this.expandArray(aRotationArray, particleCount * 9);
+        }
+        for(var i = 0; i < particleCount; i++){
+            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);
+        }
+        this.geometry.setAttributeData("aRotation0", aRotationArray);
+    };
+    _proto.applyLinearMove = function applyLinearMove(particleCount, 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 < particleCount * 3) {
+            aLinearMoveArray = this.expandArray(aLinearMoveArray, particleCount * 3);
+        }
+        var linearMove = this.cachedLinearMove;
+        if (this.linearVelOverLifetime && this.linearVelOverLifetime.enabled) {
+            for(var i = 0; i < particleCount; i++){
+                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;
+            }
+        }
+        this.geometry.setAttributeData("aLinearMove", aLinearMoveArray);
+    };
+    _proto.expandArray = function expandArray(array, newSize) {
+        var newArr = new Float32Array(newSize);
+        newArr.set(array);
+        return newArr;
+    };
     return ParticleMesh;
 }();
 var gl2UniformSlots = [
@@ -19073,7 +19093,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) {
@@ -19226,7 +19252,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) {
@@ -19355,7 +19381,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 {
@@ -20585,6 +20611,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());
@@ -20838,6 +20870,9 @@ exports.VFXItem = /*#__PURE__*/ function(EffectsObject) {
    * 元素的变换包含位置、旋转、缩放。
    */ _this.transform = new Transform();
         /**
+   * 元素动画的当前时间
+   */ _this.time = 0;
+        /**
    * 元素动画的持续时间
    */ _this.duration = 0;
         /**
@@ -28092,7 +28127,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.1";
+var version$1 = "2.1.0-alpha.3";
 logger.info("Core version: " + version$1 + ".");
 
 var _obj;
@@ -29773,7 +29808,7 @@ setMaxSpriteMeshItemCount(8);
  */ Mesh.create = function(engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "2.1.0-alpha.1";
+var version = "2.1.0-alpha.3";
 logger.info("THREEJS plugin version: " + version + ".");
 
 exports.AbstractPlugin = AbstractPlugin;