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] center loading screen logo + spinner

Browse Source
This commit is contained in:
badlogic 2016-09-02 16:55:15 +02:00
parent ea66b3578d
commit 99a5f43aca
7 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
spine-ts/build/spine-all.js
View File

@ -5340,7 +5340,7 @@ var spine;
} }
LoadingScreen.prototype.draw = function () { LoadingScreen.prototype.draw = function () {
this.timeKeeper.update(); this.timeKeeper.update();
this.angle += this.timeKeeper.delta * 360 * (0.5 + 2 * Math.abs(Math.sin(this.timeKeeper.totalTime))); this.angle -= this.timeKeeper.delta * 360 * (0.5 + 2 * Math.abs(Math.sin(this.timeKeeper.totalTime)));
var renderer = this.renderer; var renderer = this.renderer;
var canvas = renderer.canvas; var canvas = renderer.canvas;
var gl = renderer.gl; var gl = renderer.gl;
@ -5365,8 +5365,8 @@ var spine;
var margin = 15; var margin = 15;
var height = logoHeight + margin + spinnerHeight; var height = logoHeight + margin + spinnerHeight;
renderer.begin(); renderer.begin();
renderer.drawTexture(this.logo, canvas.width / 2 - logoWidth / 2, canvas.height / 2 + margin / 2, logoWidth, logoHeight); renderer.drawTexture(this.logo, canvas.width / 2 - logoWidth / 2, canvas.height / 2 + height / 2 - logoHeight, logoWidth, logoHeight);
renderer.drawTextureRotated(this.spinner, canvas.width / 2 - spinnerWidth / 2, canvas.height / 2 - margin / 2 - spinnerHeight, spinnerWidth, spinnerHeight, spinnerWidth / 2, spinnerHeight / 2, this.angle); renderer.drawTextureRotated(this.spinner, canvas.width / 2 - spinnerWidth / 2, canvas.height / 2 - height / 2, spinnerWidth, spinnerHeight, spinnerWidth / 2, spinnerHeight / 2, this.angle);
renderer.end(); renderer.end();
}; };
LoadingScreen.loaded = 0; LoadingScreen.loaded = 0;

2
spine-ts/build/spine-all.js.map
View File

File diff suppressed because one or more lines are too long

6
spine-ts/build/spine-webgl.js
View File

@ -4917,7 +4917,7 @@ var spine;
} }
LoadingScreen.prototype.draw = function () { LoadingScreen.prototype.draw = function () {
this.timeKeeper.update(); this.timeKeeper.update();
this.angle += this.timeKeeper.delta * 360 * (0.5 + 2 * Math.abs(Math.sin(this.timeKeeper.totalTime))); this.angle -= this.timeKeeper.delta * 360 * (0.5 + 2 * Math.abs(Math.sin(this.timeKeeper.totalTime)));
var renderer = this.renderer; var renderer = this.renderer;
var canvas = renderer.canvas; var canvas = renderer.canvas;
var gl = renderer.gl; var gl = renderer.gl;
@ -4942,8 +4942,8 @@ var spine;
var margin = 15; var margin = 15;
var height = logoHeight + margin + spinnerHeight; var height = logoHeight + margin + spinnerHeight;
renderer.begin(); renderer.begin();
renderer.drawTexture(this.logo, canvas.width / 2 - logoWidth / 2, canvas.height / 2 + margin / 2, logoWidth, logoHeight); renderer.drawTexture(this.logo, canvas.width / 2 - logoWidth / 2, canvas.height / 2 + height / 2 - logoHeight, logoWidth, logoHeight);
renderer.drawTextureRotated(this.spinner, canvas.width / 2 - spinnerWidth / 2, canvas.height / 2 - margin / 2 - spinnerHeight, spinnerWidth, spinnerHeight, spinnerWidth / 2, spinnerHeight / 2, this.angle); renderer.drawTextureRotated(this.spinner, canvas.width / 2 - spinnerWidth / 2, canvas.height / 2 - height / 2, spinnerWidth, spinnerHeight, spinnerWidth / 2, spinnerHeight / 2, this.angle);
renderer.end(); renderer.end();
}; };
LoadingScreen.loaded = 0; LoadingScreen.loaded = 0;

