learningPixi
learningPixi copied to clipboard
Detect wich canvas and sprite is when click event occurs
In my html:
<div class="pixiTestBox">
<!-- here i will append one app view (canvas) -->
</div>
<div class="pixiTestBox2">
<!-- here i will append another app view (canvas) -->
</div>
In my js:
//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? (is it possible to add an "id" when declaring a sprite and get his id here?)
} //drawedElementClicked
How can i accomplish what is in canvasOnClickHandler() and drawedElementClicked()?