J'ai un problème avec PixiJS 6.2.0. Je suis de la génération d'un cercle qui je veux être interactif. Je veux lier les événements en cliquant sur, planant au-etc. à elle.
Le cercle qui est montré. Il n'y a rien au-dessus d'elle ainsi. Il semble que la pointerupoutside événement de déclenchement.
C'est ce que j'ai obtenu jusqu'à présent:
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);
En cliquant dans le cercle et en cliquant sur un autre endroit après avoir cliqué dans la déclenche une console.journal.
Ce que j'ai essayé:
- Tout remettre en requestAnimationFrame
- L'analyse de la texture à une image-objet et de faire le sprite interactive.
- L'ajout d'un symbole et le rendu de la scène (autant que je sache, Ce ne devrait pas être nécessaire en Pixi.JS 6)
Quelqu'un a un indice de ce que le problème pourrait être?