Hi ! I’ve been having issues with my UI when setting the hardwarescalinglevel to 1 / window.devicePixelRatio to properly support devices with HDPI & Retina displays. The button only works when the hardwarscalinglevel is set to 1. You can see the issue here (on mobile, not desktop) : https://www.…

Hey @Tom_Krikorian , does this work: Test UI Minsar | Babylon.js Playground (babylonjs-playground.com) The UI works well in both mobile web and AR mode now, and stays the same size. It’s an issue with the render size in AR (that we cannot really control). I might add this code to the XR implementa…

Hi Raanan, Thanks for looking into the issue. I checked the latest PG and i still have my issue. Button does not get any input.

This has not been deployed yet and will be in the next nightly in a couple hours.

What device are you testing with?

I’m using a xiaomi mi 8. The PR is about mawa’s issue i think ?

yep, unrelated to the base issue here. I will have to debug on my android, will keep you posted :slight_smile:

Yes it works ! Thank you :slight_smile:

I talked a bit too soon. The issue is not really fixed because now the UI looks blurry ( https://www.babylonjs-playground.com/#J1KG86#48 ) since the Engine’s setHardwareScalingLevel(1 / window.devicePixelRatio) was removed. As soon as i put it back, everything breaks again regarding input ( https://ww…

OMG! I’m also still stuck with (some other and new) mobile issues. Oh, how I just hate mobile. If you’d ask Apple, they’d say you can still make it an app. If you’d ask Apple EVERYTHING would need to go through (the amazing and unique!:wink: bloody appstore.

@RaananW is the wizard for this :slight_smile:

Setting setHardwareScalingLevel breaks GUI button on HDP / Retina displays

Bugs

ThomasNigro April 23, 2021, 10:04pm 32

(Jumping in to say thank you @RaananW for helping us (and probably many others!) on this issue! )

How to make the text less blurry

Topic		Replies	Views
Hardware Scaling Shifts UI Questions gui	1	450	January 31, 2022
[WebXR] BABYLON GUI Button doesnt work in ar-session if HardwareScalingLevel is changed Bugs gui	3	577	December 2, 2020
BABYLON.GUI.Button not working correctly in mobile chrome Bugs	8	1203	November 18, 2019
Proper way to support HDPI/Retina display at full resolution and scaled properly? Questions gui	7	2070	August 16, 2021
Improve HighDPI Support (especially for BABYLON.GUI) Feature requests gui	10	2452	January 22, 2020

Setting setHardwareScalingLevel breaks GUI button on HDP / Retina displays

Related topics