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

This topic created in 749 days ago, the information mentioned may be changed or developed.

想简单的设置个背景

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

three.js

背景

半透明

3 replies • 2024-06-01 19:42:12 +08:00

IvanLi127

Jun 1, 2024

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

alphardex

Jun 1, 2024

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

humbass

Jun 1, 2024

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