【问题标题】:React Three.js .GLTF Baked-In Texture Not Appearing On ModelReact Three.js .GLTF 烘焙纹理未出现在模型上
【发布时间】:2021-03-01 10:29:50
【问题描述】:

我有一个简单的场景,包括一个带有月亮漫反射和凹凸纹理的球体模型烘焙到“.GLTF 文件”中。我用GLTFJSX 导入了模型,但只出现了模型。我打开了照明,但这似乎并没有解决问题。我把这个完全相同的模型放在另一个场景中,纹理加载得很好。

问题沙盒:https://codesandbox.io/s/patient-framework-3holn?file=/src/App.js

【问题讨论】:

    标签: reactjs three.js gltf react-three-fiber


    【解决方案1】:

    glTF 模型中的材料是 100% 金属的 - 在 glTF 文件中查找 "metallicFactor": 1.0 行。金属材料需要环境照明 (IBL) 来显示反射,否则它们会变暗。此外,您可能不希望月球模型看起来是金属的。 :)

    您可以通过减少模型本身的金属系数来解决此问题,或者您可以在加载模型时覆盖它,方法是:

    materials.Moon.metalness = 0.0;
    

    【讨论】:

    • 谢谢!我永远不会注意到这一点。我更改了 .gltf 文件,使 metalicFactor 为 0.0,还添加了一个法线贴图,它完全修复了它!有趣的是,C4D 的新 gltf 转换器的导出过程如何自动将 metalFactor 设置得如此之高。无论如何,非常感谢。
    猜你喜欢
    • 2020-05-22
    • 2019-07-18
    • 2019-02-05
    • 2018-07-25
    • 2011-11-08
    • 2019-02-13
    • 2013-02-20
    • 2017-06-28
    • 2016-05-17
    相关资源
    最近更新 更多