set pointer coordinate for gui observable

[waverider]

I changed the scale of my rendering canvas but the pointer coordinate somehow gets messed up. how can i set the pointer coordinate for buttons,  here's my code:

var coord = new BABYLON.Vector2(scene.pointerX/4, scene.pointerY/4).normalize() button1._onPointerDown = function(button1, coord){ console.log(coord) }

 

or is there a set function for this control.getLocalCoordinates(coordinates) something like control.setCoordinates(new coordinates)?

[GameMonetize]

Hello!

did you use the engine.setHardwareScalingLevel API to scale the canvas?

(This should work if you did  )

[waverider]

@Deltakosh

yes i did and i used these too 

canvas.style.width = "25%";
canvas.style.height = "25%";

canvas.style.webkitTransform = "scale3d(4.0, 4.0, 1.0)";
canvas.style.webkitTransformOrigin = "0 0 0";

 

[Pryme8]

can you do a PG example? 

[waverider]

@Pryme8

here's a pg:

https://www.babylonjs-playground.com/#XCPP9Y#400

[GameMonetize]

You cannot use CSS transform to achieve this.

Only use engine API: https://www.babylonjs-playground.com/#XCPP9Y#402