Three.js图像质量模糊

Question

我用three.js制作了一个纹理立方体。当我添加一个纹理，质量是不好的。光线模糊，我不知道怎么解决它。

示例：

原始图像

​

​

图像在Three.js (模糊)中的应用

​

​

你可以看到更好的声音：(头上的蓝色和金色不一样)

原始图像

​

​

图像在Three.js (模糊)中的应用

​

​

我尝试过很多解决方案：

texture.anisotropy =  16;

-

renderer.setPixelRatio(window.devicePixelRatio ? window.devicePixelRatio : 1)

-

renderer = new THREE.WebGLRenderer( { 
   canvas: theCanvas,
   antialias: true,
   preserveDrawingBuffer: true,
   alpha:true
} );

我也试过换灯，但从来没有用过。在three.js中可以直接改变图像质量吗？

Answer 1

2020年

    var texture = new THREE.TextureLoader().load();
    texture.generateMipmaps = false;
    texture.minFilter = THREE.LinearFilter;
    texture.needsUpdate = true;

Answer 2

你想：

texture.generateMipmaps = false;

Answer 3

设置纹理minFilter属性。THREE.js缺省值为none。

    var texture = new THREE.TextureLoader().load();
    texture.minFilter = THREE.LinearFilter;