Mám problém s PixiJS 6.2.0. Ja som sa vytvára kruh, ktorý chcem byť interaktívny. Chcem, aby sa viažu udalostí na položku, ukážte na ňu atď. na to.
Kruh sa zobrazuje. Nie je nič nad to, ako dobre. Vyzerá to, že len pointerupoutside prípade je aktivácii.
To je to, čo som sa dostal tak ďaleko:
const buttonTexture = new PIXI.Graphics();
buttonTexture.beginFill(0xff0000);
buttonTexture.drawCircle(buttonX, buttonY, buttonWidth * 0.8);
buttonTexture.endFill();
buttonTexture.hitArea = new PIXI.Circle(buttonX, buttonY, buttonWidth * 0.8);
buttonTexture.interactive = true;
buttonTexture.buttonMode = true;
buttonTexture.on('pointerdown', (e) => console.log(e));
buttonTexture.on('pointerup', (e) => console.log(e));
buttonTexture.on('pointerupoutside', (e) => console.log(e));
buttonTexture.on('pointerover', (e) => console.log(e));
buttonTexture.on('pointerout', (e) => console.log(e));
this.pixi.app.stage.addChild(buttonTexture);
Kliknutím na kruh a kliknete niekde inde, po kliknutí v spúšťa konzoly.denník.
To, čo som sa snažil:
- Volanie všetko v requestAnimationFrame
- Analýza štruktúry na sprite a robiť sprite interaktívne.
- Pridaním telegraf a poskytnúť fáze (pokiaľ viem To by sa nemalo byť potrebné v Pixi.JS 6)
Niekto dostal tip, o aký problém mohol byť?