Create an Animated Sprite with useIntevalFn and useRafFn

In this lesson, we continue learning how to use the useIntevalFn composable from VueUse to create an animated sprite. Afterwards though, we pivot just a bit to see how you would accomplish the same thing with the useRafFn composable.

NOTE: If you can’t see the sprite image try opening the Stackblitz project preview in it’s own window (with the “Open in New Window” button on the top right).

Links

• useRafFn - Start | End | Docs
• Sprite Image on FreeSVG.org
• Sprite Image Direct Link
• Stack Overflow: Request Frame Animation Vs setInterval