如何让threeJS加载的objgltf模型颜色不再暗淡？

本文共计714个文字，预计阅读时间需要3分钟。

目录+ 网上找到的部分解决方案+ 效果比较+ 总结+ 网上找到的部分解决方案+ 实际查找后，不难发现网上给出了很多解决方案，但大部分都未能从根本上解决问题。

目录

• 网上找到的部分解决方法
• 效果对比
• 总结

网上找到的部分解决方法

其实通过查找后不难发现网上给出了很多解决方法，但是大部分都无法从根本上解决问题。我之前看到有一篇文章对gltf的解决方法是让gltf增加自发光，相关的设置如下：

使用threeJS的过程中，刚开始总是会遇到些问题，就比如加载obj/gltf等带材质的模型时老是会出现显示效果较暗的问题。

object.traverse((child) => { if(child.isMesh) { child.material.emissiveMap = child.material.map; } })

效果对比

在我也没有找到解决的办法下，我确实是使用了这种方法，正如我写的vue-3d-loader组件中，前期的代码中就是采用的这种方式，我们可以来看一下使用后的效果：

未使用以上代码时的gltf效果如下图：

windows11 中 3d viewer打开后的效果如下：

这一对比，差距确实很大啊。