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,