PixiJS 6.2.0 интерактивный слушатель не вызывается

0

Вопрос

У меня проблема с 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)

У кого-нибудь есть подсказка, в чем может быть проблема?

javascript pixi.js
2021-11-23 13:19:38
1

Лучший ответ

0

Не видя больше вашего кода, трудно сказать, так как он, похоже, работает, как показано здесь:

https://www.pixiplayground.com/#/edit/r9AV-4uYuyDSNzM-d8mt0

Где устанавливаются кнопки X/buttonY?

Кроме того, вам не нужно указывать область изображения, если она имеет тот же размер, что и изображение.

2021-11-23 14:13:00

Здравствуйте, я использую экземпляр vue. Может ли это вызвать проблемы?
Korox

Хорошо, при подготовке файла кода, который представляет мой код, не выдавая слишком много, я заметил, что у меня был указатель-события: нет; на моем родительском элементе. Я этого не знал pixi.js полагается на наличие событий-указателей, так как я думал, что canvas работает по-другому. Спасибо тебе!
Korox

На других языках

Эта страница на других языках

Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................