博维数孪CreateTwins—案例教程—案例实战(概念摩托车)

概念摩托车

案例展示

点击查看案例

功能列表：

• 使用滑条组件对颜色进行插值
• 使用按钮组件触发事件
• 动态修改材质的颜色属性
• 动态替换整个材质
• 动态更换模型
• 控制位于非屏幕中心点模型的旋转

说明：

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

开始我们的制作吧

准备素材

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

相关链接：

导入/上传资源

画布设置

相关链接：

场景属性-画布设置

环境光设置

相关链接：

场景属性-环境设置

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

灯光设置 

相关链接：

灯光对象

灯光属性

背景色设置

相关链接：

场景属性-环境设置

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

材质设置

创建“金属 蓝灰 高光”材质球，用于外壳材质替换，为环境光遮蔽添加贴图"“摩托车_AO”，调整漫反射，高光/金属，光泽度/粗糙度属性

 

 

 

创建“金属 蓝灰 亚光”材质球，用于外壳材质替换，调整材质参数

     

创建“雅光青”材质球，用于配件材质替换，调整材质参数

创建“暗夜蓝”材质球，用于配件材质替换，调整材质参数

 

 

 

创建“岩石灰”材质球，用于配件材质替换，调整材质参数

 

 

 

创建材质球“shadow”，用于模拟影子，设置不透明度贴图为“地面阴影”

 

 

 

相关链接：

材质资源属性

将模型挂载到相机下

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

将6个模型对象选中后，进行组合，便于整体控制，并将“竞速轮胎”设置为不可见

将“组”挂载到“相机”下

选中“组”，设置位置，旋转，缩放

最终效果：

制作UI

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

添加2D节点，滑条，单选开关组，在场景画布中设置好UI及按钮布局

相关链接：

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

2D基础篇-来点图片吧

自定义滑条

滑条组件用于颜色插值，将滑条组件命名为：“背景换色_滑块”

设置滑块样式，将背景图设置为图片，点击“适应背景图”按钮，使图片恢复原始比例

背景色的透明度设为0

设置滑条样式，将滑条的背景设为透明，并在下面垫上这张渐变样式的图片

最终的滑条样式：

设置滑条参数，（精度值越小，过渡越细腻）

自定义单选开关组

开关组是组内状态互斥的多个按钮，一次只能选中一个

创建“外壳_开关组”，用于切换外壳的材质

• “2D样式” - “背景颜色”-“不透明度”调整为“0”
• “2D样式”-“边框”-“边框颜色”不透明度调整为“0”
• “文本”-“内容”，将默认文字删除
• “2D样式”-“背景图片”，设置背景图
• 选中“高光外壳”，设置“开关”-“值”为”开“状态

  

创建“颜色_开关组”，用于切换配件的材质

• 同上
• 选中“雅光青“，设置”开关“-”值“为”开“，其它按钮的开关值为”关“
• “颜色_开关组”内有3个按钮，点击“添加按钮”，增加按钮的数量，并调整样式

创建“轮胎-开关组”，用于控制两种不同轮胎模型的显示/隐藏

• 同上
• 选中“城市轮胎“，设置”开关“-”值“为”开“，其它按钮的开关值为”关“

最终效果：

制作交互

蓝图事件

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

相关链接：

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

创建事件“颜色”，用于修改背景色，及中心轴配件的颜色

相关链接：

蓝图基础篇-通过蓝图改变背景色

蓝图基础篇-通过蓝图改变材质颜色

创建事件“外壳”，用于改变外壳的材质

说明：“获取属性 单选开关组(值)"表示，获取当前组内的哪一个按钮被点击了，第一个按钮返回值：0，第二个按钮返回值：1

相关链接：

蓝图基础篇-通过蓝图设置材质

创建事件“配件颜色”，用于修改配件的材质

创建事件“轮胎花纹”，用于通过隐藏和显示模式的方式，替换轮胎

相关链接：

蓝图基础篇-通过蓝图控制模型可见性

连接事件

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

滑条的值改变时，控制背景色和中心轴的颜色变化

外壳开关组中的按钮被点击后，控制外壳的材质变化

颜色开关组被点击后，控制配件的材质变化

轮胎开关组被点击后，替换轮胎

保存并预览您的项目吧