从 gltf 加载模型时如何增加对比度和色彩饱和度

Posted 2023-02-27

【中文标题】从 gltf 加载模型时如何增加对比度和色彩饱和度

【英文标题】：How to increase contrast and color saturation when loading a model from gltf

【发布时间】：2020-11-30 21:44:24

【问题描述】：

这个例子中https://threejs.org/examples/webgl_loader_gltf.html是否可以增加模型的对比度？

我使用这种方法来加载我的模型，它们的颜色不饱和，就像在一个小雾中一样 (http://prntscr.com/txmihr)。这可以解决吗？谢谢

【问题讨论】：

您需要提供更多详细信息，说明您正在尝试做什么、您尝试过什么以及什么有效或无效。此问题目前没有足够的细节供其他人帮助您。

我举了一个来自网站threejs.org的例子。是否可以使结果更具对比度和色彩丰富？

您将需要研究诸如色调映射、环境照明、曝光、后处理和 Three.js 提供的其他渲染器设置等主题。找到比你自己的看起来更好的三个.js 示例，并查看它们的代码。没有一种快速的方法可以让图像看起来色彩丰富。

【参考方案1】：

我在研究我的项目中贴图纹理看起来褪色（不饱和、模糊等）的问题时发现了这篇文章。

我不是三纤维或反应三纤维方面的专家，但我想分享我的解决方案，以防有其他人在同一搜索中...

在 THREE 中存在与 sRGB 编码相关的问题。在 RTF 中，尝试在您的 <Canvas/> 上使用 linear 和 flat 道具：

<Canvas
  linear
  flat
>
...
</Canvas>

https://github.com/pmndrs/react-three-fiber/blob/master/markdown/api.md?plain=1#L50-L51