Eu estou tendo um problema com PixiJS 6.2.0. Estou gerando um círculo que eu quero ser interativo. Quero ligar eventos clicando, pairando etc. para ela.
O círculo está sendo mostrado. Não há nada acima dela também. Parece que só o pointerupoutside evento de trigger.
É isso que eu tenho até agora:
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);
Se clicar no círculo e clicando em algum outro lugar depois de clicar em aciona um console.o registo.
O que eu tentei:
- Chamando tudo em requestAnimationFrame
- A análise da textura a um gráfico e fazer o sprite interativo.
- Adicionar um ticker e processar o estágio (AFAIK, Isso não deve ser necessário em Pixi.JS 6)
Alguém tem uma dica do que poderia ser o problema?