From 0e9b4343858c53fb8fac2f12aa8ba9aafbf926d2 Mon Sep 17 00:00:00 2001
From: NathanSweet <nathan.sweet@gmail.com>
Date: Wed, 13 Sep 2017 00:33:50 +0200
Subject: [PATCH] Jump for IK demo.

---
 spine-ts/webgl/demos/hoverboard.html |  1 +
 spine-ts/webgl/demos/hoverboard.js   | 25 ++++++++++++++++++-------
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/spine-ts/webgl/demos/hoverboard.html b/spine-ts/webgl/demos/hoverboard.html
index b2a2a473e..c7bc4e4bd 100644
--- a/spine-ts/webgl/demos/hoverboard.html
+++ b/spine-ts/webgl/demos/hoverboard.html
@@ -13,6 +13,7 @@
 <input id="hoverboard-drawbones" type="checkbox"></input> Display Bones<br>
 <input id="hoverboard-aim" type="checkbox"></input> Aim<br>
 <button id="hoverboard-shoot">Shoot</button>
+<button id="hoverboard-jump">Jump</button>
 </center>
 
 <script>
diff --git a/spine-ts/webgl/demos/hoverboard.js b/spine-ts/webgl/demos/hoverboard.js
index d6fdea972..6c90b7673 100644
--- a/spine-ts/webgl/demos/hoverboard.js
+++ b/spine-ts/webgl/demos/hoverboard.js
@@ -84,24 +84,35 @@ var hoverboardDemo = function(loadingComplete, bgColor) {
 			renderer.skeletonDebugRenderer.drawBones = this.checked;
 		});
 
+		var aimTrack = 1;
+		var shootAimTrack = 2;
+		var shootTrack = 3;
+
 		$("#hoverboard-aim").change(function () {
 			if (!this.checked)
-				state.setEmptyAnimation(1, 0.2);
+				state.setEmptyAnimation(aimTrack, 0.2);
 			else {
-				state.setEmptyAnimation(1, 0);
-				state.addAnimation(1, "aim", true, 0).mixDuration = 0.2;
+				state.setEmptyAnimation(aimTrack, 0);
+				state.addAnimation(aimTrack, "aim", true, 0).mixDuration = 0.2;
 			}
 		});
 
 		$("#hoverboard-shoot").click(function () {
-			state.setAnimation(2, "aim", true);
-			state.setAnimation(3, "shoot", false).listener = {
+			state.setAnimation(shootAimTrack, "aim", true);
+			state.setAnimation(shootTrack, "shoot", false).listener = {
 				complete: function (trackIndex) {
-					state.setEmptyAnimation(2, 0.2);
-					state.clearTrack(3);
+					state.setEmptyAnimation(shootAimTrack, 0.2);
+					state.clearTrack(shootTrack);
 				}
 			};
 		});
+
+		$("#hoverboard-jump").click(function () {
+			state.setAnimation(aimTrack, "jump", false);
+			state.addEmptyAnimation(aimTrack, 0.6, 0);
+			if ($("#hoverboard-aim").prop("checked"))
+				state.addAnimation(aimTrack, "aim", true, 0.5).mixDuration = 0.2;
+		});
 	}
 	
 	function setupInput () {