メインコンテンツへスキップ

カスタムプロパティアニメーション

商品説明​

このコンポーネントは、エンティティにアニメーションを作成します。

プロパティ一覧​

PropertyType初期値商品説明
属性ストリング''アニメートする属性を選択（位置、スケール、マテリアルなど）
プロパティストリング''アニメートする個々のプロパティ（例: ベクトル属性のx、y、z）
ターゲットイードundefinedアニメートする対象のオブジェクト。 指定されていない場合、アニメーションはコンポーネントがアタッチされているオブジェクト上で実行されます。
よりオブジェクトundefinedアニメーションの開始状態
へのオブジェクトundefinedアニメーションの終了状態
オートフロムブーリアンfalse有効にすると、'from' プロパティを無視し、アニメーション開始時のオブジェクトの状態からアニメーションを行う。
存続期間番号0アニメーションの実行時間（ミリ秒）。
ループブーリアンfalse有効にすると、アニメーションを繰り返す。
リバースブーリアンfalseループが設定されている場合、逆再生を行うかどうか。
イージーインブーリアンfalse有効にすると、直線補間の代わりにイージング機能が適用される。
イーズアウトブーリアンfalse有効にすると、直線補間の代わりにイージング機能が適用される。
イージング機能ストリング''二次（デフォルト）、三次、四次、五次、正弦波、指数、円形、弾性、バック、バウンスから選択

関数一覧​

Get​

Returns a read-only reference.

Example

ecs.CustomPropertyAnimation.get(world, component.eid)

Set​

Ensures the component exists on the entity, then assigns the (optional) data to the component.

Example

ecs.CustomPropertyAnimation.set(world, component.eid, {
  attribute: 'attribute',
  property: 'property',
  from: {
    x: 0,
    y: 0,
    z: 0
 },
  to: {
    x: 10,
    y: 10,
    z: 10
 },
  autoFrom: false,
  duration: 1000,
  loop: false,
  reverse: false,
  easeIn: false,
  easeOut: false,
  easingFunction: 'Cubic'
})

Mutate​

Perform an update to the component within a callback function. Return true to indicate no changes made.

Example

ecs.CustomPropertyAnimation.mutate(world, component.eid, (cursor) => {
  cursor.duration = 1000;
  cursor.loop = true;
  return false;
})

Remove​

Removes the component from the entity.

Example

ecs.CustomPropertyAnimation.remove(world, component.eid)

Has​

Returns true if the component is present on the entity.

Example

ecs.CustomPropertyAnimation.has(world, component.eid)

Reset​

Adds, or resets the component to its default state.

Example

ecs.CustomPropertyAnimation.reset(world, component.eid)

Advanced Functions​

Cursor​

Returns a mutable reference. Cursors are reused so only one cursor for each component can exist at a time.

Example
ecs.CustomPropertyAnimation.cursor(world, component.eid)

Acquire​

Same behavior as cursor, but commit must be called after the cursor is done being used.

Example
ecs.CustomPropertyAnimation.acquire(world, component.eid)

Commit​

Called after acquire. An optional third argument determines whether the cursor was mutated or not.

Example
ecs.CustomPropertyAnimation.commit(world, component.eid)
ecs.CustomPropertyAnimation.commit(world, component.eid, false)

Dirty​

Mark the entity as having been mutated. Only needed in a specific case where systems are mutating data.

Example
ecs.CustomPropertyAnimation.dirty(world, component.eid)