UnityMirror/spine-runtimes
1
0
Fork 0
mirror of https://github.com/EsotericSoftware/spine-runtimes.git synced 2026-02-06 07:14:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

[ts] Little more refactoring.

Browse Source
This commit is contained in:
NathanSweet 2016-09-03 16:35:42 +02:00
parent 681fd1df58
commit 7646c28f9d
5 changed files with 34 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
spine-ts/webgl/demos/ikconstraints.html → spine-ts/webgl/demos/ikconstraint.html
View File

@ -3,7 +3,7 @@
<script src="../../build/spine-webgl.js"></script>
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="utils.js"></script>
<script src="ikconstraints.js"></script>
<script src="ikconstraint.js"></script>
<body>
<canvas id="ikdemo-canvas"></canvas>
@ -13,7 +13,7 @@
<script>
spineDemos.loadSliders();
ikConstraintsDemo(spineDemos.setupRendering);
ikConstraintDemo(spineDemos.setupRendering);
</script>
</body>

4
spine-ts/webgl/demos/ikconstraints.js → spine-ts/webgl/demos/ikconstraint.js
View File

@ -1,4 +1,4 @@
var ikConstraintsDemo = function(loadingComplete, bgColor) {
var ikConstraintDemo = function(loadingComplete, bgColor) {
var COLOR_INNER = new spine.Color(0.8, 0, 0, 0.5);
var COLOR_OUTER = new spine.Color(0.8, 0, 0, 0.8);
var COLOR_INNER_SELECTED = new spine.Color(0.0, 0, 0.8, 0.5);
@ -13,7 +13,7 @@ var ikConstraintsDemo = function(loadingComplete, bgColor) {
var coords = new spine.webgl.Vector3(), temp = new spine.webgl.Vector3(), temp2 = new spine.Vector2(), temp3 = new spine.webgl.Vector3();
var isPlaying = true;
var DEMO_NAME = "IkConstraintsDemo";
var DEMO_NAME = "IkConstraintDemo";
if (!bgColor) bgColor = new spine.Color(1, 1, 1, 1);

24
spine-ts/webgl/demos/pathconstraint.html Normal file
View File

@ -0,0 +1,24 @@
<html>
<link rel="stylesheet" href="demos.css">
<script src="../../build/spine-webgl.js"></script>
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="utils.js"></script>
<script src="pathconstraint.js"></script>
<body>
<canvas id="pathconstraintdemo-canvas"></canvas>
<center>
<div style="position: fixed; top: 0; width: 100%">
<div><input id="pathconstraintdemo-drawbones" type="checkbox"></input>Display bones &amp; path</div>
<input id="pathconstraintdemo-playbutton" type="button" value="Pause"></input>
<div id="pathconstraintdemo-timeline" class="slider"></div>
</div>
</center>
<script>
spineDemos.loadSliders();
pathConstraintDemo(spineDemos.setupRendering);
</script>
</body>
</html>

12
spine-ts/webgl/demos/vine.js → spine-ts/webgl/demos/pathconstraint.js
View File

@ -1,4 +1,4 @@
var vineDemo = function(loadingComplete, bgColor) {
var pathConstraintDemo = function(loadingComplete, bgColor) {
var COLOR_INNER = new spine.Color(0.8, 0, 0, 0.5);
var COLOR_OUTER = new spine.Color(0.8, 0, 0, 0.8);
var COLOR_INNER_SELECTED = new spine.Color(0.0, 0, 0.8, 0.5);
@ -13,12 +13,12 @@ var vineDemo = function(loadingComplete, bgColor) {
var coords = new spine.webgl.Vector3(), temp = new spine.webgl.Vector3(), temp2 = new spine.Vector2();
var playButton, timeLine, isPlaying = true, playTime = 0;
var DEMO_NAME = "vineDemo";
var DEMO_NAME = "PathConstraintDemo";
if (!bgColor) bgColor = new spine.Color(1, 1, 1, 1);
function init () {
canvas = document.getElementById("vinedemo-canvas");
canvas = document.getElementById("pathconstraintdemo-canvas");
canvas.width = canvas.clientWidth; canvas.height = canvas.clientHeight;
gl = canvas.getContext("webgl", { alpha: false }) || canvas.getContext("experimental-webgl", { alpha: false });
@ -72,7 +72,7 @@ var vineDemo = function(loadingComplete, bgColor) {
}
function setupUI() {
playButton = $("#vinedemo-playbutton");
playButton = $("#pathconstraintdemo-playbutton");
var playButtonUpdate = function () {
isPlaying = !isPlaying;
if (isPlaying) {
@ -86,7 +86,7 @@ var vineDemo = function(loadingComplete, bgColor) {
playButton.click(playButtonUpdate);
playButton.addClass("pause");
timeLine = $("#vinedemo-timeline").data("slider");
timeLine = $("#pathconstraintdemo-timeline").data("slider");
timeLine.changed = function (percent) {
if (isPlaying) playButton.click();
if (!isPlaying) {
@ -101,7 +101,7 @@ var vineDemo = function(loadingComplete, bgColor) {
renderer.skeletonDebugRenderer.drawPaths = false;
renderer.skeletonDebugRenderer.drawBones = false;
var checkbox = $("#vinedemo-drawbones");
var checkbox = $("#pathconstraintdemo-drawbones");
checkbox.change(function() {
renderer.skeletonDebugRenderer.drawPaths = this.checked;
renderer.skeletonDebugRenderer.drawBones = this.checked;

24
spine-ts/webgl/demos/vine.html
View File

@ -1,24 +0,0 @@
<html>
<link rel="stylesheet" href="demos.css">
<script src="../../build/spine-webgl.js"></script>
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="utils.js"></script>
<script src="vine.js"></script>
<body>
<canvas id="vinedemo-canvas"></canvas>
<center>
<div style="position: fixed; top: 0; width: 100%">
<div><input id="vinedemo-drawbones" type="checkbox"></input>Display bones &amp; path</div>
<input id="vinedemo-playbutton" type="button" value="Pause"></input>
<div id="vinedemo-timeline" class="slider"></div>
</div>
</center>
<script>
spineDemos.loadSliders();
vineDemo(spineDemos.setupRendering);
</script>
</body>
</html>