@galacean/effects-core 2.1.0-alpha.13 → 2.1.0-alpha.14

package/dist/components/shape-component.d.ts

@@ -1,4 +1,4 @@
-import type * as spec from '@galacean/effects-specification';
+import * as spec from '@galacean/effects-specification';
 import type { Engine } from '../engine';
 import { MeshComponent } from './mesh-component';
 /**
@@ -22,264 +22,5 @@ export declare class ShapeComponent extends MeshComponent {
     private buildGeometryFromPath;
     private buildPath;
     private setFillColor;
-    fromData(data: ShapeComponentData): void;
-}
-/************************** Test Interface **********************************/
-/**
- * 矢量图形组件
- */
-export interface ShapeComponentData extends spec.ComponentData {
-    /**
-     * 矢量类型
-     */
-    type: ShapePrimitiveType;
-}
-/**
- * 矢量图形类型
- */
-export declare enum ShapePrimitiveType {
-    /**
-     * 自定义图形
-     */
-    Custom = 0,
-    /**
-     * 矩形
-     */
-    Rectangle = 1,
-    /**
-     * 椭圆
-     */
-    Ellipse = 2,
-    /**
-     * 多边形
-     */
-    Polygon = 3,
-    /**
-     * 星形
-     */
-    Star = 4
-}
-/**
- * 自定义图形组件
- */
-export interface CustomShapeData extends ShapeComponentData {
-    /**
-     * 矢量类型 - 形状
-     */
-    type: ShapePrimitiveType.Custom;
-    /**
-     * 路径点
-     */
-    points: spec.Vector2Data[];
-    /**
-     * 入射控制点
-     */
-    easingIns: spec.Vector2Data[];
-    /**
-     * 入射控制点
-     */
-    easingOuts: spec.Vector2Data[];
-    /**
-     * 自定义形状
-     */
-    shapes: CustomShape[];
-}
-/**
- * 自定义形状参数
- */
-export interface CustomShape {
-    /**
-     * 点索引 - 用于构成闭合图形
-     */
-    indexes: CustomShapePoint[];
-    /**
-     * 是否为闭合图形 - 用于Stroke
-     */
-    close: boolean;
-    /**
-     * 填充属性
-     */
-    fill?: ShapeFillParam;
-    /**
-     * 描边属性
-     */
-    stroke?: ShapeStrokeParam;
-    /**
-     * 空间变换
-     */
-    transform?: spec.TransformData;
-}
-/**
- * 自定义形状点
- */
-export interface CustomShapePoint {
-    /**
-     * 顶点索引
-     */
-    point: number;
-    /**
-     * 入射点索引
-     */
-    easingIn: number;
-    /**
-     * 出射点索引
-     */
-    easingOut: number;
-}
-/**
- * 矢量填充参数
- */
-export interface ShapeFillParam {
-    /**
-     * 填充颜色
-     */
-    color: spec.ColorData;
-}
-/**
- * 矢量描边参数
- */
-export interface ShapeStrokeParam {
-    /**
-     * 线宽
-     */
-    width: number;
-    /**
-     * 线颜色
-     */
-    color: spec.ColorData;
-    /**
-     * 连接类型
-     */
-    connectType: ShapeConnectType;
-    /**
-     * 点类型
-     */
-    pointType: ShapePointType;
-}
-export declare enum ShapeConnectType {
-}
-export declare enum ShapePointType {
-}
-/**
- * 椭圆组件参数
- */
-export interface EllipseData extends ShapeComponentData {
-    type: ShapePrimitiveType.Ellipse;
-    /**
-     * x 轴半径
-     * -- TODO 后续完善类型
-     * -- TODO 可以看一下用xRadius/yRadius 还是 width/height
-     */
-    xRadius: number;
-    /**
-     * y 轴半径
-     */
-    yRadius: number;
-    /**
-     * 填充属性
-     */
-    fill?: ShapeFillParam;
-    /**
-     * 描边属性
-     */
-    stroke?: ShapeStrokeParam;
-    /**
-     * 空间变换
-     */
-    transform?: spec.TransformData;
-}
-/**
- * 星形参数
- */
-export interface StarData extends ShapeComponentData {
-    /**
-     * 顶点数 - 内外顶点同数
-     */
-    pointCount: number;
-    /**
-     * 内径
-     */
-    innerRadius: number;
-    /**
-     * 外径
-     */
-    outerRadius: number;
-    /**
-     * 内径点圆度
-     */
-    innerRoundness: number;
-    /**
-     * 外径点圆度
-     */
-    outerRoundness: number;
-    /**
-     * 填充属性
-     */
-    fill?: ShapeFillParam;
-    /**
-     * 描边属性
-     */
-    stroke?: ShapeStrokeParam;
-    /**
-     * 空间变换
-     */
-    transform?: spec.TransformData;
-}
-/**
- * 多边形参数
- */
-export interface PolygonData extends ShapeComponentData {
-    /**
-     * 顶点数
-     */
-    pointCount: number;
-    /**
-     * 外切圆半径
-     */
-    radius: number;
-    /**
-     * 角点圆度
-     */
-    roundness: number;
-    /**
-     * 填充属性
-     */
-    fill?: ShapeFillParam;
-    /**
-     * 描边属性
-     */
-    stroke?: ShapeStrokeParam;
-    /**
-     * 空间变换
-     */
-    transform?: spec.TransformData;
-}
-/**
- * 矩形参数
- */
-export interface RectangleData extends ShapeComponentData {
-    /**
-     * 宽度
-     */
-    width: number;
-    /**
-     * 高度
-     */
-    height: number;
-    /**
-     * 角点元素
-     */
-    roundness: number;
-    /**
-     * 填充属性
-     */
-    fill?: ShapeFillParam;
-    /**
-     * 描边属性
-     */
-    stroke?: ShapeStrokeParam;
-    /**
-     * 空间变换
-     */
-    transform?: spec.TransformData;
+    fromData(data: spec.ShapeComponentData): void;
 }

