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

相关推荐
草莓熊Lotso几秒前
【C++ 基于微服务的即时通讯系统】文件存储子服务实战:UUID生成、文件IO封装与全接口单元测试
开发语言·网络·数据库·c++·微服务·架构·单元测试
huaqianzkh1 小时前
WinForm C#:循环修改控件UI闪烁卡顿?SuspendLayout / ResumeLayout 与 BeginUpdate 优化
开发语言·ui·c#
非优秀程序员10 小时前
第07章 孙德良的阳谋|《互联网产品恩仇录》
javascript·后端
沐晓时光11 小时前
C语言入门,内存函数知识讲解
c语言·开发语言
程序员大阳14 小时前
HTML+CSS+JS对话式实战(5)-活动管理页之查看报名名单的实现
javascript·css·html·查看报名名单
新*17 小时前
从一段 WebSocket 代码聊开:bytes 不是 zlib、binaryType 决定一切,15MB 大消息的零拷贝优化
javascript·python·websocket·性能优化·blob·zlib·arraybuffer
David猪大卫17 小时前
【C++修炼】map 和 set 的使用
c语言·开发语言·数据结构·c++·经验分享·笔记·学习
OpsEye17 小时前
别再挨个充会员了:多模型编码,最麻烦的从来不是选模型
javascript·ai编程
fengci.19 小时前
CTF2MISC中等部分
开发语言·前端·学习
学以智用19 小时前
jsencrypt.js 完整详解
javascript