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?