ฉันกำลังจะมีปัญหากับ 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);
การคลิกในวงเวทย์และการคลิกที่อื่นหลังจากการคลิกในตัวกระตุ้นคอนโซล.ปูมบันทึก.
สิ่งที่ฉันพยายาม:
- เรียกทุกอย่างใน requestAnimationFrame
- กำลังวิเคราะห์พื้นผิวที่จะเป็น sprite และทำ sprite แบบโต้ตอบ.
- เพิ่มหัวและจัดการพางขั้นตอน(AFAIK มันไม่สมควรต้องการอยู่ Pixi.JS 6)
ใครมีข้อแนะนำอะไรปัญหาอาจจะเป็?