@galacean/effects-core 2.7.0-alpha.0 → 2.7.0-alpha.2

package/dist/index.mjs

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime core for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.7.0-alpha.0
+ * Version: v2.7.0-alpha.2
  */
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -3730,20 +3730,21 @@ var BuiltinObjectGUID = {
     UnlitShader: "unlit000000000000000000000000000"
 };
 
-/**
- * 填充类型
- */ var FillType$1;
+var FillType;
 (function(FillType) {
-    /**
-     * 纯色
-     */ FillType[FillType["Solid"] = 0] = "Solid";
-    /**
-     * 线性渐变
-     */ FillType[FillType["LinearGradient"] = 1] = "LinearGradient";
-    /**
-     * 径向渐变
-     */ FillType[FillType["RadialGradient"] = 2] = "RadialGradient";
-})(FillType$1 || (FillType$1 = {}));
+    FillType[FillType["Solid"] = 0] = "Solid";
+    FillType[FillType["GradientLinear"] = 1] = "GradientLinear";
+    FillType[FillType["GradientRadial"] = 2] = "GradientRadial";
+    FillType[FillType["GradientAngular"] = 3] = "GradientAngular";
+    FillType[FillType["Texture"] = 4] = "Texture";
+})(FillType || (FillType = {}));
+var TexturePaintScaleMode$1;
+(function(TexturePaintScaleMode) {
+    TexturePaintScaleMode[TexturePaintScaleMode["Fill"] = 0] = "Fill";
+    TexturePaintScaleMode[TexturePaintScaleMode["Fit"] = 1] = "Fit";
+    TexturePaintScaleMode[TexturePaintScaleMode["Crop"] = 2] = "Crop";
+    TexturePaintScaleMode[TexturePaintScaleMode["Tile"] = 3] = "Tile";
+})(TexturePaintScaleMode$1 || (TexturePaintScaleMode$1 = {}));
 
 /**
  * 矢量图形类型
@@ -3840,6 +3841,7 @@ var DataType;
     DataType["FloatPropertyTrack"] = "FloatPropertyTrack";
     DataType["ColorPropertyTrack"] = "ColorPropertyTrack";
     DataType["Vector2PropertyTrack"] = "Vector2PropertyTrack";
+    DataType["Vector3PropertyTrack"] = "Vector3PropertyTrack";
     DataType["Vector4PropertyTrack"] = "Vector4PropertyTrack";
     DataType["TransformPlayableAsset"] = "TransformPlayableAsset";
     DataType["SpriteColorPlayableAsset"] = "SpriteColorPlayableAsset";
@@ -3848,6 +3850,7 @@ var DataType;
     DataType["FloatPropertyPlayableAsset"] = "FloatPropertyPlayableAsset";
     DataType["ColorPropertyPlayableAsset"] = "ColorPropertyPlayableAsset";
     DataType["Vector2PropertyPlayableAsset"] = "Vector2PropertyPlayableAsset";
+    DataType["Vector3PropertyPlayableAsset"] = "Vector3PropertyPlayableAsset";
     DataType["Vector4PropertyPlayableAsset"] = "Vector4PropertyPlayableAsset";
     // Components
     DataType["MeshComponent"] = "MeshComponent";
@@ -4010,7 +4013,8 @@ var index$1 = /*#__PURE__*/Object.freeze({
     get TextWeight () { return TextWeight; },
     get FontStyle () { return FontStyle; },
     BuiltinObjectGUID: BuiltinObjectGUID,
-    get FillType () { return FillType$1; },
+    get FillType () { return FillType; },
+    get TexturePaintScaleMode () { return TexturePaintScaleMode$1; },
     get ShapePrimitiveType () { return ShapePrimitiveType; },
     get LineCap () { return LineCap; },
     get LineJoin () { return LineJoin; },
@@ -16080,9 +16084,9 @@ function oldBezierKeyFramesToNew(props) {
         x: 0,
         y: 0
     };
-    for(var i = 0; i < oldKeyframes.length - 1; i++){
+    for(var i = 0; i < oldKeyframes.length; i++){
         var leftKeyframe = oldKeyframes[i];
-        var rightKeyframe = oldKeyframes[i + 1];
+        var rightKeyframe = i + 1 < oldKeyframes.length ? oldKeyframes[i + 1] : oldKeyframes[i];
         var _getControlPoints = getControlPoints(leftKeyframe, rightKeyframe, true), p0 = _getControlPoints.p0, p1 = _getControlPoints.p1, p2 = _getControlPoints.p2, p3 = _getControlPoints.p3;
         assertExist(p2);
         assertExist(p3);
@@ -16097,19 +16101,6 @@ function oldBezierKeyFramesToNew(props) {
         }
         keyDatas.push(keyData);
         lastControl = p2;
-        if (i === oldKeyframes.length - 2) {
-            var res = getControlPoints(rightKeyframe, rightKeyframe, true);
-            assertExist(res.p3);
-            keyDatas.push({
-                leftControl: p2,
-                value: res.p3,
-                rightControl: {
-                    x: 0,
-                    y: 0
-                },
-                tangentMode: rightKeyframe[0] === BezierKeyframeType.HOLD ? 2 : 0
-            });
-        }
     }
     var calculateSlop = function(p0, p1) {
         return (p1.y - p0.y) / (p1.x - p0.x + NumberEpsilon);
@@ -16247,16 +16238,8 @@ var ColorCurve = /*#__PURE__*/ function(ValueGetter) {
 
 var vert = "precision highp float;attribute vec3 aPos;attribute vec2 aUV;varying vec2 uv0;uniform mat4 effects_MatrixVP;uniform mat4 effects_MatrixInvV;uniform mat4 effects_ObjectToWorld;void main(){vec4 pos=vec4(aPos.xyz,1.0);uv0=aUV;gl_Position=effects_MatrixVP*effects_ObjectToWorld*pos;}";
 
-var frag = "precision highp float;\n#define _MAX_STOPS 8\n#define PI 3.14159265359\nuniform vec4 _Color;uniform vec4 _Colors[_MAX_STOPS];uniform float _Stops[_MAX_STOPS];uniform int _StopsCount;uniform float _FillType;uniform vec2 _StartPoint;uniform vec2 _EndPoint;uniform sampler2D _ImageTex;uniform vec2 _ImageSize;uniform vec2 _DestSize;uniform int _ImageScaleMode;uniform mat3 _ImageTransform;uniform float _ImageScalingFactor;uniform float _ImageOpacity;varying vec2 uv0;vec4 smoothMix(vec4 a,vec4 b,float t){return mix(a,b,smoothstep(0.0,1.0,t));}float calculateAngleRatio(vec2 v1,vec2 v2){float angle=atan(v2.y,v2.x)-atan(v1.y,v1.x);if(angle<0.0)angle+=2.0*PI;return angle/(2.0*PI);}vec2 applyTransform(mat3 m,vec2 uv){vec3 p=m*vec3(uv,1.0);return p.xy;}void main(){vec4 finalColor=vec4(1.0);if(_FillType==0.0){finalColor=_Color;}else if(_FillType==1.0||_FillType==2.0||_FillType==3.0){float t=0.0;if(_FillType==1.0){vec2 gradientVector=_EndPoint-_StartPoint;vec2 pixelVector=uv0-_StartPoint;float denom=max(dot(gradientVector,gradientVector),1e-6);t=clamp(dot(pixelVector,gradientVector)/denom,0.0,1.0);}else if(_FillType==2.0){float maxRadius=max(distance(_EndPoint,_StartPoint),0.001);t=clamp(distance(uv0,_StartPoint)/maxRadius,0.0,1.0);}else{vec2 center=_StartPoint;vec2 referenceVector=_EndPoint-center;vec2 targetVector=uv0-center;if(length(targetVector)>0.001){t=calculateAngleRatio(referenceVector,targetVector);}}finalColor=_Colors[0];for(int i=1;i<_MAX_STOPS;i++){if(i>=_StopsCount)break;float prevStop=_Stops[i-1];float currStop=_Stops[i];if(t>=prevStop&&t<=currStop){float localT=(t-prevStop)/max(currStop-prevStop,1e-6);finalColor=smoothMix(_Colors[i-1],_Colors[i],localT);break;}}}else if(_FillType==4.0){vec2 uv=uv0;float rSrc=_ImageSize.x/max(_ImageSize.y,1.0);float rDst=_DestSize.x/max(_DestSize.y,1.0);bool maskOutside=false;if(_ImageScaleMode==0){vec2 scale=vec2(1.0);if(rDst>rSrc){scale=vec2(1.0,rSrc/rDst);}else{scale=vec2(rDst/rSrc,1.0);}uv=(uv-0.5)*scale+0.5;uv=clamp(uv,0.0,1.0);}else if(_ImageScaleMode==1){vec2 scale=vec2(1.0);if(rDst>rSrc){scale=vec2(rSrc/rDst,1.0);}else{scale=vec2(1.0,rSrc/rDst);}uv=(uv-0.5)*scale+0.5;maskOutside=true;}else if(_ImageScaleMode==2){uv=applyTransform(_ImageTransform,uv0);maskOutside=true;}else if(_ImageScaleMode==3){float aspectFix=rDst/max(rSrc,1e-6);vec2 uvTile=(uv0-0.5)*vec2(aspectFix,1.0)+0.5;float s=max(abs(_ImageScalingFactor),1e-6);uv=fract(uvTile*s);}vec4 img=texture2D(_ImageTex,uv);if(maskOutside){if(uv.x<0.0||uv.x>1.0||uv.y<0.0||uv.y>1.0){img.a=0.0;}}img.a*=_ImageOpacity;finalColor=img;}finalColor.rgb*=finalColor.a;gl_FragColor=finalColor;}";
+var frag = "precision highp float;\n#define _MAX_STOPS 8\n#define PI 3.14159265359\nuniform vec4 _Color;uniform vec4 _Colors[_MAX_STOPS];uniform float _Stops[_MAX_STOPS];uniform int _StopsCount;uniform float _FillType;uniform vec2 _StartPoint;uniform vec2 _EndPoint;uniform sampler2D _ImageTex;uniform vec2 _ImageSize;uniform vec2 _DestSize;uniform int _ImageScaleMode;uniform mat3 _TextureTransform;uniform float _ImageScalingFactor;uniform float _ImageOpacity;varying vec2 uv0;vec4 smoothMix(vec4 a,vec4 b,float t){return mix(a,b,smoothstep(0.0,1.0,t));}float calculateAngleRatio(vec2 v1,vec2 v2){float angle=atan(v2.y,v2.x)-atan(v1.y,v1.x);if(angle<0.0)angle+=2.0*PI;return angle/(2.0*PI);}vec2 applyTransform(mat3 m,vec2 uv){uv=uv-vec2(0.5,0.5);vec3 p=m*vec3(uv,1.0);p.xy=p.xy+vec2(0.5,0.5);return p.xy;}void main(){vec4 finalColor=vec4(1.0);if(_FillType==0.0){finalColor=_Color;}else if(_FillType==1.0||_FillType==2.0||_FillType==3.0){float t=0.0;if(_FillType==1.0){vec2 gradientVector=_EndPoint-_StartPoint;vec2 pixelVector=uv0-_StartPoint;float denom=max(dot(gradientVector,gradientVector),1e-6);t=clamp(dot(pixelVector,gradientVector)/denom,0.0,1.0);}else if(_FillType==2.0){float maxRadius=max(distance(_EndPoint,_StartPoint),0.001);t=clamp(distance(uv0,_StartPoint)/maxRadius,0.0,1.0);}else{vec2 center=_StartPoint;vec2 referenceVector=_EndPoint-center;vec2 targetVector=uv0-center;if(length(targetVector)>0.001){t=calculateAngleRatio(referenceVector,targetVector);}}finalColor=_Colors[0];for(int i=1;i<_MAX_STOPS;i++){if(i>=_StopsCount)break;float prevStop=_Stops[i-1];float currStop=_Stops[i];if(t>=prevStop&&t<=currStop){float localT=(t-prevStop)/max(currStop-prevStop,1e-6);finalColor=smoothMix(_Colors[i-1],_Colors[i],localT);break;}}}else if(_FillType==4.0){vec2 uv=uv0;float rSrc=_ImageSize.x/max(_ImageSize.y,1.0);float rDst=_DestSize.x/max(_DestSize.y,1.0);bool maskOutside=false;if(_ImageScaleMode==0){vec2 scale=vec2(1.0);if(rDst>rSrc){scale=vec2(1.0,rSrc/rDst);}else{scale=vec2(rDst/rSrc,1.0);}uv=(uv-0.5)*scale+0.5;uv=clamp(uv,0.0,1.0);}else if(_ImageScaleMode==1){vec2 scale=vec2(1.0);if(rDst>rSrc){scale=vec2(rSrc/rDst,1.0);}else{scale=vec2(1.0,rSrc/rDst);}uv=(uv-0.5)*scale+0.5;maskOutside=true;}else if(_ImageScaleMode==2){uv=applyTransform(_TextureTransform,uv0);maskOutside=true;}else if(_ImageScaleMode==3){float aspectFix=rDst/max(rSrc,1e-6);vec2 uvTile=(uv0-0.5)*vec2(aspectFix,1.0)+0.5;float s=max(abs(_ImageScalingFactor),1e-6);uv=fract(uvTile*s);}vec4 img=texture2D(_ImageTex,uv);if(maskOutside){if(uv.x<0.0||uv.x>1.0||uv.y<0.0||uv.y>1.0){img.a=0.0;}}img.a*=_ImageOpacity;finalColor=img;}finalColor.rgb*=finalColor.a;gl_FragColor=finalColor;}";
 
-var FillType;
-(function(FillType) {
-    FillType[FillType["Solid"] = 0] = "Solid";
-    FillType[FillType["GradientLinear"] = 1] = "GradientLinear";
-    FillType[FillType["GradientRadial"] = 2] = "GradientRadial";
-    FillType[FillType["GradientAngular"] = 3] = "GradientAngular";
-    FillType[FillType["Texture"] = 4] = "Texture";
-})(FillType || (FillType = {}));
 var TexturePaintScaleMode;
 (function(TexturePaintScaleMode) {
     TexturePaintScaleMode[TexturePaintScaleMode["Fill"] = 0] = "Fill";
@@ -16282,6 +16265,9 @@ var ShapeComponent = /*#__PURE__*/ function(RendererComponent) {
             join: LineJoin.Miter,
             miterLimit: 10
         };
+        _this.strokeWidth = 1;
+        _this.strokeCap = LineCap.Butt;
+        _this.strokeJoin = LineJoin.Miter;
         _this.strokes = [];
         /**
    * 用于点击测试的碰撞器
@@ -16315,12 +16301,12 @@ var ShapeComponent = /*#__PURE__*/ function(RendererComponent) {
         // Create Shape Attrributes
         //-------------------------------------------------------------------------
         var gradientStrokeFill = {
-            type: 0,
+            type: FillType.Solid,
             color: new Color(1, 1, 1, 1)
         };
         _this.strokes.push(gradientStrokeFill);
         var gradientLayerFill = {
-            type: 0,
+            type: FillType.Solid,
             color: new Color(1, 1, 1, 1)
         };
         _this.fills.push(gradientLayerFill);
@@ -16484,6 +16470,9 @@ var ShapeComponent = /*#__PURE__*/ function(RendererComponent) {
                 indices.length;
                 var vertOffset1 = vertices.length / 2;
                 var lineStyle = this.strokeAttributes;
+                lineStyle.cap = this.strokeCap;
+                lineStyle.join = this.strokeJoin;
+                lineStyle.width = this.strokeWidth;
                 var close = true;
                 if (this.shapeAttributes.type === ShapePrimitiveType.Custom) {
                     close = shape1.closePath;
@@ -16648,11 +16637,11 @@ var ShapeComponent = /*#__PURE__*/ function(RendererComponent) {
     };
     _proto.updatePaintMaterial = function updatePaintMaterial(material, paint) {
         material.setFloat("_FillType", paint.type);
-        if (paint.type === 0) {
+        if (paint.type === FillType.Solid) {
             material.color = paint.color;
-        } else if (paint.type === 1 || paint.type === 3 || paint.type === 2) {
+        } else if (paint.type === FillType.GradientLinear || paint.type === FillType.GradientAngular || paint.type === FillType.GradientRadial) {
             this.updateGradientMaterial(material, paint.gradientStops, paint.startPoint, paint.endPoint);
-        } else if (paint.type === 4) {
+        } else if (paint.type === FillType.Texture) {
             material.setInt("_ImageScaleMode", paint.scaleMode);
             material.setVector2("_ImageSize", new Vector2(paint.texture.getWidth(), paint.texture.getHeight()));
             var boundingBox = this.getBoundingBox();
@@ -16662,6 +16651,8 @@ var ShapeComponent = /*#__PURE__*/ function(RendererComponent) {
             material.setFloat("_ImageOpacity", paint.opacity);
             material.setFloat("_ImageScalingFactor", paint.scalingFactor);
             material.setTexture("_ImageTex", paint.texture);
+            var transform = paint.textureTransform;
+            material.setMatrix3("_TextureTransform", new Matrix3().scale(transform.scale.x, transform.scale.y).rotate(transform.rotation).translate(transform.offset.x, transform.offset.y).invert());
         }
     };
     _proto.updateGradientMaterial = function updateGradientMaterial(material, gradient, startPoint, endPoint) {
@@ -16697,17 +16688,12 @@ var ShapeComponent = /*#__PURE__*/ function(RendererComponent) {
             side: (_renderer_side = renderer.side) != null ? _renderer_side : SideMode.DOUBLE,
             mask: this.maskManager.getRefValue()
         };
-        var strokeAttributes = data.stroke;
-        if (strokeAttributes) {
-            this.strokeAttributes = {
-                width: strokeAttributes.width,
-                alignment: 0.5,
-                cap: strokeAttributes.cap,
-                join: strokeAttributes.join,
-                miterLimit: 10
-            };
-        }
-        //@ts-expect-error
+        var _data_strokeCap;
+        this.strokeCap = (_data_strokeCap = data.strokeCap) != null ? _data_strokeCap : LineCap.Butt;
+        var _data_strokeWidth;
+        this.strokeWidth = (_data_strokeWidth = data.strokeWidth) != null ? _data_strokeWidth : 1;
+        var _data_strokeJoin;
+        this.strokeJoin = (_data_strokeJoin = data.strokeJoin) != null ? _data_strokeJoin : LineJoin.Miter;
         for(var _iterator = _create_for_of_iterator_helper_loose(data.strokes), _step; !(_step = _iterator()).done;){
             var stroke = _step.value;
             var strokeParam = stroke;
@@ -16716,7 +16702,6 @@ var ShapeComponent = /*#__PURE__*/ function(RendererComponent) {
                 this.strokes[0] = this.createPaint(strokeParam);
             }
         }
-        //@ts-expect-error
         for(var _iterator1 = _create_for_of_iterator_helper_loose(data.fills), _step1; !(_step1 = _iterator1()).done;){
             var fill = _step1.value;
             var fillParam = fill;
@@ -16806,7 +16791,7 @@ var ShapeComponent = /*#__PURE__*/ function(RendererComponent) {
     _proto.createPaint = function createPaint(paintData) {
         var paint;
         switch(paintData.type){
-            case 0:
+            case FillType.Solid:
                 {
                     paint = {
                         type: paintData.type,
@@ -16814,9 +16799,9 @@ var ShapeComponent = /*#__PURE__*/ function(RendererComponent) {
                     };
                     break;
                 }
-            case 1:
-            case 3:
-            case 2:
+            case FillType.GradientLinear:
+            case FillType.GradientAngular:
+            case FillType.GradientRadial:
                 {
                     paint = {
                         type: paintData.type,
@@ -16826,15 +16811,32 @@ var ShapeComponent = /*#__PURE__*/ function(RendererComponent) {
                     };
                     break;
                 }
-            case 4:
+            case FillType.Texture:
                 {
+                    var _paintData_textureTransform;
+                    var textureTransform = _extends({
+                        offset: {
+                            x: 0,
+                            y: 0
+                        },
+                        rotation: 0,
+                        scale: {
+                            x: 1,
+                            y: 1
+                        }
+                    }, (_paintData_textureTransform = paintData.textureTransform) != null ? _paintData_textureTransform : {});
                     var _paintData_scalingFactor, _paintData_opacity;
                     paint = {
                         type: paintData.type,
                         texture: this.engine.findObject(paintData.texture),
                         scaleMode: paintData.scaleMode,
                         scalingFactor: (_paintData_scalingFactor = paintData.scalingFactor) != null ? _paintData_scalingFactor : 1,
-                        opacity: (_paintData_opacity = paintData.opacity) != null ? _paintData_opacity : 1
+                        opacity: (_paintData_opacity = paintData.opacity) != null ? _paintData_opacity : 1,
+                        textureTransform: {
+                            offset: new Vector2().copyFrom(textureTransform.offset),
+                            rotation: textureTransform.rotation,
+                            scale: new Vector2().copyFrom(textureTransform.scale)
+                        }
                     };
                     break;
                 }
@@ -22798,6 +22800,25 @@ var Vector4PropertyMixerPlayable = /*#__PURE__*/ function(PropertyMixerPlayable)
     };
     return Vector4PropertyMixerPlayable;
 }(PropertyMixerPlayable);
+var Vector3PropertyMixerPlayable = /*#__PURE__*/ function(PropertyMixerPlayable) {
+    _inherits(Vector3PropertyMixerPlayable, PropertyMixerPlayable);
+    function Vector3PropertyMixerPlayable() {
+        return PropertyMixerPlayable.apply(this, arguments);
+    }
+    var _proto = Vector3PropertyMixerPlayable.prototype;
+    _proto.resetPropertyValue = function resetPropertyValue() {
+        this.propertyValue.x = 0;
+        this.propertyValue.y = 0;
+        this.propertyValue.z = 0;
+    };
+    _proto.addWeightedValue = function addWeightedValue(curveValue, weight) {
+        var result = this.propertyValue;
+        result.x += curveValue.x * weight;
+        result.y += curveValue.y * weight;
+        result.z += curveValue.z * weight;
+    };
+    return Vector3PropertyMixerPlayable;
+}(PropertyMixerPlayable);
 var Vector2PropertyMixerPlayable = /*#__PURE__*/ function(PropertyMixerPlayable) {
     _inherits(Vector2PropertyMixerPlayable, PropertyMixerPlayable);
     function Vector2PropertyMixerPlayable() {
@@ -23324,6 +23345,22 @@ var Vector4PropertyTrack = /*#__PURE__*/ function(PropertyTrack) {
 Vector4PropertyTrack = __decorate([
     effectsClass(DataType.Vector4PropertyTrack)
 ], Vector4PropertyTrack);
+var Vector3PropertyTrack = /*#__PURE__*/ function(PropertyTrack) {
+    _inherits(Vector3PropertyTrack, PropertyTrack);
+    function Vector3PropertyTrack() {
+        return PropertyTrack.apply(this, arguments);
+    }
+    var _proto = Vector3PropertyTrack.prototype;
+    _proto.createTrackMixer = function createTrackMixer() {
+        var mixer = new Vector3PropertyMixerPlayable();
+        mixer.propertyPath = this.path;
+        return mixer;
+    };
+    return Vector3PropertyTrack;
+}(PropertyTrack);
+Vector3PropertyTrack = __decorate([
+    effectsClass(DataType.Vector3PropertyTrack)
+], Vector3PropertyTrack);
 var Vector2PropertyTrack = /*#__PURE__*/ function(PropertyTrack) {
     _inherits(Vector2PropertyTrack, PropertyTrack);
     function Vector2PropertyTrack() {
@@ -23338,7 +23375,7 @@ var Vector2PropertyTrack = /*#__PURE__*/ function(PropertyTrack) {
     return Vector2PropertyTrack;
 }(PropertyTrack);
 Vector2PropertyTrack = __decorate([
-    effectsClass("Vector2PropertyTrack")
+    effectsClass(DataType.Vector2PropertyTrack)
 ], Vector2PropertyTrack);
 
 var ColorPropertyTrack = /*#__PURE__*/ function(PropertyTrack) {
@@ -23503,6 +23540,26 @@ __decorate([
 Vector4PropertyPlayableAsset = __decorate([
     effectsClass(DataType.Vector4PropertyPlayableAsset)
 ], Vector4PropertyPlayableAsset);
+var Vector3ropertyPlayableAsset = /*#__PURE__*/ function(PlayableAsset) {
+    _inherits(Vector3ropertyPlayableAsset, PlayableAsset);
+    function Vector3ropertyPlayableAsset() {
+        return PlayableAsset.apply(this, arguments);
+    }
+    var _proto = Vector3ropertyPlayableAsset.prototype;
+    _proto.createPlayable = function createPlayable() {
+        var clipPlayable = new PropertyClipPlayable();
+        clipPlayable.curve = createValueGetter(this.curveData);
+        clipPlayable.value = clipPlayable.curve.getValue(0);
+        return clipPlayable;
+    };
+    return Vector3ropertyPlayableAsset;
+}(PlayableAsset);
+__decorate([
+    serialize()
+], Vector3ropertyPlayableAsset.prototype, "curveData", void 0);
+Vector3ropertyPlayableAsset = __decorate([
+    effectsClass(DataType.Vector3PropertyPlayableAsset)
+], Vector3ropertyPlayableAsset);
 var Vector2PropertyPlayableAsset = /*#__PURE__*/ function(PlayableAsset) {
     _inherits(Vector2PropertyPlayableAsset, PlayableAsset);
     function Vector2PropertyPlayableAsset() {
@@ -24139,7 +24196,6 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
         _this.rootItem.endBehavior = sourceContent.endBehavior;
         _this.rootItem.composition = _assert_this_initialized(_this);
         // Create rootItem components
-        //@ts-expect-error TODO update spec.
         var componentPaths = sourceContent.components;
         for(var _iterator2 = _create_for_of_iterator_helper_loose(componentPaths), _step2; !(_step2 = _iterator2()).done;){
             var componentPath = _step2.value;
@@ -24853,9 +24909,6 @@ var VFXItem = /*#__PURE__*/ function(EffectsObject) {
         /**
    * 元素组件是否显示，用于批量开关元素组件
    */ _this.visible = true;
-        /**
-   * 元素动画的速度
-   */ _this.speed = 1;
         _this.listIndex = 0;
         _this.isEnabled = false;
         _this.eventProcessor = new EventEmitter();
@@ -24913,18 +24966,6 @@ var VFXItem = /*#__PURE__*/ function(EffectsObject) {
         return this.eventProcessor.getListeners(eventName);
     };
     /**
-   * 设置元素的动画速度
-   * @param speed - 速度
-   */ _proto.setSpeed = function setSpeed(speed) {
-        this.speed = speed;
-    };
-    /**
-   * 获取元素的动画速度
-   * @returns
-   */ _proto.getSpeed = function getSpeed() {
-        return this.speed;
-    };
-    /**
    * 添加组件
    * @param classConstructor - 要添加的组件
    */ _proto.addComponent = function addComponent(classConstructor) {
@@ -30384,8 +30425,11 @@ function version33Migration(json) {
         var compositionComponent = {
             id: generateGUID(),
             dataType: "CompositionComponent",
+            //@ts-expect-error
             items: composition.items,
+            //@ts-expect-error
             timelineAsset: composition.timelineAsset,
+            //@ts-expect-error
             sceneBindings: composition.sceneBindings,
             item: {
                 id: composition.id
@@ -30395,7 +30439,6 @@ function version33Migration(json) {
         composition.timelineAsset = undefined;
         //@ts-expect-error
         composition.sceneBindings = undefined;
-        //@ts-expect-error
         composition.components = [
             {
                 id: compositionComponent.id
@@ -30425,8 +30468,6 @@ function version34Migration(json) {
     // 修复合成组件的 item id 问题
     for(var _iterator1 = _create_for_of_iterator_helper_loose(json.compositions), _step1; !(_step1 = _iterator1()).done;){
         var composition = _step1.value;
-        // TODO: Update spec
-        //@ts-expect-error
         for(var _iterator2 = _create_for_of_iterator_helper_loose(composition.components), _step2; !(_step2 = _iterator2()).done;){
             var component = _step2.value;
             var componentID = component.id;
@@ -30451,28 +30492,35 @@ function version34Migration(json) {
         }
         if (componentData1.dataType === DataType.ShapeComponent) {
             var shapeComponentData = componentData1;
-            //@ts-expect-error
             shapeComponentData.fills = [];
+            //@ts-expect-error
             if (shapeComponentData.fill) {
                 var solidPaintData = {
                     type: FillType.Solid,
+                    //@ts-expect-error
                     color: shapeComponentData.fill.color
                 };
-                //@ts-expect-error
                 shapeComponentData.fills.push(solidPaintData);
             }
-            delete shapeComponentData.fill;
             //@ts-expect-error
+            delete shapeComponentData.fill;
             shapeComponentData.strokes = [];
+            //@ts-expect-error
             if (shapeComponentData.stroke) {
                 var solidPaintData1 = {
                     type: FillType.Solid,
+                    //@ts-expect-error
                     color: shapeComponentData.stroke.color
                 };
-                //@ts-expect-error
                 shapeComponentData.strokes.push(solidPaintData1);
                 //@ts-expect-error
-                shapeComponentData.stroke.color = undefined;
+                shapeComponentData.strokeWidth = shapeComponentData.stroke.width;
+                //@ts-expect-error
+                shapeComponentData.strokeCap = shapeComponentData.stroke.cap;
+                //@ts-expect-error
+                shapeComponentData.strokeJoin = shapeComponentData.stroke.join;
+                //@ts-expect-error
+                delete shapeComponentData.stroke;
             }
         }
     }
@@ -30546,6 +30594,7 @@ function version34Migration(json) {
     return geometryData;
 }
 function processContent(composition) {
+    //@ts-expect-error
     for(var _iterator = _create_for_of_iterator_helper_loose(composition.items), _step; !(_step = _iterator()).done;){
         var item = _step.value;
         var itemProps = itemMap.get(item.id);
@@ -30635,6 +30684,7 @@ function processMask(renderContent) {
             };
         });
         var compositionData = _extends({}, composition, {
+            //@ts-expect-error
             timelineAsset: {
                 id: ""
             },
@@ -30677,7 +30727,6 @@ function processMask(renderContent) {
             result.textures.push({
                 id: generateGUID(),
                 dataType: DataType.Texture,
-                //@ts-expect-error
                 source: {
                     id: result.images[i].id
                 },
@@ -30931,6 +30980,7 @@ function convertTimelineAsset(composition, guidToItemMap, jsonScene) {
         //@ts-expect-error
         dataType: "TimelineAsset"
     };
+    //@ts-expect-error
     for(var _iterator = _create_for_of_iterator_helper_loose(composition.items), _step; !(_step = _iterator()).done;){
         var itemDataPath = _step.value;
         var item = guidToItemMap[itemDataPath.id];
@@ -31070,9 +31120,11 @@ function convertTimelineAsset(composition, guidToItemMap, jsonScene) {
             id: trackData.id
         });
     }
+    //@ts-expect-error
     composition.timelineAsset = {
         id: timelineAssetData.id
     };
+    //@ts-expect-error
     composition.sceneBindings = sceneBindings;
     jsonScene.miscs.push(timelineAssetData);
     for(var _iterator2 = _create_for_of_iterator_helper_loose(trackDatas), _step2; !(_step2 = _iterator2()).done;){
@@ -31398,7 +31450,7 @@ function getStandardSpriteContent(sprite, transform) {
     return ret;
 }
 
-var version$1 = "2.7.0-alpha.0";
+var version$1 = "2.7.0-alpha.2";
 var v0 = /^(\d+)\.(\d+)\.(\d+)(-(\w+)\.\d+)?$/;
 var standardVersion = /^(\d+)\.(\d+)$/;
 var reverseParticle = false;
@@ -34671,8 +34723,8 @@ registerPlugin("sprite", SpriteLoader, VFXItem);
 registerPlugin("particle", ParticleLoader, VFXItem);
 registerPlugin("cal", CalculateLoader, VFXItem);
 registerPlugin("interact", InteractLoader, VFXItem);
-var version = "2.7.0-alpha.0";
+var version = "2.7.0-alpha.2";
 logger.info("Core version: " + version + ".");
 
-export { AbstractPlugin, ActivationPlayableAsset, ActivationTrack, AndNode, AndNodeData, Animatable, AnimationClip, AnimationClipNode, AnimationClipNodeData, AnimationGraphAsset, Animator, ApplyAdditiveNode, ApplyAdditiveNodeData, Asset, AssetLoader, AssetManager, AssetService, BYTES_TYPE_MAP, Behaviour, BezierCurve, BezierCurvePath, BezierCurveQuat, BinaryAsset, BlendNode, BlendNodeData, BoolValueNode, COMPRESSED_TEXTURE, COPY_FRAGMENT_SHADER, COPY_MESH_SHADER_ID, COPY_VERTEX_SHADER, CalculateLoader, Camera, CameraController, CameraVFXItemLoader, ColorCurve, ColorPlayable, ColorPropertyPlayableAsset, ColorPropertyTrack, Component, ComponentTimePlayable, ComponentTimePlayableAsset, ComponentTimeTrack, Composition, CompositionComponent, ConstBoolNode, ConstBoolNodeData, ConstFloatNode, ConstFloatNodeData, ControlParameterBoolNode, ControlParameterBoolNodeData, ControlParameterFloatNode, ControlParameterFloatNodeData, ControlParameterTriggerNode, ControlParameterTriggerNodeData, DEFAULT_FONTS, DEFAULT_FPS, Database, Deferred, DestroyOptions, Downloader, EFFECTS_COPY_MESH_NAME, EVENT_TYPE_CLICK, EVENT_TYPE_TOUCH_END, EVENT_TYPE_TOUCH_MOVE, EVENT_TYPE_TOUCH_START, EffectComponent, EffectComponentTimeTrack, EffectsObject, EffectsPackage, Ellipse, Engine, EqualNodeData, EventEmitter, EventSystem, Fake3DAnimationMode, Fake3DComponent, FillType, FilterMode, Float16ArrayWrapper, FloatComparisonNode, FloatComparisonNodeData, FloatPropertyPlayableAsset, FloatPropertyTrack, FloatValueNode, Framebuffer, GLSLVersion, GPUCapability, Geometry, GlobalUniforms, GradientValue, GraphInstance, GraphNode, GraphNodeData, GraphicsPath, GreaterNodeData, HELP_LINK, HitTestType, InteractComponent, InteractLoader, InteractMesh, InvalidIndex, Item, KTXTexture, LayerBlendNode, LayerBlendNodeData, LessNodeData, LineSegments, LinearValue, MaskMode, MaskProcessor, MaskableGraphic, Material, MaterialDataBlock, MaterialRenderType, MaterialTrack, Mesh, MeshCollider, NodeTransform, NotNode, NotNodeData, ObjectBindingTrack, OrNode, OrNodeData, OrderType, PLAYER_OPTIONS_ENV_EDITOR, POST_PROCESS_SETTINGS, ParticleBehaviourPlayable, ParticleBehaviourPlayableAsset, ParticleLoader, ParticleMesh, ParticleSystem, ParticleSystemRenderer, ParticleTrack, PassTextureCache, PathSegments, PlayState, Playable, PlayableAsset, PlayableOutput, PluginSystem, PolyStar, Polygon, Pose, PoseNode, PostProcessVolume, PropertyTrack, 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, Scene, SemanticMap, SerializationHelper, Shader, ShaderCompileResultStatus, ShaderFactory, ShaderType, ShaderVariant, ShapeComponent, ShapePath, SourceType, SpriteColorPlayableAsset, SpriteColorTrack, SpriteComponent, SpriteComponentTimeTrack, SpriteLoader, StarType, StateMachineNode, StateMachineNodeData, StateNode, StateNodeData, StaticValue, SubCompositionPlayableAsset, SubCompositionTrack, TEMPLATE_USE_OFFSCREEN_CANVAS, TangentMode, TextComponent, TextComponentBase, TextLayout, TextLoader, TextStyle, Texture, TextureFactory, TextureLoadAction, TexturePaintScaleMode, TextureSourceType, TextureStoreAction, Ticker, TimelineAsset, TimelineClip, TimelineInstance, TrackAsset, TrackType, Transform, TransformTrack, TransitionNode, TransitionNodeData, TransitionState, VFXItem, ValueGetter, ValueNode, Vector2Curve, Vector2PropertyPlayableAsset, Vector2PropertyTrack, Vector3Curve, Vector4Curve, Vector4PropertyPlayableAsset, Vector4PropertyTrack, WeightedMode, addByOrder, addItem, addItemWithOrder, applyMixins, assertExist, asserts, base64ToFile, buildLine, calculateTranslation, canUseBOM, canvasPool, closePointEps, colorGradingFrag, colorStopsFromGradient, colorToArr$1 as colorToArr, combineImageTemplate, createCopyShader, createGLContext, createKeyFrameMeta, createShape, createValueGetter, curveEps, decimalEqual, defaultPlugins, deserializeMipmapTexture, earcut, effectsClass, effectsClassStore, enlargeBuffer, ensureFixedNumber, ensureVec3, findPreviousRenderPass, gaussianDownHFrag, gaussianDownVFrag, gaussianUpFrag, generateEmptyTypedArray, generateGUID, generateHalfFloatTexture, generateTransparentTexture, generateWhiteTexture, getBackgroundImage, getClass, getColorFromGradientStops, getConfig, getDefaultTextureFactory, getGeometryByShape, getGeometryTriangles, getKTXTextureOptions, getKeyFrameMetaByRawValue, getMergedStore, getNodeDataClass, 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, isOpenHarmony, isPlainObject, isSimulatorCellPhone, isString, isUniformStruct, isUniformStructArray, isValidFontFamily, isWebGL2, isWechatMiniApp, itemFrag, itemVert, loadAVIFOptional, loadBinary, loadBlob, loadImage, loadMedia, loadVideo, loadWebPOptional, logger, index as math, maxSpriteMeshItemCount, modifyMaxKeyframeShader, nearestPowerOfTwo, nodeDataClass, noop, normalizeColor, numberToFix, oldBezierKeyFramesToNew, parsePercent$1 as parsePercent, particleFrag, particleOriginTranslateMap$1 as particleOriginTranslateMap, particleUniformTypeMap, particleVert, passRenderLevel, pluginLoaderMap, randomInRange, registerPlugin, removeItem, rotateVec2, screenMeshVert, serialize, setBlendMode, setConfig, setDefaultTextureFactory, setMaskMode, setMaxSpriteMeshItemCount, setRayFromCamera, setSideMode, setSpriteMeshMaxItemCountByGPU, sortByOrder, index$1 as spec, thresholdFrag, throwDestroyedError, trailVert, translatePoint, trianglesFromRect, unregisterPlugin, valIfUndefined, value, valueDefine, vecFill, vecMulCombine, version, vertexFormatType2GLType };
+export { AbstractPlugin, ActivationMixerPlayable, ActivationPlayable, ActivationPlayableAsset, ActivationTrack, AndNode, AndNodeData, Animatable, AnimationClip, AnimationClipNode, AnimationClipNodeData, AnimationGraphAsset, Animator, ApplyAdditiveNode, ApplyAdditiveNodeData, Asset, AssetLoader, AssetManager, AssetService, BYTES_TYPE_MAP, Behaviour, BezierCurve, BezierCurvePath, BezierCurveQuat, BinaryAsset, BlendNode, BlendNodeData, BoolValueNode, COMPRESSED_TEXTURE, COPY_FRAGMENT_SHADER, COPY_MESH_SHADER_ID, COPY_VERTEX_SHADER, CalculateLoader, Camera, CameraController, CameraVFXItemLoader, ColorCurve, ColorPlayable, ColorPropertyMixerPlayable, ColorPropertyPlayableAsset, ColorPropertyTrack, Component, ComponentTimePlayable, ComponentTimePlayableAsset, ComponentTimeTrack, Composition, CompositionComponent, ConstBoolNode, ConstBoolNodeData, ConstFloatNode, ConstFloatNodeData, ControlParameterBoolNode, ControlParameterBoolNodeData, ControlParameterFloatNode, ControlParameterFloatNodeData, ControlParameterTriggerNode, ControlParameterTriggerNodeData, DEFAULT_FONTS, DEFAULT_FPS, Database, Deferred, DestroyOptions, Downloader, EFFECTS_COPY_MESH_NAME, EVENT_TYPE_CLICK, EVENT_TYPE_TOUCH_END, EVENT_TYPE_TOUCH_MOVE, EVENT_TYPE_TOUCH_START, EffectComponent, EffectComponentTimeTrack, EffectsObject, EffectsPackage, Ellipse, Engine, EqualNodeData, EventEmitter, EventSystem, Fake3DAnimationMode, Fake3DComponent, FilterMode, Float16ArrayWrapper, FloatComparisonNode, FloatComparisonNodeData, FloatPropertyMixerPlayable, FloatPropertyPlayableAsset, FloatPropertyTrack, FloatValueNode, Framebuffer, GLSLVersion, GPUCapability, Geometry, GlobalUniforms, GradientValue, GraphInstance, GraphNode, GraphNodeData, GraphicsPath, GreaterNodeData, HELP_LINK, HitTestType, InteractComponent, InteractLoader, InteractMesh, InvalidIndex, Item, KTXTexture, LayerBlendNode, LayerBlendNodeData, LessNodeData, LineSegments, LinearValue, MaskMode, MaskProcessor, MaskableGraphic, Material, MaterialDataBlock, MaterialRenderType, MaterialTrack, Mesh, MeshCollider, NodeTransform, NotNode, NotNodeData, ObjectBindingTrack, OrNode, OrNodeData, OrderType, PLAYER_OPTIONS_ENV_EDITOR, POST_PROCESS_SETTINGS, ParticleBehaviourPlayable, ParticleBehaviourPlayableAsset, ParticleLoader, ParticleMesh, ParticleMixerPlayable, ParticleSystem, ParticleSystemRenderer, ParticleTrack, PassTextureCache, PathSegments, PlayState, Playable, PlayableAsset, PlayableOutput, PluginSystem, PolyStar, Polygon, Pose, PoseNode, PostProcessVolume, PropertyClipPlayable, PropertyTrack, 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, Scene, SemanticMap, SerializationHelper, Shader, ShaderCompileResultStatus, ShaderFactory, ShaderType, ShaderVariant, ShapeComponent, ShapePath, SourceType, SpriteColorMixerPlayable, SpriteColorPlayableAsset, SpriteColorTrack, SpriteComponent, SpriteComponentTimeTrack, SpriteLoader, StarType, StateMachineNode, StateMachineNodeData, StateNode, StateNodeData, StaticValue, SubCompositionClipPlayable, SubCompositionMixerPlayable, SubCompositionPlayableAsset, SubCompositionTrack, TEMPLATE_USE_OFFSCREEN_CANVAS, TangentMode, TextComponent, TextComponentBase, TextLayout, TextLoader, TextStyle, Texture, TextureFactory, TextureLoadAction, TexturePaintScaleMode, TextureSourceType, TextureStoreAction, Ticker, TimelineAsset, TimelineClip, TimelineInstance, TrackAsset, TrackMixerPlayable, TrackType, Transform, TransformMixerPlayable, TransformPlayable, TransformPlayableAsset, TransformTrack, TransitionNode, TransitionNodeData, TransitionState, VFXItem, ValueGetter, ValueNode, Vector2Curve, Vector2PropertyMixerPlayable, Vector2PropertyPlayableAsset, Vector2PropertyTrack, Vector3Curve, Vector3PropertyMixerPlayable, Vector3PropertyTrack, Vector3ropertyPlayableAsset, Vector4Curve, Vector4PropertyMixerPlayable, Vector4PropertyPlayableAsset, Vector4PropertyTrack, WeightedMode, addByOrder, addItem, addItemWithOrder, applyMixins, assertExist, asserts, base64ToFile, buildLine, calculateTranslation, canUseBOM, canvasPool, closePointEps, colorGradingFrag, colorStopsFromGradient, colorToArr$1 as colorToArr, combineImageTemplate, createCopyShader, createGLContext, createKeyFrameMeta, createShape, createValueGetter, curveEps, decimalEqual, defaultPlugins, deserializeMipmapTexture, earcut, effectsClass, effectsClassStore, enlargeBuffer, ensureFixedNumber, ensureVec3, findPreviousRenderPass, gaussianDownHFrag, gaussianDownVFrag, gaussianUpFrag, generateEmptyTypedArray, generateGUID, generateHalfFloatTexture, generateTransparentTexture, generateWhiteTexture, getBackgroundImage, getClass, getColorFromGradientStops, getConfig, getDefaultTextureFactory, getGeometryByShape, getGeometryTriangles, getKTXTextureOptions, getKeyFrameMetaByRawValue, getMergedStore, getNodeDataClass, 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, isOpenHarmony, isPlainObject, isSimulatorCellPhone, isString, isUniformStruct, isUniformStructArray, isValidFontFamily, isWebGL2, isWechatMiniApp, itemFrag, itemVert, loadAVIFOptional, loadBinary, loadBlob, loadImage, loadMedia, loadVideo, loadWebPOptional, logger, index as math, maxSpriteMeshItemCount, modifyMaxKeyframeShader, nearestPowerOfTwo, nodeDataClass, noop, normalizeColor, numberToFix, oldBezierKeyFramesToNew, parsePercent$1 as parsePercent, particleFrag, particleOriginTranslateMap$1 as particleOriginTranslateMap, particleUniformTypeMap, particleVert, passRenderLevel, pluginLoaderMap, randomInRange, registerPlugin, removeItem, rotateVec2, screenMeshVert, serialize, setBlendMode, setConfig, setDefaultTextureFactory, setMaskMode, setMaxSpriteMeshItemCount, setRayFromCamera, setSideMode, setSpriteMeshMaxItemCountByGPU, sortByOrder, index$1 as spec, thresholdFrag, throwDestroyedError, trailVert, translatePoint, trianglesFromRect, unregisterPlugin, valIfUndefined, value, valueDefine, vecFill, vecMulCombine, version, vertexFormatType2GLType };
 //# sourceMappingURL=index.mjs.map