You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<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()?
The text was updated successfully, but these errors were encountered:
tifDev
changed the title
Detect canvas and its sprites
Detect wich canvas and its sprites when click event occurs
Jun 29, 2018
tifDev
changed the title
Detect wich canvas and its sprites when click event occurs
Detect wich canvas and sprite is when click event occurs
Jun 29, 2018
In my html:
In my js:
How can i accomplish what is in canvasOnClickHandler() and drawedElementClicked()?
The text was updated successfully, but these errors were encountered: