PixiJS 6.2.0 interaktívne poslucháč dont get názvom

0

Otázka

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ť?

javascript pixi.js
2021-11-23 13:19:38
1

Najlepšiu odpoveď

0

Bez toho, aby videl viac kódu, je ťažké povedať, ako to vyzerá, že pracuje, ako sa preukázalo tu:

https://www.pixiplayground.com/#/edit/r9AV-4uYuyDSNzM-d8mt0

Kde sú buttonX/buttonY, ktoré sa stanovujú?

Tiež nie je potrebné zadať hitArea, ak je to len rovnakej veľkosti ako obrázok.

2021-11-23 14:13:00

Dobrý deň, iam pomocou vue stupňa v okolí. Môže to spôsobiť problémy?
Korox

V poriadku, pri príprave kód súbor, ktorý predstavuje moje kód bez toho, aby sa príliš veľa, som si všimol som mal ukazovateľ-udalosti: none; na môj rodičovský prvok. Nevedela som, že sa pixi.js je spoliehať sa na to mať ukazovateľ-udalosti, pretože som si myslel, plátno pracuje rozdielne. Vďaka tho!
Korox

V iných jazykoch

Táto stránka je v iných jazykoch

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................