Sto avendo un problema con PixiJS 6.2.0. Io sono la generazione di un cerchio che voglio essere interattivo. Voglio associare eventi cliccando, in bilico etc. per esso.
Il cerchio è di essere mostrato. Non c'è nulla al di sopra di essa come bene. Sembra che solo il pointerupoutside evento di trigger.
Questo è quello che ho ottenuto finora:
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);
Facendo clic nel cerchio e cliccando da qualche altra parte dopo aver fatto clic nella innesca una console.log.
Quello che ho provato:
- Chiamare tutto in requestAnimationFrame
- L'analisi della consistenza di un folletto e di rendere la sprite interattiva.
- L'aggiunta di un ticker e il rendering di stage (per quanto ne so, Questo non dovrebbe essere necessario in Pixi.JS 6)
Qualcuno ha un suggerimento quale potrebbe essere il problema?