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> <center>
<div class="aspect"><div><canvas id="hoverboard-canvas"></canvas></div></div> <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> </center>
<script> <script>

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

@ -9,7 +9,7 @@ var hoverboardDemo = function(loadingComplete, bgColor) {
var timeKeeper, loadingScreen; var timeKeeper, loadingScreen;
var target = null; var target = null;
var hoverTargets = []; 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 coords = new spine.webgl.Vector3(), temp = new spine.webgl.Vector3(), temp2 = new spine.Vector2(), temp3 = new spine.webgl.Vector3();
var isPlaying = true; var isPlaying = true;
@ -74,7 +74,7 @@ var hoverboardDemo = function(loadingComplete, bgColor) {
} }
} }
function setupUI() { function setupUI () {
var checkbox = $("#hoverboard-drawbones"); var checkbox = $("#hoverboard-drawbones");
renderer.skeletonDebugRenderer.drawRegionAttachments = false; renderer.skeletonDebugRenderer.drawRegionAttachments = false;
renderer.skeletonDebugRenderer.drawPaths = false; renderer.skeletonDebugRenderer.drawPaths = false;
@ -83,9 +83,28 @@ var hoverboardDemo = function(loadingComplete, bgColor) {
renderer.skeletonDebugRenderer.drawPaths = this.checked; renderer.skeletonDebugRenderer.drawPaths = this.checked;
renderer.skeletonDebugRenderer.drawBones = 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 (){ function setupInput () {
input.addListener({ input.addListener({
down: function(x, y) { down: function(x, y) {
isPlaying = false; isPlaying = false;