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

[ts] Clean-up of dress-up example.

Browse Source
This commit is contained in:
Mario Zechner 2021-09-07 21:15:30 +02:00
parent 21fa3c3e5f
commit a8da830de2
1 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
spine-ts/spine-webgl/example/dress-up.html
View File

@ -122,6 +122,8 @@
createUI(canvas) { createUI(canvas) {
const THUMBNAIL_SIZE = 100; const THUMBNAIL_SIZE = 100;
let renderer = canvas.renderer;
let camera = renderer.camera;
// We'll reuse the webgl context used to render the skeleton for // We'll reuse the webgl context used to render the skeleton for
// thumbnail generation. We temporarily resize it to 300x300 pixels // thumbnail generation. We temporarily resize it to 300x300 pixels
@ -157,17 +159,17 @@
// set the zoom so the full skin is visible within the 300x300 // set the zoom so the full skin is visible within the 300x300
// rendering area. We leave 10% of empty space around a skin in the // rendering area. We leave 10% of empty space around a skin in the
// thumbnail, hence the multiplication of 1.1 for the zoom factor. // thumbnail, hence the multiplication of 1.1 for the zoom factor.
canvas.renderer.camera.position.x = offset.x + size.x / 2; camera.position.x = offset.x + size.x / 2;
canvas.renderer.camera.position.y = offset.y + size.y / 2; camera.position.y = offset.y + size.y / 2;
canvas.renderer.camera.zoom = size.x > size.y ? size.x / THUMBNAIL_SIZE * 1.1 : size.y / THUMBNAIL_SIZE * 1.1; camera.zoom = size.x > size.y ? size.x / THUMBNAIL_SIZE * 1.1 : size.y / THUMBNAIL_SIZE * 1.1;
canvas.renderer.camera.setViewport(THUMBNAIL_SIZE, THUMBNAIL_SIZE); camera.setViewport(THUMBNAIL_SIZE, THUMBNAIL_SIZE);
canvas.renderer.camera.update(); camera.update();
// Clear the canvas and render the skeleton // Clear the canvas and render the skeleton
canvas.clear(0.5, 0.5, 0.5, 1); canvas.clear(0.5, 0.5, 0.5, 1);
canvas.renderer.begin(); renderer.begin();
canvas.renderer.drawSkeleton(this.skeleton, true); renderer.drawSkeleton(this.skeleton, true);
canvas.renderer.end(); renderer.end();
// Get the image data and convert it to an img element // Get the image data and convert it to an img element
let image = new Image(); let image = new Image();
@ -203,10 +205,10 @@
// Restore the canvas size and camera of the renderer // Restore the canvas size and camera of the renderer
canvas.htmlCanvas.width = oldWidth; canvas.htmlCanvas.width = oldWidth;
canvas.htmlCanvas.height = oldHeight; canvas.htmlCanvas.height = oldHeight;
canvas.renderer.resize(spine.ResizeMode.Expand); renderer.resize(spine.ResizeMode.Expand);
canvas.renderer.camera.position.x = 0; camera.position.x = 0;
canvas.renderer.camera.position.y = 0; camera.position.y = 0;
canvas.renderer.camera.zoom = 1; camera.zoom = 1;
} }
update(canvas, delta) { update(canvas, delta) {