brianfertig
/
fertig-classic-games
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Button Fix

This commit is contained in:
Brian Fertig 2026-05-17 19:13:48 -06:00
parent e171be7c10
commit d9bf0432a6
1 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
public/src/ui/Button.js
View File

@ -46,13 +46,12 @@ export class Button extends Phaser.GameObjects.Container {
this.add([this.bgRect, this.text]);
const bgHitArea = new Phaser.Geom.Rectangle(-hw, -hh, width, height);
const textHitArea = new Phaser.Geom.Rectangle(-hw, -hh, width, height);
const hitCb = Phaser.Geom.Rectangle.Contains;
this.setSize(width, height);
this.setInteractive({ useHandCursor: true, hitArea: bgHitArea, hitAreaCallback: hitCb });
this.bgRect.setInteractive({ hitArea: bgHitArea, hitAreaCallback: hitCb });
this.text.setInteractive({ hitArea: textHitArea, hitAreaCallback: hitCb });
this.setInteractive({
useHandCursor: true,
hitArea: new Phaser.Geom.Rectangle(0, 0, width, height),
hitAreaCallback: Phaser.Geom.Rectangle.Contains,
});
const onOver = () => {
if (isGhost) {
@ -70,14 +69,12 @@ export class Button extends Phaser.GameObjects.Container {
const onDown = () => this.bgRect.setScale(0.97);
const onUp = () => this.bgRect.setScale(1);
for (const target of [this, this.bgRect, this.text]) {
target.on('pointerover', onOver);
target.on('pointerout', onOut);
target.on('pointerdown', onDown);
target.on('pointerup', onUp);
target.on('pointerupoutside', onUp);
if (onClick) target.on('pointerup', onClick);
}
this.on('pointerover', onOver);
this.on('pointerout', onOut);
this.on('pointerdown', onDown);
this.on('pointerup', onUp);
this.on('pointerupoutside', onUp);
if (onClick) this.on('pointerup', onClick);
scene.add.existing(this);
}