UnityMirror/spine-runtimes
1
0
Fork 0
mirror of https://github.com/EsotericSoftware/spine-runtimes.git synced 2026-03-26 22:49:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

Aim and shoot buttons for hoverboard demo.

Browse Source
This commit is contained in:
Nathan Sweet 2017-09-11 23:23:24 +02:00
parent eb5fa18be7
commit 0033209e87
2 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
spine-ts/webgl/demos/hoverboard.html
View File

@ -10,7 +10,9 @@
<center>
<div class="aspect"><div><canvas id="hoverboard-canvas"></canvas></div></div>
<input id="hoverboard-drawbones" type="checkbox"></input> Display Bones
<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>
</center>
<script>

21
spine-ts/webgl/demos/hoverboard.js
View File

@ -9,7 +9,7 @@ var hoverboardDemo = function(loadingComplete, bgColor) {
var timeKeeper, loadingScreen;
var target = null;
var hoverTargets = [];
var controlBones = ["hoverboard controller", "hip controller", "board target"];
var controlBones = ["hoverboard controller", "hip controller", "board target", "crosshair"];
var coords = new spine.webgl.Vector3(), temp = new spine.webgl.Vector3(), temp2 = new spine.Vector2(), temp3 = new spine.webgl.Vector3();
var isPlaying = true;
@ -83,6 +83,25 @@ var hoverboardDemo = function(loadingComplete, bgColor) {
renderer.skeletonDebugRenderer.drawPaths = this.checked;
renderer.skeletonDebugRenderer.drawBones = this.checked;
});
$("#hoverboard-aim").change(function () {
if (!this.checked)
state.setEmptyAnimation(1, 0.2);
else {
state.setEmptyAnimation(1, 0);
state.addAnimation(1, "aim", true, 0).mixDuration = 0.2;
}
});
$("#hoverboard-shoot").click(function () {
state.setAnimation(2, "aim", true);
state.setAnimation(3, "shoot", false).listener = {
complete: function (trackIndex) {
state.setEmptyAnimation(2, 0.2);
state.clearTrack(3);
}
};
});
}
function setupInput () {