<Anim/>

The Anim component enables animation playback for an Entity. It allows you to play animation clips from animation assets and control their playback.

Usage

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} clip="Walk" loop />
    </Entity>
  )
}

Learn more about the Anim Component in the PlayCanvas documentation.

Properties

Name	Type	Default
asset	Asset 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.	-