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

相关推荐
哎呀喂喂呀1 分钟前
Vue3项目投屏功能开发
前端·javascript
独立开阀者_FwtCoder2 分钟前
11 个改变游戏规则的开源项目
前端·javascript·面试
依辰3 分钟前
小程序Iconfont使用最佳实践指南
前端·javascript·微信小程序
矛取矛求3 分钟前
创意 Python 爱心代码
开发语言·python
小郝 小郝8 分钟前
【C语言】内存函数 (续)
c语言·开发语言·学习
机构师8 分钟前
<tauri><rust><GUI>基于rust和tauri,将tauri程序打包为window系统可安装的安装包(exe、msi)
javascript·后端·rust
_星辰大海乀9 分钟前
二叉树相关练习--2
java·开发语言·数据结构·算法·链表·idea
学也不会11 分钟前
d202547
linux·前端·javascript
大苦茶籽12 分钟前
Vue中强大的图片预览组件—v-viewr,支持缩放、旋转等操作
前端·javascript·github
孟紫瑶21 分钟前
C#语言的游戏引擎
开发语言·后端·golang