<Anim/>

Anim コンポーネントは、Entity のアニメーション再生を有効にします。アニメーション Asset からアニメーションクリップを再生し、その再生を制御できます。

使い方

import { Entity } from '@playcanvas/react'
import { Anim, Render } from '@playcanvas/react/components'
import { useModel } from '@playcanvas/react/hooks'

const AnimatingDinosaur = (props) => {
  const { asset } = useModel('/dinosaur.glb')

  if (!asset) return null

  return (
    <Entity {...props}>
      <Render type="asset" asset={asset} />
      <Anim asset={asset} playing />
    </Entity>
  )
}

Asset を指定すると、<Anim> はそのアニメーションをすべて 1 つのステートに入れるため、アニメーションが複数ある場合は最後のものだけが再生されます。クリップを名前で再生する方法や、ステートグラフ、レイヤー、イベントの使い方は、アニメーションセクションを参照してください。

playing は必ず指定してください。<Anim> はレンダリングされるたびにすべての props をエンジンのコンポーネントに設定し、playing のデフォルトは false です。指定しないと、コンポーネントが再びレンダリングされた時点でアニメーションが止まります。

PlayCanvas ドキュメントの Anim Component で詳細を確認できます。

プロパティ

Name	Type	Default
asset	Asset<string> The asset containing the animations to play. Setting this prop will automatically assign the animations to the component.	-
stateGraphAsset?	any	-
normalizeWeights?	boolean Sets whether the animation component will normalize the weights of its layers by their sum total. Gets whether the animation component will normalize the weights of its layers by their sum total.	-
animationAssets?	{}	-
speed?	number Sets the speed multiplier for animation play back speed. 1.0 is playback at normal speed, 0.0 pauses the animation. Gets the speed multiplier for animation play back speed.	-
activate?	boolean Sets whether the first animation will begin playing when the scene is loaded. Gets whether the first animation will begin playing when the scene is loaded.	-
playing?	boolean Sets whether to play or pause all animations in the component. Gets whether to play or pause all animations in the component.	-
rootBone?	Entity Sets the entity that this anim component should use as the root of the animation hierarchy. Gets the entity that this anim component should use as the root of the animation hierarchy.	-
stateGraph?	any	-
layerIndices?	{}	-
parameters?	{}	-
targets?	{}	-
system?	ComponentSystem The ComponentSystem used to create this Component.	-
entity?	Entity The Entity that this Component is attached to.	-
enabled?	boolean Sets the enabled state of the component. Gets the enabled state of the component.	-