代码之家 › 专栏 › 技术社区 › Adam Turaj

反应三纤维场景背景比原始图像更亮

react-three-fiber three.js reactjs

Adam Turaj · 技术社区 · 4 年前

这是skybox的代码:

const { scene } = useThree();

const texture = useLoader(TextureLoader, "textures/skybox.jpg");

scene.background = texture;

(不要担心模糊。这只是因为我在屏幕上拍摄了一个如此小的区域。)

我问的是我在Poimandres Discord服务器中询问的亮度,其中一位管理员说这可能是一个编码错误,并在这里提问。

感谢马奎佐解决了这个问题。我刚刚补充说 texture.encoding = THREE.sRGBEncoding;

1 回复 | 直到 4 年前

M - 4 年前

这可能是你的 texture encoding property 默认情况下,纹理使用线性,但对于不与照明交互的直背景JPG,可以使用sRGB。

const texture = useLoader(TextureLoader, "textures/skybox.jpg");
texture.encoding = THREE.sRGBEncoding;
scene.background = texture;

推荐文章

5rod · 如何在three_js(Flutter)中设置缓冲区几何属性?

1 年前

TheBeginner · 三个JS锥体在globe.gl中未显示为标记

2 年前

Mandroid · 类型错误:三。BufferAttribute:数组应该是类型化数组

2 年前

jamfury · 从集合中获取纹理

2 年前

Voy Hexag · 边几何体-从不位于原点的网格中绘制边界边

2 年前

Slaven Soldo · Three.js中只提取复杂缓冲几何体的外边缘

2 年前

Chiara Ani · 对象属于类并且在typescript中具有属性?

2 年前

Pilves · ThreeJS Div跟随鼠标

2 年前

liminalFrog · three.js-OrbitControls阻尼在鼠标按下时有效,但在鼠标停止移动时没有阻尼

2 年前

David Lin · 使用useRef钩子的React Fiber Mesh元素,“ref.current”可能是“未定义的”

2 年前