UnityMirror/spine-runtimes
1
0
Fork 0
mirror of https://github.com/EsotericSoftware/spine-runtimes.git synced 2026-02-15 11:31:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

[ts][widget] Added test for WebGLRenderingContext issues, see #675

Browse Source
This commit is contained in:
badlogic 2017-05-10 13:51:50 +02:00
parent 8e138b56e0
commit 66c6d5cd89
1 changed files with 58 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
spine-ts/widget/example/test.html Normal file
View File

@ -0,0 +1,58 @@
<html>
<script src="../../build/spine-widget.js"></script>
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<body>
<center>
<!-- You can programmatically initialize a widget -->
<button id="reload">Reload</button>
</center>
</body>
<script>
var numWidgets = 0;
var spineWidgets = []
function reload() {
// tear down old widgets if any
for (var i = 0; i < spineWidgets.length; i++) {
spineWidgets[i].pause();
var widgetDiv = document.getElementById("spine-widget-" + spineWidgets[i].id);
if (widgetDiv) widgetDiv.parentNode.removeChild(widgetDiv)
}
spineWidgets = []
for (var i = 0; i < 5; i++) {
var widgetDiv = document.createElement("div");
widgetDiv.id = "spine-widget-" + numWidgets;
widgetDiv.style = "margin-bottom: 20px; width: 640px; height: 480px;"
document.body.appendChild(widgetDiv)
spineWidget = new spine.SpineWidget("spine-widget-" + numWidgets, {
json: "assets/spineboy.json",
atlas: "assets/spineboy.atlas",
animation: "run",
backgroundColor: "#00000000",
debug: true,
success: function (widget) {
var animIndex = 0;
widget.canvas.onclick = function () {
animIndex++;
var animations = widget.skeleton.data.animations;
if (animIndex >= animations.length) animIndex = 0;
widget.setAnimation(animations[animIndex].name);
}
}
});
spineWidget.id = numWidgets++;
spineWidgets.push(spineWidget);
}
}
var reloadButton = document.getElementById("reload");
reloadButton.onclick = reload;
</script>
</body>
</html>