top of page

How to loop any PNG sequence VFX in Spine

Updated: Aug 5

Welcome to this tutorial! Today, we will be exploring how to animate a fire PNG sequence using Spine. By importing the sequence and animating it, we can create a seamless loop. To achieve this, we will duplicate the sequence and overlap it with a half cycle offset. So let's get started and animate VFX in Spine


Import PNG sequence VFX into Spine

  • Copy the sequence into your Spine project directory

  • In Spine drag the first image of the sequence which will create an image attachment

  • Select that attachment and convert it to sequence attachment

  • Remove the index from the attachment's name and add it in the properties panel

the process of importing png sequence into spine
Import PNG sequence into Spine 2d

                  Want to read more?

                  Subscribe to armanimation.com to keep reading this exclusive post.

                  bottom of page