Blender2.8gltf导出的three.js与凹凸贴图或法线贴图或粗糙度贴图？

Blender是一款开源的三维建模和渲染软件，而gltf是一种用于在Web上展示3D模型的开放标准格式。而three.js是一个基于WebGL的JavaScript 3D库，用于在网页上创建和展示3D图形。

凹凸贴图（Bump Map）是一种用于模拟物体表面凹凸细节的纹理贴图。它通过改变法线向量来影响光照计算，从而使物体表面看起来更加真实。

法线贴图（Normal Map）是一种用于在低多边形模型上模拟高多边形模型细节的纹理贴图。它通过改变法线向量来改变光照计算，从而使低多边形模型表面看起来具有高多边形模型的细节。

粗糙度贴图（Roughness Map）是一种用于模拟物体表面粗糙度的纹理贴图。它通过改变光照反射的模糊程度来影响物体表面的光照效果，从而使物体表面看起来更加真实。

在使用Blender 2.8导出gltf格式的模型，并在three.js中加载和展示时，可以同时使用凹凸贴图、法线贴图和粗糙度贴图来增强模型的真实感和细节。

对于Blender 2.8导出的gltf模型，在three.js中加载和展示时，可以使用以下方法来应用凹凸贴图、法线贴图和粗糙度贴图：

1. 凹凸贴图：在加载模型时，通过设置模型的凹凸贴图属性，将凹凸贴图应用到模型的表面。可以使用three.js中的MeshStandardMaterial材质，并设置其bumpMap属性为凹凸贴图的纹理贴图。例如：

var material = new THREE.MeshStandardMaterial({
  bumpMap: texture, // 凹凸贴图的纹理贴图
  bumpScale: 0.1 // 凹凸贴图的强度
});

1. 法线贴图：在加载模型时，通过设置模型的法线贴图属性，将法线贴图应用到模型的表面。同样可以使用MeshStandardMaterial材质，并设置其normalMap属性为法线贴图的纹理贴图。例如：

var material = new THREE.MeshStandardMaterial({
  normalMap: texture, // 法线贴图的纹理贴图
  normalScale: new THREE.Vector2(1, 1) // 法线贴图的缩放
});

1. 粗糙度贴图：在加载模型时，通过设置模型的粗糙度贴图属性，将粗糙度贴图应用到模型的表面。同样可以使用MeshStandardMaterial材质，并设置其roughnessMap属性为粗糙度贴图的纹理贴图。例如：

var material = new THREE.MeshStandardMaterial({
  roughnessMap: texture, // 粗糙度贴图的纹理贴图
  roughness: 0.5 // 粗糙度贴图的强度
});

需要注意的是，加载纹理贴图时，可以使用three.js中的TextureLoader来加载图片，并将其作为材质的属性值。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云对象存储（COS）：用于存储和管理模型的纹理贴图等文件。详情请参考：腾讯云对象存储（COS）
• 腾讯云云服务器（CVM）：用于部署和运行Web应用程序。详情请参考：腾讯云云服务器（CVM）
• 腾讯云CDN加速：用于加速模型和纹理贴图等静态资源的传输和加载。详情请参考：腾讯云CDN加速

请注意，以上推荐的腾讯云产品仅供参考，具体选择和使用需根据实际需求进行评估和决策。