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

[ts] Fixed up demo canvas sizing

Browse Source
This commit is contained in:
badlogic 2016-08-25 14:37:27 +02:00
parent fc2e4b557d
commit 9a93faef49
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
spine-ts/webgl/example/demos/ikconstraint.js
View File

@ -11,7 +11,7 @@
function init () { function init () {
canvas = document.getElementById("ikdemo-canvas"); canvas = document.getElementById("ikdemo-canvas");
canvas.width = window.innerWidth; canvas.height = window.innerHeight; canvas.width = canvas.clientWidth; canvas.height = canvas.clientHeight;
gl = canvas.getContext("webgl", { alpha: false }) || canvas.getContext("experimental-webgl", { alpha: false }); gl = canvas.getContext("webgl", { alpha: false }) || canvas.getContext("experimental-webgl", { alpha: false });
renderer = new spine.webgl.SceneRenderer(canvas, gl); renderer = new spine.webgl.SceneRenderer(canvas, gl);

12
spine-ts/webgl/example/demos/skeletonvssprite.js
View File

@ -16,7 +16,7 @@
atlasCheckbox = document.getElementById("skeletonvsspritedemo-atlascheckbox"); atlasCheckbox = document.getElementById("skeletonvsspritedemo-atlascheckbox");
canvas = document.getElementById("skeletonvsspritedemo-canvas"); canvas = document.getElementById("skeletonvsspritedemo-canvas");
canvas.width = window.innerWidth; canvas.height = window.innerHeight; canvas.width = canvas.clientWidth; canvas.height = canvas.clientHeight;
gl = canvas.getContext("webgl", { alpha: false }) || canvas.getContext("experimental-webgl", { alpha: false }); gl = canvas.getContext("webgl", { alpha: false }) || canvas.getContext("experimental-webgl", { alpha: false });
renderer = new spine.webgl.SceneRenderer(canvas, gl); renderer = new spine.webgl.SceneRenderer(canvas, gl);
@ -107,11 +107,11 @@
var pageSize = halfSpaceWidth / 2; var pageSize = halfSpaceWidth / 2;
// we only have one page for skeleton // we only have one page for skeleton
var skeletonPageSize = pageSize * frameAtlasSize / skeletonAtlasSize; var skeletonPageSize = pageSize * skeletonAtlasSize / frameAtlasSize;
renderer.drawTexture(skeletonAtlas.pages[0].texture, offset.x + halfSpaceWidth - skeletonPageSize / 2, renderer.drawTexture(skeletonAtlas.pages[0].texture, offset.x + halfSpaceWidth / 2 - skeletonPageSize / 2,
offset.y + halfSpaceWidth - skeletonPageSize / 2, skeletonPageSize, skeletonPageSize); offset.y + halfSpaceHeight / 2 - skeletonPageSize / 2, skeletonPageSize, skeletonPageSize);
renderer.rect(skeletonAtlas.pages[0].texture, offset.x + halfSpaceWidth - skeletonPageSize / 2, renderer.rect(false, offset.x + halfSpaceWidth / 2 - skeletonPageSize / 2,
offset.y + halfSpaceWidth - skeletonPageSize / 2, skeletonPageSize, skeletonPageSize, SKELETON_ATLAS_COLOR); offset.y + halfSpaceWidth / 2 - skeletonPageSize / 2, skeletonPageSize, skeletonPageSize, SKELETON_ATLAS_COLOR);
var x = offset.x + halfSpaceWidth; var x = offset.x + halfSpaceWidth;
var y = offset.y + halfSpaceHeight / 2; var y = offset.y + halfSpaceHeight / 2;