HI!) I ran into the problem of pixelation of assets on mobile devices, advised to enable mipmap levels, how to do it in babylon.js? Thank you in advance )

[image] setHardwareScalingLevel < 1.0 Questions @Vinc3r is right. It will produce really beautiful rendering by upscaling the resolution. This is really useful when you are not GPU limited so you can afford rendering more pixels. On site like remix3d.com we start with a …

Mipmaps are automatic when loading a texture unless you are expressly asking not to do it (or if you load a DDS with no mipmap) Pixelation issue on mobile can come from a smaller than expected resolution. you can try to boost it with engine.setHardwareScalingLevel(0.5) to see if it helps

HI, when setting this value, the animations broke ((and everything became a little dull On a computer without this value everything is ok, but my computer monitor has a lower resolution than on my phone) Clarification about broken animations, in the same way they will behave if you put too small a…

Hi, as far as I understand, mipmaps are generated only for textures, is it possible to somehow generate them for ordinary pictures? Or go another way using textures for buttons for example. As I understand it, because of this there is a pixelation of resources, but I’m wondering if there is any othe…

Hello, why would you like to generate them for ordinary picture ? Would be great if you could share a screenshot cause I have the feeling you are discussuing about geometry aliasing and not texture here that mipmap won t solve. If it looks blocky with steps around the geometry you would need eithe…

[image] sebavan: Hello, why would you like to generate them for ordinary picture ? A good developer Pixi.js advised, I myself do not really understand this issue)

Unfortunately hard to tell what is texture from what is mesh and where the text is coming from? but it still looks like your overall res is too tiny so setHardwareScalingLevel might be your best bet. You could easily turn it on only for mobiles by inspecting the user agent ?

[image] MartynovOleg: Hello, why would you like to generate them for ordinary picture ? Yup the advantage is normally to be stored in DDS or compressed texture to save a bit of memory on the client but it would not fix your particular issue.

Now I just check fps, if it is lower than 60 fps, increase scalingLevel) Since there were complaints that the quality is also low on devices MacBook / iMac I think everything will be fine, thank you and Deltakosh)

Problem of pixelation of assets on mobile devices (mipmap enable)

Questions

MartynovOleg November 29, 2019, 2:15pm 7

I am using this solution now. So far this is at the testing stage.
Everything is fine with animation textures; problems arise with buttons. Maybe everything will work well with this solution)
Here is a screenshot before applying this solution:

Topic		Replies	Views
High scale texture with bending problem Questions	5	832	August 29, 2019
Hardware Scaling Level Texture Blur Questions	4	550	June 7, 2023
How can i optimize the resolution of image and text? Questions gui , material	14	1280	August 19, 2022
Game blurry on mobile Questions	1	585	January 12, 2023
Text GUI is pixelated with react-babylonjs Bugs gui	3	695	August 20, 2020

Problem of pixelation of assets on mobile devices (mipmap enable)

Related topics