Estoy teniendo un problema con PixiJS 6.2.0. Estoy generando un círculo que quiero ser interactivo. Quiero enlazar eventos al hacer clic, se cierne etc. para ello.
El círculo que se muestra. No hay nada por encima de él así. Parece que el pointerupoutside evento de disparo.
Esto es lo que tengo hasta el momento:
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);
Haga clic en el círculo y hacer clic en alguna otra parte después de hacer clic en desencadena una consola.registro.
Lo que he intentado:
- Llamando a todo en requestAnimationFrame
- El análisis de la textura de un sprite y hacer que el sprite interactivo.
- La adición de una clave de pizarra y hacer que la etapa (AFAIK Esto no debería ser necesario en Pixi.JS 6)
Alguien tiene una sugerencia de lo que podría ser el problema?