Am o problema cu PixiJS 6.2.0. Eu sunt generatoare de un cerc care vreau să fie interactive. Vreau pentru a lega evenimentele la clic, situându-se etc. pentru aceasta.
Cercul este afișat. Nu este nimic mai presus de ea la fel de bine. Se pare ca numai pointerupoutside eveniment de declanșare.
Aceasta este ceea ce am primit până acum:
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);
Faceți clic în cerc și faceți clic în altă parte după ce faceți clic în declanseaza o consola.jurnal.
Ce am incercat:
- Suna totul în requestAnimationFrame
- Parsarea textura la un sprite și de a face sprite interactive.
- Adăugarea unui ticker și prestează pe scenă (AFAIK Acest lucru nu ar trebui să fie necesare în Pixi.JS 6)
Are cineva o sugestie ce problema ar putea fi?