My react-three-fiber background is supposed to be a dark starry sky. But in the scene it is very bright. Here is the original image: Original issues image

这是skybox的代码:

const { scene } = useThree();

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

scene.background = texture;

这是场景渲染的内容:

Image of the scene

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

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


编辑:

感谢马奎佐解决了这个问题.我刚刚加了texture.encoding = THREE.sRGBEncoding;,背景是这样的:

Fixed background

推荐答案

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

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

Reactjs相关问答推荐

运行 node server.js会导致以下错误:Route.post()需要回调函数,但在Route.&处得到了[对象Undefined] lt;计算>

REACT路由DOM根据参数呈现不同的路由

可选链和useState挂钩

在Reaction中更新状态时,我将变得未定义

错误./src/TopScroll.js 31:21-31导出';(作为';随路由导入)在';Reaction-Router-Dom';中找不到

一键MUI导出

如何在React中正确地将密码输入类型切换为文本或反之亦然(下一页)

在Map()完成React.js中的多个垃圾API请求后执行函数

GoLang有条件地为.js.gz提供服务(如果它存在),否则为.js

Mui Datepicker 设置了错误的日期

标签文本删除了 MUI 概述的输入

如何更改TimePicker中下拉菜单的背景 colored颜色 和字体 colored颜色 - MUI React

Chakra UI:如何在选中状态下设置复选框 colored颜色

redux 工具包使用中间件构建器函数时,必须返回一个中间件数组

为什么我的 Next.js (React) 组件只有在页面中时才有效?

无法在 KeyDown 上调用 useCallback 函数

Cypress - 替换 React 项目中的变量

错误:无效挂钩调用.钩子只能在函数组件的主体内部调用.使用 next/router 时

如何在 React 中单击鼠标的位置动态添加 div?

如果 URL 已随功能组件更改,则取消刷新