Browser zoom change button positions

[gabo]

I have a problem with one of our games at FORM https://playcanvas.com/project/579866/overview/formit-sim30 because when users have a browser zoom below 100% the buttons appear in a weird position.

100%

80%

We create the code based on you tutorial https://playcanvas.com/project/558460/overview/tutorial-world-to-element and the same is happening when the zoom is below 100%

100%

80%

We already tried the option “device pixel ratio” in the rendering options but the problem is there.

Do you have any solution to it?
Thanks.

[gabo]

I also read aboout the same problem on this link:

worldToScreen coordinates gives weird results only in some cases

Link to example project: https://playcanvas.com/editor/scene/620658 Hi, I’m running into a problem where I convert the position of a 3d object to the anchor position of an image element. (So that that image is always at the objects position). I thought I had it all working and everything seems fine, but only on some browsers or devices it gives a weird result, and I really don’t know why. For example, when I launch it on my phone, you clearly see the position of the red squares is off (see imag…

but the bug wasn’t solved