Webplayer | Multiple Skeletons?

sHAYM4N · 14 мар 2019

Hi, I'm currently redeveloping my portfolio website and have been trying to use the webplayer in a few projects I'm presenting.

So far it's working great and such a nice bonus release

One problem I have at the moment though is I have a set of 12 game symbols (for a slot game I designed) that I was wanting to present in a grid on 1 player. They were all put together as seperate spine projects but share similar animation names.

The icons are too small to have there own player each, so a grid would be the only real option I could use. I haven't found a way in the javascript code to add more than one skeleton to a player, so I guess this option isnt possible?

Only alternative I thought of was importing all the skeletons into one project and trying to have them under one root, but some do share image file names too, so this maybe more work than it would be worthwhile.

Any other ideas greatly appreciated!

sHAYM4N · 14 мар 2019

Erika · 14 мар 2019

Hey! I think you have a few options:

Rename the assets with a prefix for each skeleton
You can use find and replace to rename all the bones, images paths, slots and add a prefix.

To rename your png files in a fast way, on windows you can use RegExRenamer http://regexrenamer.sourceforge.net/
you launch the program, then head to the images folder. in the search field you type: (.*) and in the replace field you type: prefixname-$1

You can do the exact same in Spine when you enable RegEx find and replace: Tree - Spine User Guide: Regular expressions it sounds complicated but it's really just this.

When you move the skeletons into one master skeleton, you'll need to recreate any constraint you might have had, then reimport the animations.

Export an APNG
This has the great advantage of saving all of the hassle above, it has high quality, but it can be a bit heavy, and it will be a regular image on unsupported super old browsers. Export - Spine User Guide: APNG

Regarding coding options, I can't help you, but I'm sure Mario or Nate will have suggestions

sHAYM4N · 14 мар 2019

That's awesome thanks Erikari! Think I will try the first option. The post is already going to be pretty media heavy, so maybe the best for now, but good to know about the APNG too! Will give it a shot

Erikari написал
Hey! I think you have a few options:

Rename the assets with a prefix for each skeleton
You can use find and replace to rename all the bones, images paths, slots and add a prefix.

To rename your png files in a fast way, on windows you can use RegExRenamer http://regexrenamer.sourceforge.net/
you launch the program, then head to the images folder. in the search field you type: (.*) and in the replace field you type: prefixname-$1

You can do the exact same in Spine when you enable RegEx find and replace: Tree - Spine User Guide: Regular expressions it sounds complicated but it's really just this.

When you move the skeletons into one master skeleton, you'll need to recreate any constraint you might have had, then reimport the animations.

Export an APNG
This has the great advantage of saving all of the hassle above, it has high quality, but it can be a bit heavy, and it will be a regular image on unsupported super old browsers. Export - Spine User Guide: APNG

Regarding coding options, I can't help you, but I'm sure Mario or Nate will have suggestions

Bit of a job, but worked perfectly, many thanks!