Adjust mouse cordinates for scaled stage?

[kahootbird]

The code would look something like that below. Basically I'm wondering if you scale the stage to the screen size, if there is a way to adjust the mouse X and Y coordinates to the new size -- the coordinates provided I've found that it's a bit offset the further toward bottom right you go from the pointermove event.

//Scale stage
var resolution_width = 1024
var resolution_height = 768

app.stage.scale.x = window.innerWidth / screen_width;
app.stage.scale.y = window.innerHeight / screen_height;

//Get mouse x and y on mouse move
app.stage.pointermove = moved;
function moved(e)
{
  console.log([e.data.global.x,e.data.global.y]
}

[bubamara]

you need to convert global coordinates to local coordinates : http://pixijs.download/dev/docs/PIXI.DisplayObject.html#toLocal

function moved(e)
{
    const global = e.data.global;

    const local = app.stage.toLocal(global);

    console.log(global.x, global.y, local.x, local.y)
}

 

[ivan.popelyshev]

Use that function: http://pixijs.download/dev/docs/PIXI.interaction.InteractionData.html#getLocalPosition 

EDIT: its the same as toLocal, yes

[oleg200786]

On 6/22/2019 at 11:10 AM, bubamara said:

you need to convert global coordinates to local coordinates : http://pixijs.download/dev/docs/PIXI.DisplayObject.html#toLocal

function moved(e)
{
    const global = e.data.global;

    const local = app.stage.toLocal(global);

    console.log(global.x, global.y, local.x, local.y)
}

 

Local coordinates just mean that you should divide global coordinates on scale value: e.data.global.x /= app.stage.scale.x
 

I think methods like toLocal are useless