Reputation: 27
Low resolution image blurred out in three.js
I'm playing around with three.js to get more familiar with it however when I upload low resolution images (16x16px to be exact) as cube textures, they tend to blur out and look really fuzzy. I've tried looking on other posts and couldn't find a solution to unblur them that actually worked. here's an example of what's happening:
Upvotes: 0
Views: 926
Answers (1)
Reputation: 152
You should post some code otherwise it's tough to give you an exact fix for your problem.
That being said, I'm pretty sure the issue is with texture filtering. See the Three.js texture filtering docs. For your use case I think what you want is to set Texture.magFilter and Texture.minFilter to THREE.NearestFilter. That should give you the pixellated look you'd like.
Upvotes: 1
Related Questions
- Textures blur far from camera Three.js
- three js, WebGLRenderer image quality drops on safari
- Three.js image quality blured
- ThreeJS Texture is pixelated when seen from distance
- Image distortion in threejs
- Antialiasing with Threejs
- render result is pixelated (or: has lower resolution that it should)
- Three js, block textures are blured
- Reduce distance blurring in three.js
- Textures look blurry when looking from a distance with Three.js