Overview

import soldier from "./assets/soldier.webp";
 
<PixelMotion
  sprite={superWarrior}
  width={30}
  height={31}
  startFrame={0}
  frameCount={15}
  fps={35}
  shouldAnimate={isPlaying}
  loop={false}
  scale={10}
  onAnimationEnd={() => {
    setIsPlaying(false);
  }}
/>
 
<button
  type="button"
  onClick={() => setIsPlaying(true)}
  disabled={isPlaying}
>
  {isPlaying ? "Attacking..." : "Attack!"}
</button>