diff --git a/spine-ts/webgl/demos/skins.js b/spine-ts/webgl/demos/skins.js index eab689e60..c0c83c954 100644 --- a/spine-ts/webgl/demos/skins.js +++ b/spine-ts/webgl/demos/skins.js @@ -104,20 +104,23 @@ var skinsDemo = function(loadingComplete, bgColor) { event: function (trackIndex, event) {}, complete: function (trackIndex, loopCount) {}, start: function (trackIndex) { - setupAnimations(state); + setupAnimations(state); }, - end: function (trackIndex) { } - }; + end: function (trackIndex) {} + }; + state.setAnimation(1, "empty", false, 0); state.addAnimation(1, "meleeSwing1", false, 4); + state.setAnimation(2, "empty", false, 0); state.addAnimation(2, "meleeSwing1", false, 7.5); + state.setAnimation(3, "empty", false, 0); state.addAnimation(3, "meleeSwing2", false, 10.5); state.addAnimation(3, "meleeSwing1", false, 0); state.addAnimation(3, "meleeSwing2", false, 0); - - state.addAnimation(4, "hideSword", false, 0); + + state.setAnimation(4, "hideSword", false, 0); state.addAnimation(4, "hideSword", false, 19.15); } @@ -148,6 +151,14 @@ var skinsDemo = function(loadingComplete, bgColor) { randomizeSkins = document.getElementById("skinsdemo-randomizeskins"); } + function setSkin (skin) { + var slot = skeleton.findSlot("item_near"); + var weapon = slot.getAttachment(); + skeleton.setSkin(skin); + skeleton.setSlotsToSetupPose(); + slot.setAttachment(weapon); + } + function randomizeSkin() { var result; var count = 0; @@ -157,8 +168,7 @@ var skinsDemo = function(loadingComplete, bgColor) { result = skeleton.data.skins[skin]; } } - skeleton.setSkin(result); - skeleton.setSlotsToSetupPose(); + setSkin(result); $("#skinsdemo-active-skin option").filter(function() { return ($(this).text() == result.name); }).prop("selected", true); @@ -180,8 +190,7 @@ var skinsDemo = function(loadingComplete, bgColor) { newSkin.addAttachment(slot, attachmentName, attachments[attachmentName]); } } - skeleton.setSkin(newSkin); - skeleton.setSlotsToSetupPose(); + setSkin(newSkin); randomizeSkins.checked = false; }