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

一. 贴图不清晰

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

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

二. 颜色失真

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

纹理encoding

相关推荐
JNU freshman1 小时前
vue 之 import 的语法
前端·javascript·vue.js
剑亦未配妥1 小时前
Vue 2 响应式系统常见问题与解决方案(包含_demo以下划线开头命名的变量导致响应式丢失问题)
前端·javascript·vue.js
爱吃的强哥1 小时前
Vue2 封装二维码弹窗组件
javascript·vue.js
凉柚ˇ1 小时前
Vue图片压缩方案
前端·javascript·vue.js
jarreyer1 小时前
python离线包安装方法总结
开发语言·python
李辰洋2 小时前
go tools安装
开发语言·后端·golang
wanfeng_092 小时前
go lang
开发语言·后端·golang
绛洞花主敏明2 小时前
go build -tags的其他用法
开发语言·后端·golang
ByteCraze2 小时前
秋招被问到的常见问题
开发语言·javascript·原型模式
码银2 小时前
【python】基于 生活方式与健康数据预测数据集(Lifestyle and Health Risk Prediction)的可视化练习,附数据集源文件。
开发语言·python·生活