package/dist/events/types.d.ts

@@ -34,4 +34,11 @@ export type CompositionEvent<C> = {
     ['end']: [endInfo: {
         composition: C;
     }];
+    /**
+     * 时间跳转事件
+     * 用于在合成中跳转到指定时间
+     */
+    ['goto']: [gotoInfo: {
+        time: number;
+    }];
 };

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime core for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.1.0-alpha.13
+ * Version: v2.1.0-alpha.14
  */
 
 'use strict';
@@ -1622,6 +1622,34 @@ var BuiltinObjectGUID = {
     UnlitShader: "unlit000000000000000000000000000"
 };
 
+/**
+ * 矢量图形类型
+ */ var ShapePrimitiveType;
+(function(ShapePrimitiveType) {
+    /**
+     * 自定义图形
+     */ ShapePrimitiveType[ShapePrimitiveType["Custom"] = 0] = "Custom";
+    /**
+     * 矩形
+     */ ShapePrimitiveType[ShapePrimitiveType["Rectangle"] = 1] = "Rectangle";
+    /**
+     * 椭圆
+     */ ShapePrimitiveType[ShapePrimitiveType["Ellipse"] = 2] = "Ellipse";
+    /**
+     * 多边形
+     */ ShapePrimitiveType[ShapePrimitiveType["Polygon"] = 3] = "Polygon";
+    /**
+     * 星形
+     */ ShapePrimitiveType[ShapePrimitiveType["Star"] = 4] = "Star";
+})(ShapePrimitiveType || (ShapePrimitiveType = {}));
+
+// 本期无该功能 待补充
+var ShapeConnectType;
+(function(ShapeConnectType) {})(ShapeConnectType || (ShapeConnectType = {}));
+// @待补充
+var ShapePointType;
+(function(ShapePointType) {})(ShapePointType || (ShapePointType = {}));
+
 /**
  * 动态换图类型
  * @since 1.1.0
@@ -1816,6 +1844,9 @@ var index$1 = /*#__PURE__*/Object.freeze({
     get TextWeight () { return TextWeight; },
     get FontStyle () { return FontStyle; },
     BuiltinObjectGUID: BuiltinObjectGUID,
+    get ShapePrimitiveType () { return ShapePrimitiveType; },
+    get ShapeConnectType () { return ShapeConnectType; },
+    get ShapePointType () { return ShapePointType; },
     get BackgroundType () { return BackgroundType; },
     get MultimediaType () { return MultimediaType; },
     get DataType () { return DataType; },
@@ -16143,7 +16174,7 @@ exports.ShapeComponent = /*#__PURE__*/ function(MeshComponent) {
         this.path.clear();
         var shapeData = data;
         switch(shapeData.type){
-            case 0:
+            case ShapePrimitiveType.Custom:
                 {
                     var customData = shapeData;
                     var points = customData.points;
@@ -16180,28 +16211,28 @@ exports.ShapeComponent = /*#__PURE__*/ function(MeshComponent) {
                     }
                     break;
                 }
-            case 2:
+            case ShapePrimitiveType.Ellipse:
                 {
                     var ellipseData = shapeData;
                     this.path.ellipse(0, 0, ellipseData.xRadius, ellipseData.yRadius);
                     this.setFillColor(ellipseData.fill);
                     break;
                 }
-            case 1:
+            case ShapePrimitiveType.Rectangle:
                 {
                     var rectangleData = shapeData;
                     this.path.rect(-rectangleData.width / 2, -rectangleData.height / 2, rectangleData.width, rectangleData.height);
                     this.setFillColor(rectangleData.fill);
                     break;
                 }
-            case 4:
+            case ShapePrimitiveType.Star:
                 {
                     var starData = shapeData;
                     this.path.polyStar(starData.pointCount, starData.outerRadius, starData.innerRadius, starData.outerRoundness, starData.innerRoundness, StarType.Star);
                     this.setFillColor(starData.fill);
                     break;
                 }
-            case 3:
+            case ShapePrimitiveType.Polygon:
                 {
                     var polygonData = shapeData;
                     this.path.polyStar(polygonData.pointCount, polygonData.radius, polygonData.radius, polygonData.roundness, polygonData.roundness, StarType.Polygon);
@@ -16233,28 +16264,6 @@ exports.ShapeComponent = /*#__PURE__*/ function(MeshComponent) {
 exports.ShapeComponent = __decorate([
     effectsClass("ShapeComponent")
 ], exports.ShapeComponent);
-exports.ShapePrimitiveType = void 0;
-(function(ShapePrimitiveType) {
-    /**
-   * 自定义图形
-   */ ShapePrimitiveType[ShapePrimitiveType["Custom"] = 0] = "Custom";
-    /**
-   * 矩形
-   */ ShapePrimitiveType[ShapePrimitiveType["Rectangle"] = 1] = "Rectangle";
-    /**
-   * 椭圆
-   */ ShapePrimitiveType[ShapePrimitiveType["Ellipse"] = 2] = "Ellipse";
-    /**
-   * 多边形
-   */ ShapePrimitiveType[ShapePrimitiveType["Polygon"] = 3] = "Polygon";
-    /**
-   * 星形
-   */ ShapePrimitiveType[ShapePrimitiveType["Star"] = 4] = "Star";
-})(exports.ShapePrimitiveType || (exports.ShapePrimitiveType = {}));
-exports.ShapeConnectType = void 0;
-(function(ShapeConnectType) {})(exports.ShapeConnectType || (exports.ShapeConnectType = {}));
-exports.ShapePointType = void 0;
-(function(ShapePointType) {})(exports.ShapePointType || (exports.ShapePointType = {}));
 
 exports.Fake3DComponent = /*#__PURE__*/ function(Component) {
     _inherits(Fake3DComponent, Component);
@@ -18867,9 +18876,18 @@ exports.SpriteComponent = /*#__PURE__*/ function(BaseRenderComponent) {
         }
     };
     _proto.onDestroy = function onDestroy() {
+        var textures = this.getTextures();
         if (this.item && this.item.composition) {
-            this.item.composition.destroyTextures(this.getTextures());
+            this.item.composition.destroyTextures(textures);
         }
+        textures.forEach(function(texture) {
+            var source = texture.source;
+            if (source.sourceType === exports.TextureSourceType.video && (source == null ? void 0 : source.video)) {
+                source.video.pause();
+                source.video.src = "";
+                source.video.load();
+            }
+        });
     };
     _proto.createGeometry = function createGeometry(mode) {
         var maxVertex = 12 * this.splits.length;
@@ -24862,7 +24880,7 @@ var TextLayout = /*#__PURE__*/ function() {
     function TextLayout(options) {
         this.width = 0;
         this.height = 0;
-        var _options_textHeight = options.textHeight, textHeight = _options_textHeight === void 0 ? 100 : _options_textHeight, _options_textWidth = options.textWidth, textWidth = _options_textWidth === void 0 ? 100 : _options_textWidth, _options_textOverflow = options.textOverflow, textOverflow = _options_textOverflow === void 0 ? TextOverflow.display : _options_textOverflow, _options_textBaseline = options.textBaseline, textBaseline = _options_textBaseline === void 0 ? TextBaseline.top : _options_textBaseline, _options_textAlign = options.textAlign, textAlign = _options_textAlign === void 0 ? TextAlignment.left : _options_textAlign, text = options.text, _options_letterSpace = options.letterSpace, letterSpace = _options_letterSpace === void 0 ? 0 : _options_letterSpace, _options_autoWidth = options.autoWidth, autoWidth = _options_autoWidth === void 0 ? false : _options_autoWidth, fontSize = options.fontSize, _options_lineHeight = options.lineHeight, lineHeight = _options_lineHeight === void 0 ? fontSize : _options_lineHeight;
+        var _options_textHeight = options.textHeight, textHeight = _options_textHeight === void 0 ? 100 : _options_textHeight, _options_textWidth = options.textWidth, textWidth = _options_textWidth === void 0 ? 100 : _options_textWidth, _options_textOverflow = options.textOverflow, textOverflow = _options_textOverflow === void 0 ? TextOverflow.display : _options_textOverflow, _options_textBaseline = options.textBaseline, textBaseline = _options_textBaseline === void 0 ? TextBaseline.top : _options_textBaseline, _options_textAlign = options.textAlign, textAlign = _options_textAlign === void 0 ? TextAlignment.left : _options_textAlign, _options_text = options.text, text = _options_text === void 0 ? " " : _options_text, _options_letterSpace = options.letterSpace, letterSpace = _options_letterSpace === void 0 ? 0 : _options_letterSpace, _options_autoWidth = options.autoWidth, autoWidth = _options_autoWidth === void 0 ? false : _options_autoWidth, fontSize = options.fontSize, _options_lineHeight = options.lineHeight, lineHeight = _options_lineHeight === void 0 ? fontSize : _options_lineHeight;
         var tempWidth = fontSize + letterSpace;
         this.autoWidth = autoWidth;
         this.maxTextWidth = text.length * tempWidth;
@@ -29038,16 +29056,15 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
         if (pause) {
             this.resume();
         }
-        if (!this.rootComposition.isStartCalled) {
-            this.rootComposition.onStart();
-            this.rootComposition.isStartCalled = true;
-        }
         this.setSpeed(1);
         this.forwardTime(time + this.startTime);
         this.setSpeed(speed);
         if (pause) {
             this.pause();
         }
+        this.emit("goto", {
+            time: time
+        });
     };
     _proto.addItem = function addItem(item) {
         this.items.push(item);
@@ -31587,7 +31604,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 = "2.1.0-alpha.13";
+var version = "2.1.0-alpha.14";
 logger.info("Core version: " + version + ".");
 
 exports.AbstractPlugin = AbstractPlugin;