2
spine-ts/build/spine-webgl.js.map
View File

File diff suppressed because one or more lines are too long

6
spine-ts/build/spine-widget.js
View File

@ -4917,7 +4917,7 @@ var spine;
} }
LoadingScreen.prototype.draw = function () { LoadingScreen.prototype.draw = function () {
this.timeKeeper.update(); this.timeKeeper.update();
this.angle += this.timeKeeper.delta * 360 * (0.5 + 2 * Math.abs(Math.sin(this.timeKeeper.totalTime))); this.angle -= this.timeKeeper.delta * 360 * (0.5 + 2 * Math.abs(Math.sin(this.timeKeeper.totalTime)));
var renderer = this.renderer; var renderer = this.renderer;
var canvas = renderer.canvas; var canvas = renderer.canvas;
var gl = renderer.gl; var gl = renderer.gl;
@ -4942,8 +4942,8 @@ var spine;
var margin = 15; var margin = 15;
var height = logoHeight + margin + spinnerHeight; var height = logoHeight + margin + spinnerHeight;
renderer.begin(); renderer.begin();
renderer.drawTexture(this.logo, canvas.width / 2 - logoWidth / 2, canvas.height / 2 + margin / 2, logoWidth, logoHeight); renderer.drawTexture(this.logo, canvas.width / 2 - logoWidth / 2, canvas.height / 2 + height / 2 - logoHeight, logoWidth, logoHeight);
renderer.drawTextureRotated(this.spinner, canvas.width / 2 - spinnerWidth / 2, canvas.height / 2 - margin / 2 - spinnerHeight, spinnerWidth, spinnerHeight, spinnerWidth / 2, spinnerHeight / 2, this.angle); renderer.drawTextureRotated(this.spinner, canvas.width / 2 - spinnerWidth / 2, canvas.height / 2 - height / 2, spinnerWidth, spinnerHeight, spinnerWidth / 2, spinnerHeight / 2, this.angle);
renderer.end(); renderer.end();
}; };
LoadingScreen.loaded = 0; LoadingScreen.loaded = 0;

2
spine-ts/build/spine-widget.js.map
View File

File diff suppressed because one or more lines are too long

6
spine-ts/webgl/src/LoadingScreen.ts
View File

@ -43,7 +43,7 @@ module spine.webgl {
draw () { draw () {
this.timeKeeper.update(); this.timeKeeper.update();
this.angle += this.timeKeeper.delta * 360 * (0.5 + 2 * Math.abs(Math.sin(this.timeKeeper.totalTime))); this.angle -= this.timeKeeper.delta * 360 * (0.5 + 2 * Math.abs(Math.sin(this.timeKeeper.totalTime)));
var renderer = this.renderer; var renderer = this.renderer;
var canvas = renderer.canvas; var canvas = renderer.canvas;
@ -73,8 +73,8 @@ module spine.webgl {
var height = logoHeight + margin + spinnerHeight; var height = logoHeight + margin + spinnerHeight;
renderer.begin(); renderer.begin();
renderer.drawTexture(this.logo, canvas.width / 2 - logoWidth / 2, canvas.height / 2 + margin / 2, logoWidth, logoHeight); renderer.drawTexture(this.logo, canvas.width / 2 - logoWidth / 2, canvas.height / 2 + height / 2 - logoHeight, logoWidth, logoHeight);
renderer.drawTextureRotated(this.spinner, canvas.width / 2 - spinnerWidth / 2, canvas.height / 2 - margin / 2 - spinnerHeight, spinnerWidth, spinnerHeight, spinnerWidth / 2, spinnerHeight / 2, this.angle); renderer.drawTextureRotated(this.spinner, canvas.width / 2 - spinnerWidth / 2, canvas.height / 2 - height / 2, spinnerWidth, spinnerHeight, spinnerWidth / 2, spinnerHeight / 2, this.angle);
renderer.end(); renderer.end();
} }
} }