three.js纹理贴图不清晰,颜色失真

一. 贴图不清晰

给渲染器加一些配置选项:

// 初始化渲染器
 let renderer = new THREE.WebGLRenderer({
    antialias: true,     //抗锯齿
    // alpha: true
  })
  renderer.setPixelRatio(window.devicePixelRatio) // 设置像素比

二. 颜色失真

let texture = new THREE.TextureLoader().load("贴图地址")
texture.encoding = THREE.sRGBEncoding // 设置纹理的颜色空间(普通的纹理)

纹理encoding

你可能感兴趣的:(three.js,javascript,贴图,开发语言)