У меня проблема с PixiJS 6.2.0. Я создаю круг, который я хочу сделать интерактивным. Я хочу привязать события при щелчке, наведении курсора и т. Д. к нему.
Показывается круг. Над ним тоже ничего нет. Похоже, что запускается только событие pointerupoutside.
Это то, что я получил до сих пор:
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);
Щелчок в круге и щелчок в другом месте после нажатия вызывает консоль.log.
Что я пытался:
- Вызов всего в requestAnimationFrame
- Разбор текстуры на спрайт и создание интерактивного спрайта.
- Добавление тикера и визуализация сцены (AFAIK Это не должно быть необходимо в Pixi.JS 6)
У кого-нибудь есть подсказка, в чем может быть проблема?