PixiJS 6.2.0 interaktivní posluchač dont dostat tzv.

Mám problém s PixiJS 6.2.0. Jsem generování kruh, který chci být interaktivní. Chci svázat události na kliknutí, vznášející atd. .

Kruh je zobrazen. Není nic nad to, jak dobře. Zdá se, jako jen pointerupoutside událost spouští.

To je to, co jsem se dostal tak daleko:

            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);

Klepnutím do kruhu a klepnutím na tlačítko někde jinde po kliknutí spouští v konzoli.log.

Co jsem zkoušel:

• Volání vše, co je v requestAnimationFrame
• Analýze textury na sprite a dělat sprite interactive.
• Přidání ticker a render fázi (AFAIK To by nemělo být zapotřebí v Pixi.JS 6)

Máte někdo tip, co by mohl být problém?