three.js | 实战踩坑之旅

在使用gltfLoader加载3D模型时,官方推荐设置renderer.outputEncoding为THREE.sRGBEncoding以确保颜色正确渲染,但这可能导致背景图片饱和度下降。目前,对于这一问题,没有直接的解决方案,建议调整设计中的背景图饱和度来适应渲染效果。
摘要由CSDN通过智能技术生成

在gltfLoader中加载3d模型效果:

官方文档中写到:

如果没有特殊需要,一般为了正常渲染,避免颜色偏差,threejs代码中需要颜色贴图.encoding和渲染器.outputEncoding属性值保持一致。

renderer.outputEncoding = THREE.sRGBEncoding; 

但这个属性又会导致另一个问题:

用new THREE.TextureLoader().load()加载出来的图片,设置为场景背景时scene.background会把图片的饱和度降低了。这个问题目前没有解决方案,只能找设计把背景图的饱和度提高。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值