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

相关推荐
九河_3 天前
【blender】使用bpy对一个obj的不同mesh进行不同的材质贴图(涉及对bmesh的操作)
blender·材质·贴图·bpy
魂断蓝桥6663 天前
如何基于three.js(webgl)引擎架构,实现3D医院、3D园区导航,3D科室路径导航
webgl·数字孪生·threejs·3d定位、三维室内定位、3d建筑·three.js路径规划、三维a*算法、javascript三维导航,·3d医院·3d导航·园区导航
陶甜也16 天前
threejs 实现720°全景图,;两种方式:环境贴图、CSS3DRenderer渲染
前端·vue.js·css3·threejs
渲染101专业云渲染16 天前
云端算力革命:川翔云电脑如何重新定义创作自由
云计算·电脑·blender·maya·houdini
3D虚拟工厂18 天前
3D虚拟工厂
3d·vue3·blender·数字孪生·three.js
Tipriest_19 天前
介绍常见的图像和视频存储格式以及其优劣势
音视频·blender·视频格式·图像格式
有过~21 天前
Blender 4.4.3三维动画建模和渲染软件Win/Mac双端资源下载
blender
技术小甜甜21 天前
[Blender] 高质量材质推荐第四弹:25-30号精选纹理资源详解
blender·游戏开发·材质·建模·资源
下次见咯!22 天前
Blender基础知识-操作模式、基本操作、渲染、灯光、材质、粒子系统、动画
blender