Hello ypmits, let's get down to the questions!
1. This question seems pretty similar to the one asked in this post:
Spine Web Player - custom button to change animation?Mario je napisao/la:When you create the player via JavaScript, just assign it to a variable, then reference it in your click listener. Something like:
var player = new spine.SpinePlayer("player", ...);
function changeAnimation() {
player.setAnimation("jump");
}
For setting skins, you'll need this:
player.skeleton.setSkinByName(name); player.skeleton.setSlotsToSetupPose();
2. The player calculates a viewport that fits for each animation, you can set padding etc. as explained in the webplayer documentation here:
Spine Web Player: Viewports3. The loading screen takes the
backgroundColor
from the configuration. if that doesn't work, you can file an issue on the spine-runtimes GitHub repository:
GitHub - EsotericSoftware/spine-runtimes: 2D skeletal animation runtimes for Spine.Spine Web Player: Background color4. This is currently not planned, but we might consider it for the future.
5. It's hard to say where that cookie comes from, we don't set any cookies in the player. We would have to see the your vue component in action and be able to debug what's going on.
We're happy you're enjoying Spine! I'd love ot see the final result so make sure to post in the Showcase section once you're done!