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

相关推荐
Once_day7 分钟前
C++之《程序员自我修养》读书总结(1)
c语言·开发语言·c++·程序员自我修养
辰风沐阳19 分钟前
JavaScript 的宏任务和微任务
javascript
喜欢喝果茶.25 分钟前
QOverload<参数列表>::of(&函数名)信号槽
开发语言·qt
亓才孓26 分钟前
[Class类的应用]反射的理解
开发语言·python
努力学编程呀(๑•ี_เ•ี๑)26 分钟前
【在 IntelliJ IDEA 中切换项目 JDK 版本】
java·开发语言·intellij-idea
island13141 小时前
CANN GE(图引擎)深度解析:计算图优化管线、内存静态规划与异构任务的 Stream 调度机制
开发语言·人工智能·深度学习·神经网络
坚持就完事了1 小时前
Java中的集合
java·开发语言
魔芋红茶1 小时前
Python 项目版本控制
开发语言·python
云小逸1 小时前
【nmap源码解析】Nmap OS识别核心模块深度解析:osscan2.cc源码剖析(1)
开发语言·网络·学习·nmap
冰暮流星1 小时前
javascript之二重循环练习
开发语言·javascript·数据库