首页 > 解决方案 > 带有凹凸贴图或法线贴图或粗糙度贴图的three.js的blender2.8 gltf导出?

问题描述

我看到一些讨论说 gltf 不会导出凹凸贴图,但是如果我查看导出的 gltf 文件(单独文件模式),则会有一个凹凸贴图文件带有凹凸比例(还有法线贴图)。加载到 three.js 后,我得到一个带有凹凸贴图对象和比例值以及法线贴图对象的网格标准材质。但它们似乎对渲染对象没有影响。使用 gltf 将浮雕效果从 Blender 导出到 Three.js 究竟允许做什么?

标签: three.jsblendergltfbump-mapping

解决方案


glTF 中唯一可用的浮雕效果是切线空间法线贴图,如下所示

法线贴图示例

Blender 确实能够通过 Cycles 中的“烘焙”功能将高度贴图和其他类型的凹凸贴图转换为切线空间法线贴图。还有一些在线实用程序也可以做到这一点。


推荐阅读