一个 Three.js 设置背景的问题求教

25 天前
 humbass

想简单的设置个背景

  import test from '@/assets/test.jpg'
  scene = new THREE.Scene()
  const textureLoader = new THREE.TextureLoader()
  const texture = textureLoader.load(test)
  scene.background = texture

结果发现图片是半透明的状态

就像这样 https://update.ld160.eu.org/pics/2541717182785_.pic_hd.jpg 左上角是原图,右边是加载的背景

549 次点击
所在节点    前端开发
3 条回复
IvanLi127
25 天前
canvas 后面是啥颜色的?看起来不像半透明,只感觉色彩不太好
alphardex
25 天前
确实是色彩的问题,新版 three 默认是 SRGB 色彩空间,贴图的 colorSpace 也要对应上,texture.colorSpace = THREE.SRGBColorSpace
humbass
25 天前
@alphardex 谢谢!上午换成老版本的 three.js 就 ok ,感谢!!

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1045875

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX