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

[ts] Fixed demos

Browse Source
This commit is contained in:
badlogic 2017-04-07 16:43:45 +02:00
parent aa7305e9ba
commit fb6336bf73
6 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -143,8 +143,15 @@ var hoverboardDemo = function(loadingComplete, bgColor) {
renderer.begin(); renderer.begin();
renderer.drawSkeleton(skeleton, true); renderer.drawSkeleton(skeleton, true);
// renderer.drawSkeletonDebug(skeleton, false, ["root"]); renderer.drawSkeletonDebug(skeleton, false, ["root"]);
gl.lineWidth(2);
for (var i = 0; i < controlBones.length; i++) {
var bone = skeleton.findBone(controlBones[i]);
var colorInner = hoverTargets[i] !== null ? spineDemos.HOVER_COLOR_INNER : spineDemos.NON_HOVER_COLOR_INNER;
var colorOuter = hoverTargets[i] !== null ? spineDemos.HOVER_COLOR_OUTER : spineDemos.NON_HOVER_COLOR_OUTER;
renderer.circle(true, skeleton.x + bone.worldX, skeleton.y + bone.worldY, 20, colorInner);
renderer.circle(false, skeleton.x + bone.worldX, skeleton.y + bone.worldY, 20, colorOuter);
}
renderer.end(); renderer.end();
gl.lineWidth(1); gl.lineWidth(1);

1
spine-ts/webgl/demos/imagechanges.js
View File

@ -146,6 +146,7 @@ var imageChangesDemo = function(loadingComplete, bgColor) {
var x = offset.x + size.x + 100, offsetY = offset.y; var x = offset.x + size.x + 100, offsetY = offset.y;
if (activeSkeleton === "Alien") { if (activeSkeleton === "Alien") {
skeleton.x = -400;
renderer.camera.position.x = offset.x + size.x - 100; renderer.camera.position.x = offset.x + size.x - 100;
renderer.camera.position.y = offset.y + size.y / 2 + 100; renderer.camera.position.y = offset.y + size.y / 2 + 100;
offsetY += 125; offsetY += 125;

1
spine-ts/webgl/demos/skins.js
View File

@ -208,6 +208,7 @@ var skinsDemo = function(loadingComplete, bgColor) {
state.update(delta); state.update(delta);
state.apply(skeleton); state.apply(skeleton);
skeleton.y = -150;
skeleton.updateWorldTransform(); skeleton.updateWorldTransform();
renderer.begin(); renderer.begin();

2
spine-ts/webgl/demos/stretchyman.js
View File

@ -175,7 +175,7 @@ var stretchymanDemo = function(loadingComplete, bgColor) {
skeleton.updateWorldTransform(); skeleton.updateWorldTransform();
renderer.camera.viewportWidth = bounds.x * 1.2; renderer.camera.viewportWidth = bounds.x * 1.2;
renderer.camera.viewportHeight = bounds.y * 1.2; renderer.camera.viewportHeight = bounds.y * 1.5;
renderer.resize(spine.webgl.ResizeMode.Fit); renderer.resize(spine.webgl.ResizeMode.Fit);
gl.clearColor(bgColor.r, bgColor.g, bgColor.b, bgColor.a); gl.clearColor(bgColor.r, bgColor.g, bgColor.b, bgColor.a);

7
spine-ts/webgl/demos/transforms.js
View File

@ -60,8 +60,8 @@ var transformsDemo = function(loadingComplete, bgColor) {
skeleton.updateWorldTransform(); skeleton.updateWorldTransform();
rotateHandle = skeleton.findBone("rotate-handle"); rotateHandle = skeleton.findBone("rotate-handle");
renderer.camera.position.x = offset.x + bounds.x / 2; renderer.camera.position.x = offset.x + bounds.x / 2 + 70;
renderer.camera.position.y = offset.y + bounds.y / 2; renderer.camera.position.y = offset.y + bounds.y / 2 + 50;
renderer.skeletonDebugRenderer.drawRegionAttachments = false; renderer.skeletonDebugRenderer.drawRegionAttachments = false;
renderer.skeletonDebugRenderer.drawMeshHull = false; renderer.skeletonDebugRenderer.drawMeshHull = false;
@ -161,10 +161,9 @@ var transformsDemo = function(loadingComplete, bgColor) {
function render () { function render () {
timeKeeper.update(); timeKeeper.update();
var delta = timeKeeper.delta; var delta = timeKeeper.delta;
skeleton.updateWorldTransform(); skeleton.updateWorldTransform();
renderer.camera.viewportWidth = bounds.x * 1.2; renderer.camera.viewportWidth = bounds.x * 1.6;
renderer.camera.viewportHeight = bounds.y * 1.2; renderer.camera.viewportHeight = bounds.y * 1.2;
renderer.resize(spine.webgl.ResizeMode.Fit); renderer.resize(spine.webgl.ResizeMode.Fit);

8
spine-ts/webgl/demos/transitions.js
View File

@ -123,8 +123,8 @@ var transitionsDemo = function(loadingComplete, bgColor) {
renderer.camera.position.x = offset.x + size.x - 50; renderer.camera.position.x = offset.x + size.x - 50;
renderer.camera.position.y = offset.y + size.y / 2 - 40; renderer.camera.position.y = offset.y + size.y / 2 - 40;
renderer.camera.viewportWidth = size.x * 2.4; renderer.camera.viewportWidth = size.x * 2;
renderer.camera.viewportHeight = size.y * 1.2; renderer.camera.viewportHeight = size.y * 2;
renderer.resize(spine.webgl.ResizeMode.Fit); renderer.resize(spine.webgl.ResizeMode.Fit);
gl.clearColor(bgColor.r, bgColor.g, bgColor.b, bgColor.a); gl.clearColor(bgColor.r, bgColor.g, bgColor.b, bgColor.a);
@ -134,13 +134,15 @@ var transitionsDemo = function(loadingComplete, bgColor) {
state.update(delta); state.update(delta);
state.apply(skeleton); state.apply(skeleton);
skeleton.updateWorldTransform(); skeleton.updateWorldTransform();
skeleton.x = -10; skeleton.x = -300;
skeleton.y = -100;
renderer.drawSkeleton(skeleton, true); renderer.drawSkeleton(skeleton, true);
stateNoMix.update(delta); stateNoMix.update(delta);
stateNoMix.apply(skeletonNoMix); stateNoMix.apply(skeletonNoMix);
skeletonNoMix.updateWorldTransform(); skeletonNoMix.updateWorldTransform();
skeletonNoMix.x = size.x + 45; skeletonNoMix.x = size.x + 45;
skeletonNoMix.y = -100;
renderer.drawSkeleton(skeletonNoMix, true); renderer.drawSkeleton(skeletonNoMix, true);
renderer.end(); renderer.end();