UnityMirror/spine-runtimes
1
0
Fork 0
mirror of https://github.com/EsotericSoftware/spine-runtimes.git synced 2026-03-25 22:23:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

Resize overlay when follow slot element is added.

Browse Source
This commit is contained in:
Davide Tantillo 2025-02-11 12:00:35 +01:00
parent 40724dd52e
commit 2a6b424a1c
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
spine-ts/spine-webgl/src/SpineWebComponentWidget.ts
View File

@ -1277,7 +1277,7 @@ export class SpineWebComponentWidget extends HTMLElement implements Disposable,
element.style.display = 'none'; element.style.display = 'none';
this.boneFollowerList.push({ slot, bone: slot.bone, element, followAttachmentAttach, followRotation, followOpacity, followScale, hideAttachment }); this.boneFollowerList.push({ slot, bone: slot.bone, element, followAttachmentAttach, followRotation, followOpacity, followScale, hideAttachment });
this.overlay.slotFollowerElementsHolder.appendChild(element); this.overlay.addSlotFollowerElement(element);
} }
public unfollowSlot (element: HTMLElement): HTMLElement | undefined { public unfollowSlot (element: HTMLElement): HTMLElement | undefined {
const index = this.boneFollowerList.findIndex(e => e.element === element); const index = this.boneFollowerList.findIndex(e => e.element === element);
@ -1443,7 +1443,7 @@ class SpineWebComponentOverlay extends HTMLElement implements OverlayAttributes,
private root: ShadowRoot; private root: ShadowRoot;
private div: HTMLDivElement; private div: HTMLDivElement;
public slotFollowerElementsHolder: HTMLDivElement; private slotFollowerElementsHolder: HTMLDivElement;
private canvas: HTMLCanvasElement; private canvas: HTMLCanvasElement;
private fps: HTMLSpanElement; private fps: HTMLSpanElement;
private fpsAppended = false; private fpsAppended = false;
@ -1651,6 +1651,11 @@ class SpineWebComponentOverlay extends HTMLElement implements OverlayAttributes,
} }
} }
addSlotFollowerElement (element: HTMLElement) {
this.slotFollowerElementsHolder.appendChild(element);
this.resizeCallback();
}
private tempFollowBoneVector = new Vector3(); private tempFollowBoneVector = new Vector3();
private startRenderingLoop () { private startRenderingLoop () {
if (this.running) return; if (this.running) return;
@ -2092,7 +2097,10 @@ class SpineWebComponentOverlay extends HTMLElement implements OverlayAttributes,
// temporarely remove the div to get the page size without considering the div // temporarely remove the div to get the page size without considering the div
// this is necessary otherwise if the bigger element in the page is remove and the div // this is necessary otherwise if the bigger element in the page is remove and the div
// was the second bigger element, now it would be the div to determine the page size // was the second bigger element, now it would be the div to determine the page size
this.div?.remove(); // this.div?.remove(); is it better width/height to zero?
// this.div!.style.width = 0 + "px";
// this.div!.style.height = 0 + "px";
this.div!.style.display = "none";
if (!this.scrollable) { if (!this.scrollable) {
const { width, height } = this.getPageSize(); const { width, height } = this.getPageSize();
this.div!.style.width = width + "px"; this.div!.style.width = width + "px";
@ -2109,7 +2117,8 @@ class SpineWebComponentOverlay extends HTMLElement implements OverlayAttributes,
this.div!.style.height = this.parentElement!.scrollHeight + "px"; this.div!.style.height = this.parentElement!.scrollHeight + "px";
} }
} }
this.root.appendChild(this.div!); this.div!.style.display = "";
// this.root.appendChild(this.div!);
} }
private resize (width: number, height: number) { private resize (width: number, height: number) {