New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
How to make textures look sharp on a retina display? #2553
Comments
Anisotropy is probably what you're after. |
ok this fixed my issue with repeating textures, thx :) However it did not work for non repeating textures, any idea on how this can be fixed? |
They probably need to be power of two textures? |
well i have tried increasing the resolution of the textures but i am not seeing an improvement. Without actually knowing how the increased density is handled, my guess is that the texture is being downscaled to the appropriate pixel size of the geometry face but is than scaled up again by my browser to fit the density of the display. When looking closer at my repeating texture i can see that while setting the anisotropy to max greatly increased the quality, the texture is still not as sharp as it should be |
Hard to tell what's going on without seeing the example or at least screenshots, but you may want to have a look at this: |
awesome link @alteredq ! fixed my issues, everything looks sharp now :) |
Just leaving a comment here for anyone else that finds this, because I almost went mad trying to find an answer and Google kept bringing me here: I had the exact same problem but mine was a very simple solution, it was to simply set the
Worth noting that setting the |
That got removed a while ago. |
@mietek Actually, I think this may have been fixed in |
it is not even helping, or so it seems. this is what I get in safari console: and this is how it looks like in ipad: as you see, the rectangle appears to be of right size, but the actual viewport is 2x larger. |
things look right in chrome's simulator with dpr=2 but on ipad they do not. |
@makc do you have a link? |
[removed] |
it appears that tilting the thing back and forth fixes this as well... any way, this setTimeout (function () {
renderer.domElement.style.width = (parseInt (renderer.domElement.style.width) - 1) + 'px';
setTimeout (function () {
renderer.domElement.style.width = (parseInt (renderer.domElement.style.width) + 1) + 'px';
}, 0);
}, 0); did not work at all. back to drawing board... |
- fixes blurry texture rendering on retina like displays (see: mrdoob/three.js#2553)
So i just updated my laptop to a retina display macbook and even though i use high resolution textures with repetition they look very blurry.
So i am wondering what i should do to resolve this issue?
The text was updated successfully, but these errors were encountered: