博维数孪CreateTwins—案例教程—案例实战(音箱)

音箱

案例展示

点击查看案例

功能列表：

• 标注按钮组件触发事件
• 动态更换2D图片及材质
• 动态更换2D图片及模型
• 如何使用蓝图中的"选择分支"
• 如何使用蓝图中的"序列"
• 如何使用蓝图中的“创建列表”
• 控制位于非屏幕中心点模型的旋转

说明：

• 本教程中的模型因为涉及到版权问题，暂不提供下载

开始我们的制作吧

准备素材

上传fbx文件，贴图，UI素材

相关链接：

导入/上传资源

画布设置

相关链接：

场景属性-画布设置

环境光设置

相关链接：

场景属性-环境设置

灯光设置 

相关链接：

灯光对象

灯光属性

背景色设置

 

相关链接：

案例教程-3D基础篇-添加背景-设置背景色

模型设置

 

 

 

相关链接：

3D通用属性

材质设置

新建"布纹_红"材质，调整环境光遮蔽，漫反射，高光/金属，光泽度/粗糙度，法线属性

 

 

 

 

“三脚支架_Shadow”材质，调整漫反射，高光/金属，光泽度/粗糙度，不透明度属性

相关链接：

材质资源属性

将模型挂载到相机下

从3D对象列表中选中”相机“，设置位置

建立“空节点”，把模型全部挂载到“空节点”下，便于整体控制

将“空节点”挂载到“相机”下

选中“空节点”，设置位置，旋转，缩放

最终效果：

制作UI

将图片上传至资源池，并拖曳到画布中，点我下载

创建标注，添加2D节点，下拉框，在场景画布中设置好UI及按钮布局

相关链接：

2D基础篇-您的第一个2D项目

2D基础篇-来点图片吧

标注基础篇

设置标注

标注用于动态更换2D图片及材质/模型，将标注1命名为：“换材质”，标注2命名为：“换支架”

设置标注样式，将背景图设置为图片，点击“适应背景图”按钮，使图片恢复原始比例，背景颜色的透明度设为0

开启标注“可点击”按钮，关闭“默认展开”、“相机跟随”按钮

 

给标注添加组件

选中标注，给标注添加“空节点”、“下拉框”组件，并设置名称

设置标注组件组合样式（空节点图片位置、大小需要保持完全一致）

 

 

设置空节点

 

 

 

 设置下拉框

设置好位置及大小，调整“2D样式”的“边框颜色”为灰色，修改“下拉菜单”的“选项文本”内容（选项值“0”、“1”用于后面的蓝图制作）

 

 

 

 

制作交互

蓝图事件

创建事件”非屏幕中心点旋转查看“，用于控制模型的旋转

相关链接：

蓝图基础篇-控制物体的旋转

创建事件“换材质”，用于动态更换2D图片及材质

获取“下拉菜单列表值”传递给“选择分支”，分支0=材质球（布纹_黑）+序列执行（图片-烟熏黑显示/图片-褐红色隐藏）、分支1=材质球（布纹_红）+序列执行（图片-褐红色显示/图片-烟熏黑隐藏）

“创建列表”之后把输出引脚和“设置网格节点材质”的“材质列表”输入引脚相连，“创建列表”会自动变为“材质列表”，展开下拉列表，选择材质

相关链接：

蓝图 - 节点 - 流程控制

蓝图 - 变量 - 列表

创建事件“换支架”，用于动态更换2D图片及模型

连接事件

通过帧循环，控制物体的旋转

改变换材质_下拉菜单后，动态更换标注组件的2D图片及材质

改变换支架_下拉菜单后，动态更换标注组件的2D图片及模型

保存并预览您的项目吧