feat: add timeline asset data def (#59)

* feat: add timeline asset data def

* perf: opt code

src/components.ts

@@ -13,6 +13,10 @@ export enum DataType {
   Texture = 'Texture',
   AnimationClip = 'AnimationClip',
   TextComponent = 'TextComponent',
+  TrackAsset = 'TrackAsset',
+  TimelineAsset = 'TimelineAsset',
+  TransformAnimationPlayableAsset = 'TransformAnimationPlayableAsset',
+  SpriteColorPlayableAsset = 'SpriteColorPlayableAsset',
 
   // FIXME: 先完成ECS的场景转换，后面移到spec中
   MeshComponent = 'MeshComponent',
@@ -22,6 +26,9 @@ export enum DataType {
   ModelPluginComponent = 'ModelPluginComponent',
   TreeComponent = 'TreeComponent',
   AnimationComponent = 'AnimationComponent',
+
+  // Non-EffectObject
+  TimelineClip = 'TimelineClip',
 }
 
 export interface DataPath {

src/composition.ts

@@ -1,4 +1,4 @@
-import type { Item } from './item';
+import type { DataPath } from './components';
 import {
   CAMERA_CLIP_MODE_NORMAL,
   CAMERA_CLIP_MODE_VERTICAL,
@@ -9,7 +9,7 @@ import {
   END_BEHAVIOR_PAUSE_AND_DESTROY,
   END_BEHAVIOR_RESTART,
 } from './constants';
-import type { DataPath } from './components';
+import type { Item } from './item';
 
 export enum CameraClipMode {
   /**
@@ -174,4 +174,23 @@ export interface CompositionData {
    * 降级图
    */
   fallbackImage?: string,
+  /**
+   * 时间轴资产（TimelineAssetData）
+   */
+  timelineAsset: DataPath,
+  /**
+   * 轨道的场景绑定
+   */
+  sceneBindings: SceneBindingData[],
+}
+
+export interface SceneBindingData {
+  /**
+   * 绑定的轨道资产（TrackAssetData）
+   */
+  key: DataPath,
+  /**
+   * 被绑定的场景对象（VFXItemData）
+   */
+  value: DataPath,
 }

src/index.ts

@@ -25,3 +25,4 @@ export * from './text';
 export * from './components';
 export * from './vfx-item-data';
 export * from './buitin-object-guid';
+export * from './timeline';

src/item/null-item.ts

@@ -1,9 +1,6 @@
-import type {
-  SizeOverLifetime, RotationOverLifetime, PositionOverLifetime, ColorOverLifetime, ItemType,
-} from '../type';
 import type { RGBAColorValue } from '../number-expression';
+import type { ColorOverLifetime, ItemType, PositionOverLifetime, RotationOverLifetime, SizeOverLifetime } from '../type';
 import type { BaseItem } from './base-item';
-import type { ComponentData, DataPath, EffectsObjectData } from '../components';
 /**
  * 空节点元素
  */
@@ -47,59 +44,4 @@ export interface NullContent {
    * 空节点元素色彩变化属性
    */
   colorOverLifetime?: ColorOverLifetime,
-}
-
-export interface TimelineComponentData extends ComponentData {
-  /**
-   * 轨道数据
-   */
-  tracks: TrackAssetData[],
-}
-
-export interface PlayableAssetData {
-  dataType: string,
-}
-
-export interface TrackAssetData extends PlayableAssetData {
-  clips: TimelineClipData[],
-}
-
-export interface TimelineClipData {
-  start: number,
-  duration: number,
-  clipAsset: DataPath, // PlayableData
-}
-
-export interface TransformAnimationPlayableAssetData extends PlayableAssetData {
-  animationClip: DataPath, // TransformAnimationClipData
-}
-
-export interface SpriteColorAnimationPlayableAssetData extends PlayableAssetData {
-  animationClip: DataPath, // SpriteColorAnimationClipData
-}
-
-export interface TransformAnimationClipData extends EffectsObjectData {
-  /**
-   * 空节点元素大小变化属性
-   */
-  sizeOverLifetime?: SizeOverLifetime,
-  /**
-   * 空节点元素旋转变化属性
-   */
-  rotationOverLifetime?: RotationOverLifetime,
-  /**
-   * 空节点元素位置变化属性
-   */
-  positionOverLifetime?: PositionOverLifetime,
-}
-
-export interface SpriteColorAnimationClipData extends EffectsObjectData {
-  /**
-   * 空节点元素色彩变化属性
-   */
-  colorOverLifetime?: ColorOverLifetime,
-  /**
-   * 图层初始颜色
-   */
-  startColor?: RGBAColorValue,
-}
+}

src/timeline/index.ts

@@ -0,0 +1,5 @@
+export * from './track/track-asset-data';
+export * from './sprite-color-playable-asset-data';
+export * from './timeline-asset-data';
+export * from './timeline-clip-data';
+export * from './transform-animation-playable-asset-data';

src/timeline/sprite-color-playable-asset-data.ts

@@ -0,0 +1,8 @@
+import type { EffectsObjectData } from '../components';
+import type { RGBAColorValue } from '../number-expression';
+import type { ColorOverLifetime } from '../type';
+
+export interface SpriteColorPlayableAssetData extends EffectsObjectData {
+  colorOverLifetime?: ColorOverLifetime,
+  startColor?: RGBAColorValue,
+}

src/timeline/timeline-asset-data.ts

@@ -0,0 +1,8 @@
+import type { EffectsObjectData, DataPath } from '../components';
+
+export interface TimelineAssetData extends EffectsObjectData {
+  /**
+   * 轨道数据（TrackAssetData）
+   */
+  tracks: DataPath[],
+}

src/timeline/timeline-clip-data.ts

@@ -0,0 +1,10 @@
+import type { DataPath } from '../components';
+
+export interface TimelineClipData {
+  start?: number,
+  duration?: number,
+  /**
+     * 可播放资产（PlayableAssetData）
+     */
+  asset: DataPath,
+}

src/timeline/track/track-asset-data.ts

@@ -0,0 +1,10 @@
+import type { DataPath, EffectsObjectData } from '../../components';
+import type { TimelineClipData } from '../timeline-clip-data';
+
+export interface TrackAssetData extends EffectsObjectData {
+  /**
+   * 子轨道数据（TrackAssetData）
+   */
+  children: DataPath[],
+  clips: TimelineClipData,
+}

src/timeline/transform-animation-playable-asset-data.ts

@@ -0,0 +1,17 @@
+import type { EffectsObjectData } from '../components';
+import type { SizeOverLifetime, RotationOverLifetime, PositionOverLifetime } from '../type';
+
+export interface TransformAnimationPlayableAssetData extends EffectsObjectData {
+  /**
+   * 元素大小变化属性
+   */
+  sizeOverLifetime?: SizeOverLifetime,
+  /**
+   * 元素旋转变化属性
+   */
+  rotationOverLifetime?: RotationOverLifetime,
+  /**
+   * 元素位置变化属性
+   */
+  positionOverLifetime?: PositionOverLifetime,
+}