三个JS真实渲染

Question

我在三个js编辑器上创建了场景。我也尝试在我的项目中获得相同的结果。我在自己的项目中使用了 R3F。

在 ThreeJS 编辑器上，如果我增加定向光强度，一切看起来都很好。 但在我的项目中，灯光有点曝光过度，颜色过度饱和。阴影偏差似乎也有不同的作用

当我尝试启用阴影时也是如此。我需要打开同一模型的投射并接收阴影。 启用接收和投射阴影后会产生噪音效果。

我需要尽可能真实地展示我的模型。

Answer 1

尝试启用色调映射，并更改输出编码。某些设置在 ThreeJS 版本中有所不同。但有我的三个0.141.0版本的设置。

renderer.toneMapping = ACESFilmicToneMapping;
renderer.toneMappingExposure = 1;
renderer.shadowMap.enabled = true;
renderer.shadowMap.type = PCFSoftShadowMap;
renderer.outputEncoding = sRGBEncoding