Updated spine-turbulenz example.

spine-turbulenz/example/data/spineboy.atlas

@@ -1,166 +1,195 @@
 
 spineboy.png
+size: 1024,256
 format: RGBA8888
 filter: Linear,Linear
 repeat: none
+eye_indifferent
+  rotate: false
+  xy: 890, 146
+  size: 56, 53
+  orig: 56, 53
+  offset: 0, 0
+  index: -1
+eye_surprised
+  rotate: false
+  xy: 444, 5
+  size: 56, 53
+  orig: 56, 53
+  offset: 0, 0
+  index: -1
+front_bracer
+  rotate: false
+  xy: 966, 103
+  size: 35, 48
+  orig: 35, 48
+  offset: 0, 0
+  index: -1
+front_fist_closed
+  rotate: false
+  xy: 847, 84
+  size: 45, 49
+  orig: 45, 49
+  offset: 0, 0
+  index: -1
+front_fist_open
+  rotate: false
+  xy: 968, 190
+  size: 52, 52
+  orig: 52, 52
+  offset: 0, 0
+  index: -1
+front_foot
+  rotate: false
+  xy: 890, 201
+  size: 76, 41
+  orig: 76, 41
+  offset: 0, 0
+  index: -1
+front_foot_bend1
+  rotate: false
+  xy: 444, 98
+  size: 77, 42
+  orig: 77, 42
+  offset: 0, 0
+  index: -1
+front_foot_bend2
+  rotate: false
+  xy: 279, 5
+  size: 65, 56
+  orig: 65, 56
+  offset: 0, 0
+  index: -1
+front_shin
+  rotate: false
+  xy: 792, 132
+  size: 49, 110
+  orig: 49, 110
+  offset: 0, 0
+  index: -1
+front_thigh
+  rotate: false
+  xy: 935, 77
+  size: 29, 67
+  orig: 29, 67
+  offset: 0, 0
+  index: -1
+front_upper_arm
+  rotate: false
+  xy: 410, 3
+  size: 32, 58
+  orig: 32, 58
+  offset: 0, 0
+  index: -1
+goggles
+  rotate: false
+  xy: 444, 142
+  size: 157, 100
+  orig: 157, 100
+  offset: 0, 0
+  index: -1
+gun
+  rotate: false
+  xy: 603, 120
+  size: 126, 122
+  orig: 126, 122
+  offset: 0, 0
+  index: -1
 head
   rotate: false
-  xy: 1, 122
+  xy: 279, 63
-  size: 121, 132
+  size: 163, 179
-  orig: 121, 132
+  orig: 163, 179
   offset: 0, 0
   index: -1
-torso
+mouth_grind
   rotate: false
-  xy: 1, 28
+  xy: 948, 153
-  size: 68, 92
+  size: 56, 35
-  orig: 68, 92
+  orig: 56, 35
   offset: 0, 0
   index: -1
-left-pant-bottom
+mouth_oooo
   rotate: false
-  xy: 1, 4
+  xy: 731, 97
-  size: 44, 22
+  size: 56, 35
-  orig: 44, 22
+  orig: 56, 35
   offset: 0, 0
   index: -1
-right-pant-bottom
+mouth_smile
   rotate: false
-  xy: 47, 8
+  xy: 789, 95
-  size: 46, 18
+  size: 56, 35
-  orig: 46, 18
+  orig: 56, 35
   offset: 0, 0
   index: -1
-right-upper-leg
+muzzle
   rotate: false
-  xy: 71, 50
+  xy: 2, 2
-  size: 44, 70
+  size: 275, 240
-  orig: 44, 70
+  orig: 277, 240
-  offset: 0, 0
-  index: -1
-pelvis
-  rotate: false
-  xy: 95, 1
-  size: 63, 47
-  orig: 63, 47
-  offset: 0, 0
-  index: -1
-left-upper-leg
-  rotate: false
-  xy: 117, 53
-  size: 33, 67
-  orig: 33, 67
-  offset: 0, 0
-  index: -1
-right-foot
-  rotate: false
-  xy: 160, 224
-  size: 67, 30
-  orig: 67, 30
-  offset: 0, 0
-  index: -1
-left-shoulder
-  rotate: false
-  xy: 124, 201
-  size: 34, 53
-  orig: 34, 53
-  offset: 0, 0
-  index: -1
-left-ankle
-  rotate: false
-  xy: 229, 222
-  size: 25, 32
-  orig: 25, 32
-  offset: 0, 0
-  index: -1
-left-foot
-  rotate: false
-  xy: 160, 192
-  size: 65, 30
-  orig: 65, 30
   offset: 0, 0
   index: -1
 neck
   rotate: false
