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

package/dist/index.mjs

@@ -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
  */
 
 import * as THREE from 'three';
@@ -8350,7 +8350,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) {
@@ -8362,12 +8362,13 @@ var seed$9 = 1;
                         ];
                     case 1:
                         image = _state.sent();
-                        texture = Texture.create(engine, {
+                        texture = Texture.create(engine, _extends({
                             sourceType: TextureSourceType.image,
                             image: image,
+                            target: glContext.TEXTURE_2D,
                             id: generateGUID(),
                             flipY: true
-                        });
+                        }, options));
                         texture.initialize();
                         return [
                             2,
@@ -10299,15 +10300,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);
         }
@@ -10315,7 +10320,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;
@@ -10328,12 +10335,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));
             }
@@ -13595,25 +13603,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);
@@ -13636,11 +13644,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;
 }();
@@ -13652,7 +13656,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 = [];
@@ -13741,7 +13744,6 @@ function _assert_this_initialized(self) {
     };
     _proto.setTime = function setTime(time) {
         this.time = time;
-        this.overrideTimeNextEvaluation = true;
     };
     _proto.getTime = function getTime() {
         return this.time;
@@ -16544,8 +16546,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;){
@@ -16560,7 +16563,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);
@@ -16854,7 +16857,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,
@@ -16863,6 +16866,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()) {
@@ -17667,6 +17673,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;
@@ -18062,69 +18072,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");
@@ -18134,158 +18085,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));
@@ -18309,7 +18108,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) {
@@ -18418,6 +18218,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 = [
@@ -19049,7 +19069,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) {
@@ -19202,7 +19228,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) {
@@ -19331,7 +19357,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 {
@@ -20561,6 +20587,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());
@@ -20814,6 +20846,9 @@ var VFXItem = /*#__PURE__*/ function(EffectsObject) {
    * 元素的变换包含位置、旋转、缩放。
    */ _this.transform = new Transform();
         /**
+   * 元素动画的当前时间
+   */ _this.time = 0;
+        /**
    * 元素动画的持续时间
    */ _this.duration = 0;
         /**
@@ -28068,7 +28103,7 @@ registerPlugin("sprite", SpriteLoader, VFXItem, true);
 registerPlugin("particle", ParticleLoader, VFXItem, true);
 registerPlugin("cal", CalculateLoader, VFXItem, true);
 registerPlugin("interact", InteractLoader, 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;
@@ -29749,7 +29784,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 + ".");
 
 export { AbstractPlugin, ActivationPlayable, ActivationPlayableAsset, ActivationTrack, AnimationClip, AnimationClipPlayable, AssetLoader, AssetManager, BYTES_TYPE_MAP, Behaviour, BezierCurve, BezierCurvePath, BezierCurveQuat, BinaryAsset, COMPRESSED_TEXTURE, CONSTANT_MAP_BLEND, CONSTANT_MAP_DEPTH, CONSTANT_MAP_STENCIL_FUNC, CONSTANT_MAP_STENCIL_OP, 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, TEXTURE_UNIFORM_MAP, TextComponent, TextComponentBase, TextLayout, TextLoader, TextStyle, Texture, TextureFactory, TextureLoadAction, TextureSourceType, TextureStoreAction, ThreeComposition, ThreeDisplayObject, ThreeEngine, ThreeMaterial, ThreeSpriteComponent, ThreeTextComponent, ThreeTexture, 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, setUniformValue, sortByOrder, index$1 as spec, spriteMeshShaderFromFilter, spriteMeshShaderFromRenderInfo, spriteMeshShaderIdFromRenderInfo, thresholdFrag, throwDestroyedError, trailVert, translatePoint, trianglesFromRect, unregisterPlugin, valIfUndefined, value, valueDefine, vecFill, vecMulCombine, version, vertexFormatType2GLType };