[image] In the first image the text and other components are at there respectve defied percentage and as i change the size to the mo0bile size then the text and other components gets blurry and the text is even also not readable like this its being displayed and i have used percentage to create it…

This is the code we used in the Babylon 5 demo to handle screen resize: rescale GUI on window resize · BabylonJS/SpacePirates@18d8ce9 (github.com) Primarily, you want to listen for a “resize” event on the window object and then call this: this._adt.scaleTo(this._adt.getScene()!.getEngine().getRend…

@DarraghBurke can help with the GUI

I could not understand can u plz elaborate it.

Every time the window resizes, you want to rescale the texture to the dimensions of the canvas. This ensures that it will always have the same resolution as the scene // adt is your AdvancedDynamicTexture, engine is your Babylon.js engine window.addEventListener("resize", () => { adt.scaleTo(engine…

I added the code in my html downloded file but it did not worked and returned errors in the console this is my project Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

Can’t see any error. This code looks just fine. Run it at the end before returning the scene. Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes Edit: OK, just saw what your problem might have been. ‘adt’ in this scri…

thanks, i added that code in my project but when i run the project in my mobile the texts and other components are still blurry and does not look good. can u plz tell me how to improve that. [image]

@DarraghBurke can plz help me i am facing thast problem still now

Resize on different screen size

Questions

mawa May 23, 2022, 1:20pm 11

You probably need to resize the canvas. There are many topics around this if you search for ‘mobile’ in the forum. The latest one is over here

Topic		Replies	Views
How can i optimize the resolution of image and text? Questions gui , material	14	1202	August 19, 2022
How to make the text less blurry Questions documentation , tutorial , gui	7	1593	June 6, 2022
Babylon GUI mobile is all blurry Questions	11	1296	February 29, 2024
Resizing Babylon Engine Questions	4	3000	April 23, 2020
Is there support for dynamic scaling of UI if screen changes? Questions	1	504	April 6, 2020

Resize on different screen size

Related topics