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

相关推荐
救救孩子把7 天前
Three.js 从零入门:构建你的第一个 Web 3D 世界
前端·javascript·3d·threejs
渲染101专业云渲染7 天前
Blender 云渲染高效流程:渲染 101 集群加速实战
服务器·分布式·blender·maya·houdini
fcm1910 天前
blender 导入的fbx模型位置错乱
blender
阿拉丁的梦11 天前
【3D大比拼第一集】--max,maya,c4d,blender的命令搜索功能
blender·maya
BJ_bafangonline12 天前
如何更改Blender插件安装位置呢?
blender
小赖同学啊14 天前
将Blender、Three.js与Cesium集成构建物联网3D可视化系统
javascript·物联网·blender
七月的冰红茶15 天前
【threejs】第一人称视角之八叉树碰撞检测
前端·threejs
远离UE416 天前
blender uv小技巧
blender·uv
三月的一天17 天前
React Three Fiber 实现 3D 模型点击高亮交互的核心技巧
3d·webgl·threejs·reactthreefiber
gis分享者18 天前
学习threejs,使用自定义GLSL 着色器,生成漂流的3D能量球
3d·threejs·着色器·glsl·shadermaterial·能量球