blender中合并的模型,在threejs中显示多个mesh;blender多材质烘培成一个材质

**描述:**在blender中合并的模型导出为glb,在threejs中导入仍显示多个mesh,并不是统一的整体,导致需要整体高亮或者使用DragControls等不能统一控制。

**原因:**模型有多个材质,在blender中合并的时候,虽然合并成一个mesh,但导入threejs时,仍会处理成多个mesh

**解决方案:**在blender中将模型的多个材质烘培到一个材质上。

步骤:

1、合并模型,此时一个mesh有多个材质

2、处理uv,在侧边栏选择数据-uv贴图,选中使用的uv,进入编辑模式,全选,键盘u,选择智能uv投射

3、处理材质,在侧边栏选择材质,进入着色,在着色器编辑器新建一个图像纹理,新建图像

4、选中这个材质,此时节点有个白色边框即为选中。将这个材质复制到其他所有需要合并的材质中

5、优化项(省略此步骤,直接进行步骤6),进入到视图着色方式(此时没有灯光,整体偏暗,如果不调整灯光,烘培出来的材质也偏暗,因此此步骤为优化项,通畅建议调整)。在右边栏进入世界环境,调整颜色。若想效果更好,可添加光源等。

6、保持uv选中、物体选中、材质节点选中,右边栏选择渲染,渲染引擎改为cycles,调整参数,点击烘焙

7、烘焙成功之后,新建一个材质,将第三步创建的纹理图像作为材质的纹理,连接到基础色,并把模型的材质改为此材质,其他的材质全部删除

至此,再导入到threejs,就是一个mesh,可整体控制。

8、建议,进入uv编辑,点击图像,把烘培成功的图片保存到本地。

相关推荐
gis分享者13 天前
学习threejs,使用OrbitControls相机控制器
threejs·相机·相机控制器·orbitcontrols
不系舟17816 天前
threejs 实现镜面反射,只反射指定物体,背景透明
threejs
gis分享者17 天前
学习threejs,使用RollControls相机控制器
threejs·相机控制器·rollcontrols
gis分享者19 天前
学习threejs,使用FlyControls相机控制器
threejs·相机控制器·flycontrols
gis分享者20 天前
学习threejs,使用TrackballControls相机控制器
threejs·trackball·相机控制器
gis分享者1 个月前
学习threejs,导入assimp & assimp2json格式的模型
threejs·三维模型·assimp·assimp2json
gis分享者1 个月前
学习threejs,导入AWD格式的模型
threejs·awd·three.awdloader
gis分享者1 个月前
学习threejs,导入pdb格式的模型
threejs·pdb模型·three.pdbloader
gis分享者1 个月前
学习threejs,THREE.CircleGeometry 二维平面圆形几何体
threejs·圆形几何体·circlegeometry
gis分享者1 个月前
学习threejs,THREE.RingGeometry 二维平面圆环几何体
threejs·圆环几何体·ringgeometry