AnimatedSprite

Props

https://pixijs.download/v7.x/docs/PIXI.AnimatedSprite.html

Additional Props

Prop	Default Value	Description
textures array		Generate the animated sprite from the textures
images array		Generate the animated sprite directly from the images
isPlaying boolean	true	whether the animation starts automatically
initialFrame integer	0	Which frame the animation starts from

Usage

Result

Loading...

Live Editor

// import { render } from 'react-dom'; // import { Stage, Container, AnimatedSprite } from '@pixi/react'; const textures = makeAnimatedSpriteTextures(); render( <Stage width={300} height={300} options={{ backgroundColor: 0xeef1f5 }}> <Container position={[150, 150]}> <AnimatedSprite anchor={0.5} textures={textures} isPlaying={true} initialFrame={0} animationSpeed={0.1} /> </Container> </Stage>, );

// import { render } from 'react-dom';
// import { Stage, Container, AnimatedSprite } from '@pixi/react';

const textures = makeAnimatedSpriteTextures();

render(
  <Stage width={300} height={300} options={{ backgroundColor: 0xeef1f5 }}>
    <Container position={[150, 150]}>
      <AnimatedSprite
        anchor={0.5}
        textures={textures}
        isPlaying={true}
        initialFrame={0}
        animationSpeed={0.1}
      />
    </Container>
  </Stage>,
);

Example