Three.js中导入GLTF模型变黑无法看到模型

一个下午都在Three.js官网导入GLTF模型,但是很不幸,根据官网DEMO中一直待有texture纹理,不能单独载入模型,后经一番查找,发现其实早已经单独讲模型载入到网页中,但是模型与背景色均为黑色,无法判断是否成功加载,所以一直在如何加载模型的道路上越走越偏,之后后来加载一个带有坐标轴的模型后,发现坐标轴可以呈现,但是模型不见,可以约看到个模型大概轮廓,所以改变方向,解决模型显示黑色问题,随后发现了https://blog.csdn.net/qq_35377699/article/details/83539581 这哥们的文章,解决我的大问题,解决方法:

出现原因分析
首先确定是否是gltf格式出现原因:
使用glft viewer 确定gltf 能否展示
查看exposure是否为大于0的数,在webGLRender 中设置
查看emissive和emssiveMap:
如果使用环境光看到黑色(或者其他纯色),将emssive设置为material.color,如果有纹理,将纹理赋值给emssiMap。

那对事实胜于雄辩,我们来对比下效果

调整前的模型效果如下:

Three.js中导入GLTF模型变黑无法看到模型_第1张图片通过圈住的部分可以推测出确实模型加载成功,但是现实为黑色,

调整后的模型效果如下:
Three.js中导入GLTF模型变黑无法看到模型_第2张图片

若是纠结深层原因,请到这里https://blog.csdn.net/qq_35377699/article/details/83539581

你可能感兴趣的:(Three.js)