<div class="pixiTestBox"> <!-- here i will append one app view (canvas) --> </div> <div class="pixiTestBox2"> <!-- here i will append another app view (canvas) --> </div>
//NOTE: When document is loaded, calls automatically `pixiSetup()` and `pixiSetup2()` pixiSetup() { //creates and append the "app.view" to div.pixiTestBox var ctx = document.querySelector(".pixiTestBox"); var app = new PIXI.Application(800, 600, { backgroundColor: 0x1099bb }); ctx.appendChild(app.view); // create a new Sprite from an image path var bunny = PIXI.Sprite.fromImage('images/user.png'); // center the sprite's anchor point bunny.anchor.set(0.5); app.stage.addChild(bunny); // Pointers normalize touch and mouse app.renderer.plugins.interaction.on('pointerup', canvasOnClickHandler); //Set element react on click bunny.interactive = true; bunny.on('pointerdown', drawedElementClicked); } pixiSetup2() { //creates and append the "app.view" to div.pixiTestBox2 var ctx = document.querySelector(".pixiTestBox2"); var app = new PIXI.Application(800, 600, { backgroundColor: 0x1099bb }); ctx.appendChild(app.view); // create a new Sprite from an image path var bunny = PIXI.Sprite.fromImage('images/user.png'); // center the sprite's anchor point bunny.anchor.set(0.5); app.stage.addChild(bunny); // Pointers normalize touch and mouse app.renderer.plugins.interaction.on('pointerup', canvasOnClickHandler); //Set element react on click bunny.interactive = true; bunny.on('pointerdown', drawedElementClicked); } function canvasOnClickHandler(event) { //How can i get here if the canvas that was clicked was the one inside of div class="pixiTestBox" or div class="pixiTestBox2"? } //canvasOnClickHandler function drawedElementClicked(event) { //How can i get here wich sprite was clicked? } //drawedElementClicked
console.log("event.currentTarget", event.currentTarget);
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)