0
264
VistasThree.js calidad de imagen borrosa
He hecho un cubo con texturas con three.js . Cuando agrego una textura, la calidad no es buena. Se ve borroso y no sé cómo solucionarlo.
Ejemplo:
Imagen original
Imagen en Three.js (borrosa)
Puedes ver mejor a continuación: (El azul y el dorado en la cabeza no son lo mismo)
Imagen original
Imagen en Three.js (borrosa)
He probado muchas soluciones:
texture.anisotropy = 16;-
renderer.setPixelRatio(window.devicePixelRatio ? window.devicePixelRatio : 1)-
renderer = new THREE.WebGLRenderer( { canvas: theCanvas, antialias: true, preserveDrawingBuffer: true, alpha:true } ); He intentado cambiar la luz también, pero nunca funcionó. ¿Es posible cambiar la calidad de la imagen directamente en three.js ?
·
Santiago Trujillo
3 Respuestas
Responde la pregunta0
Usted quiere:
texture.generateMipmaps = false;
·
Santiago Trujillo
Denunciar
0
en 2020
var texture = new THREE.TextureLoader().load(); texture.generateMipmaps = false; texture.minFilter = THREE.LinearFilter; texture.needsUpdate = true;
·
Santiago Trujillo
Denunciar
0
Establezca la propiedad minFilter de la textura. El valor predeterminado de TRES.js es ninguno.
var texture = new THREE.TextureLoader().load(); texture.minFilter = THREE.LinearFilter;
·
Santiago Trujillo
Denunciar
Responde la pregunta