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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 180 天前的主题，其中的信息可能已经有所发展或是发生改变。

想简单的设置个背景

  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 左上角是原图，右边是加载的背景

3 条回复 • 2024-06-01 19:42:12 +08:00

IvanLi127

180 天前

canvas 后面是啥颜色的？看起来不像半透明，只感觉色彩不太好

alphardex

180 天前

确实是色彩的问题，新版 three 默认是 SRGB 色彩空间，贴图的 colorSpace 也要对应上，texture.colorSpace = THREE.SRGBColorSpace

humbass

180 天前

@alphardex 谢谢！上午换成老版本的 three.js 就 ok ，感谢！！