diff --git a/spine-ts/index.html b/spine-ts/index.html index 8523c98dc..a6f7969ad 100644 --- a/spine-ts/index.html +++ b/spine-ts/index.html @@ -36,6 +36,9 @@
  • Mouse following
  • +
  • + Control bones example +
  • Physics
  • Physics II
  • Physics III
  • diff --git a/spine-ts/spine-pixi/example/control-bones-example.html b/spine-ts/spine-pixi/example/control-bones-example.html index c28201677..f55ee48e4 100644 --- a/spine-ts/spine-pixi/example/control-bones-example.html +++ b/spine-ts/spine-pixi/example/control-bones-example.html @@ -30,13 +30,12 @@ app.stage .on('pointerup', endDrag) .on('pointerupoutside', endDrag) - .on('pointermove', (e) => { + .on('pointermove', ({ x, y }) => { if (dragObject) { - let mousePosition = new spine.Vector2(e.data.global.x, e.data.global.y); - dragObject.x += mousePosition.x - lastX; - dragObject.y += mousePosition.y - lastY; - lastX = mousePosition.x; - lastY = mousePosition.y; + dragObject.x += x - lastX; + dragObject.y += y - lastY; + lastX = x; + lastY = y; } }); @@ -86,16 +85,15 @@ app.stage.addChild(control); control.interactive = "static"; - control.on('pointerdown', (e) => { + control.on('pointerdown', ({ x, y }) => { dragObject = control; - let mousePosition = new spine.Vector2(e.data.global.x, e.data.global.y); - lastX = mousePosition.x; - lastY = mousePosition.y; + lastX = x; + lastY = y; }) } PIXI.Ticker.shared.add(() => { - let point = { x: 0, y: 0 }; + const point = { x: 0, y: 0 }; for (let { bone, control } of controlBones) { point.x = control.x; point.y = control.y; diff --git a/spine-ts/spine-pixi/src/Spine.ts b/spine-ts/spine-pixi/src/Spine.ts index 46a18e544..81c9609ee 100644 --- a/spine-ts/spine-pixi/src/Spine.ts +++ b/spine-ts/spine-pixi/src/Spine.ts @@ -415,8 +415,7 @@ export class Spine extends Container { /** Converts a point from the Pixi world coordinate system to the skeleton coordinate system. */ pixiWorldCoordinatesToSkeleton (point: { x: number; y: number }) { - let transform = this.worldTransform.clone(); - transform = transform.invert(); + let transform = this.worldTransform.clone().invert(); let a = transform.a, b = transform.b, c = transform.c,