Alex Rivera | Logout

Textures look blurry when looking from a distance with Three.js

Asked 2013-01-01T21:31:22.563
8

In my game that uses Three.js, my textures look blurry when I go further away from them. Due to the nature of my 16-bit retro style, I must not have anything blurry.

Any idea what I could do to solve this? I create my textures like this:

var texture  = new THREE.Texture( image,
  new THREE.UVMapping(),
  THREE.RepeatWrapping,
  THREE.RepeatWrapping,
  THREE.NearestFilter,
  THREE.LinearMipMapLinearFilter );

enter image description here

If I select NearestFilter for both, the result looks rather ugly and too sharp:

enter image description here

Edit
Report

1 Answer

4

I used NearestMipMapLinearFilter instead of LinearMipMapLinearFilter and the result looks acceptable:

enter image description here

answered 2013-01-01T21:43:38.613

Your Answer