UnityMirror/spine-runtimes
1
0
Fork 0
mirror of https://github.com/EsotericSoftware/spine-runtimes.git synced 2025-12-21 01:36:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

Better scale.

Browse Source
This commit is contained in:
NathanSweet 2014-11-13 01:17:45 +01:00
parent 378a413863
commit fbd9a2057e
1 changed files with 46 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
spine-turbulenz/example/index.html
View File

@ -44,8 +44,8 @@
<div id="message"></div> <div id="message"></div>
<div><canvas id="canvas" width="640" height="480"/></div> <div><canvas id="canvas" width="640" height="480"/></div>
<br> <br>
<input type="button" value="Spineboy" onclick="load('spineboy')"> <input type="button" value="Spineboy" onclick="load('spineboy', 0.6)">
<input type="button" value="Goblins" onclick="load('goblins')"> <input type="button" value="Goblins" onclick="load('goblins', 1)">
&nbsp; &nbsp; &nbsp; Click above to change the animation (Spineboy) or skin (Goblins). &nbsp; &nbsp; &nbsp; Click above to change the animation (Spineboy) or skin (Goblins).
<script> <script>
@ -54,17 +54,17 @@ var TurbulenzEngine = WebGLTurbulenzEngine.create({canvas: canvas});
var graphicsDevice = TurbulenzEngine.createGraphicsDevice({}); var graphicsDevice = TurbulenzEngine.createGraphicsDevice({});
var draw2D = Draw2D.create({graphicsDevice: graphicsDevice}); var draw2D = Draw2D.create({graphicsDevice: graphicsDevice});
load("spineboy"); load("spineboy", 0.6);
//load("goblins"); //load("goblins", 1);
var skeletonName;
function load (name) {
skeletonName = name;
TurbulenzEngine.request("data/" + skeletonName + ".atlas", loadAtlas);
}
var atlas; var atlas;
function loadAtlas (atlasText) { var skeletonData;
var skeletonName;
function load (name, scale) {
skeletonName = name;
TurbulenzEngine.request("data/" + skeletonName + ".atlas", loadAtlas);
function loadAtlas (atlasText) {
var textureCount = 0; var textureCount = 0;
atlas = new spine.Atlas(atlasText, { atlas = new spine.Atlas(atlasText, {
load: function (page, path, atlas) { load: function (page, path, atlas) {
@ -85,6 +85,7 @@ function loadAtlas (atlasText) {
texture.destroy(); texture.destroy();
} }
}); });
function waitForTextures () { function waitForTextures () {
if (!textureCount) if (!textureCount)
TurbulenzEngine.request("data/" + skeletonName + ".json", loadSkeletonData); TurbulenzEngine.request("data/" + skeletonName + ".json", loadSkeletonData);
@ -92,14 +93,14 @@ function loadAtlas (atlasText) {
setTimeout(waitForTextures, 100); setTimeout(waitForTextures, 100);
} }
waitForTextures(); waitForTextures();
}
var skeletonData; function loadSkeletonData (skeletonText) {
function loadSkeletonData (skeletonText) {
var json = new spine.SkeletonJson(new spine.AtlasAttachmentLoader(atlas)); var json = new spine.SkeletonJson(new spine.AtlasAttachmentLoader(atlas));
json.scale = 0.6; json.scale = scale;
skeletonData = json.readSkeletonData(JSON.parse(skeletonText)); skeletonData = json.readSkeletonData(JSON.parse(skeletonText));
start(); start();
}
}
} }
function start () { function start () {