博维数孪CreateTwins—案例教程—案例实战(科技展厅)

科技展厅

案例展示

点击查看案例

功能列表：

• 以第一人称方式，通过键盘进行漫游
• 可调整移动速度
• 可设定相机高度
• 在模型上播放视频

本章知识点：

• 获取相机位置
• 设置相机位置
• 设置相机模式
• 设置相机移动速度
• 使用视频材质播放视频

开始我们的制作吧

准备素材

上传fbx文件，贴图，UI素材，点我下载

相关链接：

导入/上传资源

画布设置

相关链接：

场景属性-画布设置

环境光设置

相关链接：

场景属性-环境设置

灯光设置 

相关链接：

灯光对象

灯光属性

背景色设置

 

相关链接：

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

模型设置

   

  

相关链接：

3D通用属性

材质设置

创建视频材质命名为"火星车"

上传“火星车.mp4”文件作为材质贴图

   

 相关链接：

资源-视频材质资源

属性面板-资源对象属性-视频材质资源属性

相机设置

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

视角模式：自由，移动速度：30

相关链接：

属性面板-3D对象属性-相机属性-视角模式

最终效果：

制作UI

准备素材

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

自定义2D节点

2D节点用于设置2D图片“速度”、“高度”、“移动速度”、“漫游高度”、“WASD”、“操作提示”

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

将边框颜色的透明度设为0

自定义滑条

滑条组件用于移动速度控制，将滑条组件命名为：“移动速度_滑条”

设置滑条样式，将滑条2D样式的背景色和边框色的透明度设为0

 

 

设置滑条样式，将滑条前景的背景色设置为蓝色，边框色的透明度设为0

 

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

设置滑块样式，将滑块背景色和边框色的透明度设为0

 

自定输入框

输入框组件用于漫游高度控制，将输入框组件命名为：“漫游高度_输入框”

设置输入框样式，将2D样式的背景色和边框色的透明度设为0

 

设置输入框，内容（空），文字大小（16px）根据实际所需大小设置，文字颜色（蓝），提示文字（空）

最终效果：

制作交互

蓝图事件

创建事件”初始化相机“，用于设置相机初始状态

• 为相机预设速度，并将速度值填入滑条
• 为相机预置高度，从相机的局部坐标中获取X、Z
• 以（X，160，Z）构造一个新的三维向量做为坐标设置给“相机“
• 将高度值填入输入框中

创建事件“相机移动速度”，用于设置相机的移动速度

创建事件“固定相机高度”，用于设置相机的高度

• 从相机的局部坐标中获取X、Z，以获取输入框中的值作为Y，构造一个新的三维向量做为坐标重新赋给相机

相关链接：

蓝图-变换3D节点-局部坐标系

蓝图-变量-三维向量-提取分量

连接事件

将场景的“入场”事件，与蓝图事件“初始化相机”连接

将场景的“帧循环”事件，与蓝图事件“相机移动速度”，“固定相机高度”连接

保存并预览您的项目吧