Hi. I’m trying to reproduce the google example https://searchplayground.google/ , but I have a problem with the fact that when the camera is zoomed out to the maximum, the image becomes very poor quality? What could be the reason? I also noticed that when zoomed out to the maximum, Google “blurs” the image a little. How can I achieve the same effect?
This problem is especially noticeable on retina displays, where the image quality is very poor when zoomed out.
Please give me some advice or solution. Thanks
and I don’t know why, but mipmap filters just don’t work with chunks.
I also managed to create an example on codepen, but due to limitations I can only show an example with one large image. but even on a non-retina display at 0.2 zoom you can see how the image is very heavily pixelated. and I need the user to be able to zoom out to see the whole image.
Are there any solutions for large images, especially for retina displays?
I searched for a bunch of examples, but found nothing.
They definitely use phaser because I looked at the source code of the page and found inside the Js files phaser config.
Tell me, is there a solution for large images, or does it still come down to cutting this large image into smaller ones and applying some filter?
The problem isn’t really large images but scaling down detailed images. I think the solution is mipmap filters. They will work on any power-of-two dimensioned texture (4096, 2048, 1024, etc.).