从远处看Three.js时,纹理看起来很模糊

时间:2013-01-01 21:31:23

标签: three.js

在我使用Three.js的游戏中,当我离它们越来越远时,我的纹理看起来很模糊。 由于我的16位复古风格的性质,我不能有任何模糊。

知道我能做些什么来解决这个问题?我像这样创建纹理:

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

enter image description here

如果我为两者选择NearestFilter,结果看起来相当丑陋和过于尖锐:

enter image description here

2 个答案:

答案 0 :(得分:4)

我使用NearestMipMapLinearFilter而不是LinearMipMapLinearFilter,结果看起来可以接受:

enter image description here

答案 1 :(得分:3)

我会给各向异性过滤一个镜头,但“不”模糊不可能。

这是一个例子: http://mrdoob.github.com/three.js/examples/webgl_materials_texture_anisotropy.html