-  xy: 124, 171
+  xy: 595, 93
-  size: 34, 28
+  size: 22, 25
-  orig: 34, 28
+  orig: 22, 25
   offset: 0, 0
   index: -1
-right-arm
+rear_bracer
   rotate: false
-  xy: 124, 124
+  xy: 966, 58
-  size: 21, 45
+  size: 34, 43
-  orig: 21, 45
+  orig: 34, 43
   offset: 0, 0
   index: -1
-right-ankle
+rear_foot
   rotate: false
-  xy: 227, 190
+  xy: 444, 60
-  size: 25, 30
+  size: 68, 36
-  orig: 25, 30
+  orig: 68, 36
   offset: 0, 0
   index: -1
-left-hand
+rear_foot_bend1
   rotate: false
-  xy: 147, 131
+  xy: 523, 100
-  size: 35, 38
+  size: 70, 40
-  orig: 35, 38
+  orig: 70, 40
   offset: 0, 0
   index: -1
-left-arm
+rear_foot_bend2
   rotate: false
-  xy: 184, 161
+  xy: 346, 11
-  size: 35, 29
+  size: 62, 50
-  orig: 35, 29
+  orig: 62, 50
   offset: 0, 0
   index: -1
-eyes-closed
+rear_shin
   rotate: false
-  xy: 221, 161
+  xy: 843, 135
-  size: 34, 27
+  size: 45, 107
-  orig: 34, 27
+  orig: 45, 107
   offset: 0, 0
   index: -1
-right-lower-leg
+rear_thigh
   rotate: false
-  xy: 152, 65
+  xy: 894, 82
-  size: 51, 64
+  size: 39, 62
-  orig: 51, 64
+  orig: 39, 62
   offset: 0, 0
   index: -1
-right-foot-idle
+rear_upper_arm
   rotate: false
-  xy: 184, 131
+  xy: 502, 6
-  size: 53, 28
+  size: 28, 52
-  orig: 53, 28
+  orig: 28, 52
   offset: 0, 0
   index: -1
-left-lower-leg
+torso
   rotate: false
-  xy: 205, 65
+  xy: 731, 134
-  size: 49, 64
+  size: 59, 108
-  orig: 49, 64
+  orig: 59, 108
-  offset: 0, 0
-  index: -1
-right-shoulder
-  rotate: false
-  xy: 160, 12
-  size: 52, 51
-  orig: 52, 51
-  offset: 0, 0
-  index: -1
-eyes
-  rotate: false
-  xy: 214, 36
-  size: 34, 27
-  orig: 34, 27
-  offset: 0, 0
-  index: -1
-right-hand
-  rotate: false
-  xy: 214, 2
-  size: 32, 32
-  orig: 32, 32
   offset: 0, 0
   index: -1

spine-turbulenz/example/index.html

@@ -97,6 +97,7 @@ function loadAtlas (atlasText) {
 var skeletonData;
 function loadSkeletonData (skeletonText) {
 	var json = new spine.SkeletonJson(new spine.AtlasAttachmentLoader(atlas));
+	json.scale = 0.6;
 	skeletonData = json.readSkeletonData(JSON.parse(skeletonText));
 	start();
 }
@@ -114,12 +115,13 @@ function start () {
 
 	if (skeletonName == "spineboy") {
 		stateData.setMixByName("walk", "jump", 0.2);
-		stateData.setMixByName("jump", "walk", 0.4);
+		stateData.setMixByName("run", "jump", 0.2);
-		state.setAnimationByName(0, "drawOrder", true);
+		stateData.setMixByName("jump", "run", 0.2);
+		state.setAnimationByName(0, "walk", true);
 
 		canvas.onmousedown = function () {
 			state.setAnimationByName(0, "jump", false);
-			state.addAnimationByName(0, "walk", true, 0);
+			state.addAnimationByName(0, "run", true, 0);
 		}
 	} else {
 		skeleton.setSkinByName("goblingirl");