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

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

react-three-fiber three.js reactjs

Adam Turaj · 技术社区 · 3 年前

这是skybox的代码:

const { scene } = useThree();

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

scene.background = texture;

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

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

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

1 回复 | 直到 3 年前

M - 3 年前

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

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

推荐文章

Pilves · ThreeJS Div跟随鼠标

1 年前

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

2 年前

Laiqa Mohid · 尝试react 3纤维磨砂玻璃着色器,但未正确应用

2 年前

Mustafa Raja · pointLight不适用于expo react native的react three/光纤

2 年前

geniar99s · 使用着色器进行三个JS滑块过渡?

2 年前

mojo45 · React三光纤似乎突然需要一个资源,导致我的应用程序崩溃。安全问题还是其他什么?

2 年前

Daniel Zufrí Quesada · 内部组件时反应三纤维着色器uv错误

2 年前

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

3 年前