From ad41761293a15e3cc5c63da3bc2a89e5befe34ae Mon Sep 17 00:00:00 2001 From: badlogic Date: Tue, 7 Sep 2021 15:38:23 +0200 Subject: [PATCH] [ts] Added dress-up example Shows how to render skins to thumbnails which can then be used in an HTML UI. --- spine-ts/index.html | 1 + spine-ts/spine-webgl/example/barebones.html | 6 +- spine-ts/spine-webgl/example/dress-up.html | 239 ++++++++++++++++++++ spine-ts/spine-webgl/src/SpineCanvas.ts | 7 +- 4 files changed, 249 insertions(+), 4 deletions(-) create mode 100644 spine-ts/spine-webgl/example/dress-up.html diff --git a/spine-ts/index.html b/spine-ts/index.html index 0d035f7e9..f0dc7cde3 100644 --- a/spine-ts/index.html +++ b/spine-ts/index.html @@ -27,6 +27,7 @@
  • Example
  • Barebones
  • Mix & match
    • +
  • Dress-up
  • Additive blending
  • Clipping
  • Hoverboard
    • diff --git a/spine-ts/spine-webgl/example/barebones.html b/spine-ts/spine-webgl/example/barebones.html index 6299ffa25..4b1c81330 100644 --- a/spine-ts/spine-webgl/example/barebones.html +++ b/spine-ts/spine-webgl/example/barebones.html @@ -11,8 +11,10 @@ + + + +
    +
    + +
    + + + + \ No newline at end of file diff --git a/spine-ts/spine-webgl/src/SpineCanvas.ts b/spine-ts/spine-webgl/src/SpineCanvas.ts index d21f66bb2..ec024893e 100644 --- a/spine-ts/spine-webgl/src/SpineCanvas.ts +++ b/spine-ts/spine-webgl/src/SpineCanvas.ts @@ -52,7 +52,9 @@ export interface SpineCanvasConfig { /* The {@link SpineCanvasApp} to be run in the canvas. */ app: SpineCanvasApp; /* The path prefix to be used by the {@link AssetManager}. */ - pathPrefix: string; + pathPrefix?: string; + /* The WebGL context configuration */ + webglConfig?: any; } /** Manages the life-cycle and WebGL context of a {@link SpineCanvasApp}. The app loads @@ -83,9 +85,10 @@ export class SpineCanvas { render: () => { }, error: () => { }, } + if (config.webglConfig === undefined) config.webglConfig = { alpha: true }; this.htmlCanvas = canvas; - this.context = new ManagedWebGLRenderingContext(canvas, { alpha: true }); + this.context = new ManagedWebGLRenderingContext(canvas, config.webglConfig); this.renderer = new SceneRenderer(canvas, this.context); this.gl = this.context.gl; this.assetManager = new AssetManager(this.context, config.pathPrefix);