
6.2 工业产品功能动画概念展示交互设计
后期交互过程,主要通过UI界面和脚本实现,对于动画的播放通过对应的功能按钮进行控制,每个按钮都有控制的动画播放对象,这样就能够实现原来在1秒钟播放完成的动画,可以在任意时间、任意位置进行演示和观察。为了增加交互的功能性,还可以添加动画正向播放、暂停、反向播放的设计,切换到相机视角,配合UI菜单,就可以全景欣赏结构变化的过程。此外,为了增加场景的氛围,还添加了音乐播放和暂停的功能,最终完成工业产品功能动画概念展示的交互过程。
6.2.1 场景材质与环境设计
(1)椅子与地面材质设计 选择椅子靠背和凳面模型,在材质面板中的动态光照卷展栏,设置Ambient为红色(图6-14),启用高亮模型材质;选择椅子支架模型,在材质面板中的动态光照卷展栏,设置Ambient为蓝色(图6-15),启用高亮模型材质;选择地面模型,在材质面板中的动态光照卷展栏,设置Ambient为蓝灰色(图6-16),启用高亮模型材质。为了能够让地面能够反射出椅子模型的倒影,选择所有椅子模型,在物体编组中创建一个反射组,然后在地面的反射贴图中,将反射组添加到反射贴图中(图6-17),可以根据需要调整其反射强度,这样场景模型材质就制作完成了。

图6-14 椅子靠背和凳面模型材质

图6-15 椅子支架模型材质

图6-16 地面模型反射材质

图6-17 物体编组与反射贴图
(2)场景环境设计 为了完善场景的环境和氛围,可以适当添加一些环境贴图,在天空盒列表中,选择Skybox04作为场景的全景贴图(图6-18),在视图中进行旋转视角的操作就可以实时观察场景的材质和环境效果了(图6-19)。

图6-18 Skybox04天空盒

图6-19 场景材质和环境实时预览效果
6.2.2 椅子UI界面与脚本动画交互设计
(1)工业产品UI界面设计 在高级界面的控件面板中,利用按钮和图片按钮工具,分别在场景中创建6个控件(图6-20)。根据工业产品的造型特征和原理,为图片按钮制作相应的贴图(图6-21)。选择所有控件,在位置尺寸中勾选根据窗口比例缩放控件按钮,然后在图片按钮的贴图设置中,把制作好的贴图添加到场景中(图6-22),将按钮的位置移动到图片按钮的上方,设置控件名称后利用对齐工具进行规格化排列(图6-23)。

图6-20 创建控件

图6-21 图片按钮贴图

图6-22 控件贴图设置

图6-23 控件在视图中的位置和比例
(2)图片按钮脚本设计 选择动画1按钮,在控件属性中,单击鼠标点击按钮,为其添加播放刚体动画命令,播放的方式为正向/反向切换,循环模式为单向循环,循环次数为1次(图6-24),按照相同的操作方式,分别为其他按钮添加刚体动画播放脚本,其中动画5按钮在脚本设计中,同时播放vrp_rigid05和vrp_rigid06,这样可以保证椅子靠背和凳面一起运动。动画6按钮在脚本设计中播放场景中所有的刚体动画,同时切换到相机视角(图6-25),由于相机在3ds Max中已经创建了路径约束动画,动画时间仅有1秒钟,预览观察发现播放速度较快,为了降低其播放速度,可在相机移动速度面板中,将动画速度设置为0.1(图6-26),这样再切换到相机视角预览观察动画时,相机的运动速度就会变慢。

图6-24 播放刚体动画脚本参数设置

图6-25 动画6按钮脚本设置

图6-26 相机动画速度设置
(3)重置场景与初始化函数设计 在动画交互和演示过程中,有时候由于操作步骤太多想重置场景进行初始化操作,需要关闭程序然后重新运行,为了减少这一步的操作,可以直接利用按钮控件,在鼠标单击脚本中添加一个重新开始的脚本(图6-27),这样在运行场景过程中,可以随时点击这个按钮回到场景初始运行的状态。为了增加场景的氛围,在初始化函数中新建一个窗口消息化函数,然后添加播放音乐的脚本(图6-28),这样在系统运行的时候,音乐就会自动播放。

图6-27 场景重新开始脚本

图6-28 初始化函数播放音乐脚本
(4)其他按钮脚本设计 为了增强场景动画的交互功能性和用户体验,可以利用其他按钮分别控制音乐的播放和动画的调控。具体脚本的添加可以进行如下设置:
音乐开按钮:暂停音乐,0,1(图6-29);
音乐关按钮:暂停音乐,0,0(图6-30);
后退按钮:播放刚体動画,<all>,7,0,(图6-31);
暂停按钮:播放刚体動画,<all>,4,0,(图6-32);
前进按钮:播放刚体動画,<all>,3,0,(图6-33)。

图6-29 音乐开脚本

图6-30 音乐关脚本

图6-31 后退脚本

图6-32 暂停脚本

图6-33 前进脚本
6.2.3 编译与输出
按键盘上的F4键打开项目设置对话框,在启动窗口中设置启动窗口的标题文字和介绍图片(图6-34);在运行窗口设置标题文字,窗口大小改为全屏(图6-35),其他参数采用默认。在文件菜单中执行“编译独立执行Exe文件”命令,设置保存位置后,便可以点击编译按钮进行程序的最终编译了。等待程序编译完成后,单击“测试”按钮进入运行界面(图6-36),便可以测试程序最终合成的效果。此时用户可以体验工业产品结构和功能概念展示的交互过程。对于其交互的方式和动画的播放形式,还可以根据设计者的创意和构思进行表现。

图6-34 启动窗口设置

图6-35 运行窗口设置

图6-36 测试运行窗口