PixiJS 6.2.0 interaktywny słuchacz nie jest wywoływana

0

Pytanie

Mam problem z PixiJS 6.2.0. Tworzę koło, które chcę zrobić interaktywne. Chcę powiązać zdarzenia przy kliknięciu, najechaniu kursorem itp. do niego.

Pokazuje koło. Nad nim też nic nie ma. Wygląda na to, że uruchamia się tylko zdarzenie pointerupoutside.

To jest to, co mam do tej pory:

            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);

Kliknięcie w kole i kliknięcie w innym miejscu po naciśnięciu powoduje konsoli.log.

Co próbowałem:

  • Połączenie wszystkiego w requestAnimationFrame
  • Analiza tekstury na ikonki i tworzenie interaktywnego ikonki.
  • Dodawanie giełdowy i wizualizacja sceny (AFAIK To nie powinno być konieczne w Pixi.JS 6)

Czy ktoś ma jakieś podpowiedzi, w czym może być problem?

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

Najlepsza odpowiedź

0

Nie widząc więcej kodu, trudno powiedzieć, jak on wygląda, działa, jak pokazano tutaj:

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

Gdzie znajdują się przyciski X/buttonY?

Ponadto, nie trzeba określać obszar obrazu, jeśli ona ma taki sam rozmiar, jak i obraz.

2021-11-23 14:13:00

Witam, używam wystąpienie vue. Czy to może powodować problemy?
Korox

Dobrze, podczas przygotowywania pliku kodu, który jest mój kod, nie wydając zbyt wiele, zauważyłem, że u mnie był indeks-zdarzenia: brak; na moim elemencie nadrzędnym. Nie wiedziałem o tym pixi.js polega na poszukiwaniu zdarzeń-wskaźników, tak jak myślałem, że canvas działa inaczej. Dziękuję ci!
Korox

W innych językach

Ta strona jest w innych językach

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