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

相关推荐
binqian31 分钟前
【异步】js中异步的实现方式 async await /Promise / Generator
开发语言·前端·javascript
林开落L1 小时前
库制作与原理(下)
linux·开发语言·centos·库制作与原理
前端李二牛1 小时前
异步任务并发控制
前端·javascript
fengfuyao9851 小时前
基于MATLAB的GUI实现人脸检测、眼睛检测以及LBP直方图显示
开发语言·计算机视觉·matlab
你也向往长安城吗1 小时前
推荐一个三维导航库:three-pathfinding-3d
javascript·算法
karrigan2 小时前
async/await 的优雅外衣下:Generator 的核心原理与 JavaScript 执行引擎的精细管理
javascript
CHANG_THE_WORLD2 小时前
# C++ 中的 `string_view` 和 `span`:现代安全视图指南
开发语言·c++
wycode2 小时前
Vue2实践(3)之用component做一个动态表单(二)
前端·javascript·vue.js
Franklin2 小时前
Python界面设计【QT-creator基础编程 - 01】如何让不同分辨率图像自动匹配graphicsView的窗口大小
开发语言·python·qt
郝学胜-神的一滴2 小时前
深入理解QFlags:Qt中的位标志管理工具
开发语言·c++·qt·程序人生