PixiJS 6.2.0 ile ilgili bir sorunum var. Etkileşimli olmak istediğim bir daire oluşturuyorum. Tıklama, gezinme vb. Olayları bağlamak istiyorum. bunun için.
Çember gösteriliyor. Üstünde de hiçbir şey yok. Sadece pointerupoutside olayı tetikleniyor gibi görünüyor.
Şimdiye kadar sahip olduğum şey bu.:
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);
Daireye tıklamak ve tıkladıktan sonra başka bir yere tıklamak bir konsolu tetikler.günlük.
Ne denedim:
- Requestanimationframe'deki her şeyi çağırma
- Dokuyu bir hareketli grafiğe ayrıştırma ve hareketli grafiği etkileşimli hale getirme.
- Bir ticker ekleme ve sahneyi oluşturma (AFAIK Bu Pixi'de gerekli olmamalıdır.JS 6)
Sorunun ne olabileceğine dair ipucu olan var mı?