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编辑,点击图像,把烘培成功的图片保存到本地。

相关推荐
自不量力的A同学16 小时前
Blender 5.0 正式发布
blender
allenjiao1 天前
WebGPU vs WebGL:WebGPU什么时候能完全替代WebGL?Web 图形渲染的迭代与未来
前端·图形渲染·webgl·threejs·cesium·webgpu·babylonjs
二川bro1 天前
第59节:常见问题汇编 - 60个典型问题解答
javascript·3d·threejs
_Voosk3 天前
Blender线框模式、透视模式
blender
孪生引擎观星台5 天前
数字孪生如何破解效率、性能与安全困局?
安全·数字孪生·threejs
gis分享者7 天前
学习threejs,添加ECharts图表
echarts·threejs·material·图表·canvastexture·planegeometry
还是大剑师兰特8 天前
Blender学习笔记(5) -- 为什么不能再次显示“添加柱体”的参数?
blender·大剑师
还是大剑师兰特9 天前
Blender学习笔记(0) -- 思维导图框架
blender·大剑师·blender教程
雪下的新火10 天前
Blender:法线图&黑白图
游戏·unity·游戏引擎·blender·笔记分享
二川bro10 天前
第40节:AR基础:Marker识别与跟踪
ar·threejs