My application is a game built entirely from HTML - it's just a set of screens (i.e. divs) with buttons, text and static characters as images. It's a 'single page' app where these screen divs are shown/hidden to move around the app.
I'd like to add animation to my characters - Spine seems like a good choice, but the API tightly ties data to the component that's going to display it. I.e. you have a div and pass that into a constructor, so you can only show an animation in that one div.
I have lots of divs spread across lots of 'screens' (i.e. top-level DIVs which represent a whole screen) - I'd like to associated players with all this divs, and then say 'play this', passing in a pre-loaded animation.
Is that an option here? Or is Spine just the wrong choice for my application?
I know I could just move one div around by reparenting it but that would be a bit of a nightmare to manage.