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][player] Add interactive option to allow click/touch interaction. Closes #2852.

Browse Source
This commit is contained in:
Davide Tantillo 2025-05-16 12:23:40 +02:00
parent e24b1a25d8
commit fd20a0c009
1 changed files with 56 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
spine-ts/spine-player/src/Player.ts
View File

@ -148,6 +148,9 @@ export interface SpinePlayerConfig {
filter settings from the texture atlas are used. Default: true */
mipmaps?: boolean
/* Optional: Whether the player responds to user click/touch (play/pause, or control bones). Default: true */
interactive?: boolean
/* Optional: List of bone names that the user can drag to position. Default: none */
controlBones?: string[]
@ -306,6 +309,7 @@ export class SpinePlayer implements Disposable {
if (config.premultipliedAlpha === void 0) config.premultipliedAlpha = true;
if (config.preserveDrawingBuffer === void 0) config.preserveDrawingBuffer = false;
if (config.mipmaps === void 0) config.mipmaps = true;
if (config.interactive === void 0) config.interactive = true;
if (!config.debug) config.debug = {
bones: false,
clipping: false,
@ -586,6 +590,7 @@ export class SpinePlayer implements Disposable {
let skeleton = this.skeleton!;
let renderer = this.sceneRenderer!;
if (config.interactive) {
let closest = function (x: number, y: number): Bone | null {
mouse.set(x, canvas.clientHeight - y, 0)
offset.x = offset.y = 0;
@ -637,6 +642,8 @@ export class SpinePlayer implements Disposable {
},
moved: (x, y) => closest(x, y)
});
}
if (config.showControls) {
// For manual hover to work, we need to disable hidding controls if the mouse/touch entered the clickable area of a child of the controls.