UI和事件交互是3D可视化项目中最常见的模块,主要用于信息添加、展示,用来确保按照用户需求呈现内容并完成交互。
平时工作在进行UI和交互设计时,经常出现以下问题:UI过于复杂导致3D项目内交互效率低下,或者是结合3D项目后的UI设计过于困难、交互效果不符合预期,无法将设计师注意力聚焦在当前任务中。
前者是高复杂度的UI和交互设计与3D项目的兼容难点,后者是UI等组件与3D项目结合时,专业技术门槛过高带来的问题。
AMRT3D引擎推出全新版本V1.2.2,着重针对于UI组件和事件交互功能进行升级,让用户在制作数字孪生等3D项目时更加高效、便捷。
01.
UI、事件交互组件如何设计?
UI和事件交互组件设计的目标是帮助用户呈现所需内容,简化设计流程,确保用户准确、轻松、快速地完成任务。
本次着重点在设计组件的创建过程介绍,敬请关注后续文章对UI组件的详解分享。
UI组件
创建UI控件是设计UI的第一步,用户需要在AMRT3D资源管理面板通过右键选择创建一个UI控件,创建完毕后资源管理面板内便会生成一个新的UI控件。
选择一个UI控件并双击,即可进入到控件编辑的状态,此时引擎左侧的UI层级面板内显示的就是当前UI控件内的节点,用户就可以进行UI编辑。
A3D的UI编辑界面主要包括UI画布、UI编辑和UI资源库,并配合检查器面板的参数对不同的UI组件进行属性调节。
事件交互
事件交互的入口,则需要选择场景内的对象,在该对象的检查器面板内选择事件分页即可看到对象事件操作面板。点击新增交互事件,则开启了事件交互的第一步。
随之弹出启动事件弹框,弹框内拥有多种类型的启动事件可供用户选择,同时包括搜索框,用户可以通过名称搜索需要的启动事件。我们可对条件面板、行为选择、行为面板进行自定义设计。
02.
V1.2.2新功能如何应用
3D项目设计的本质是对数据、信息进行【3D可视化】,UI及事件交互组件应用服务于可视化呈现。而AMRT3D引擎正是为解决用户在可视化过程中的任务复杂度和低效率等问题,不断升级更新。
功能1:UI组件基础素材
新增数字孪生项目常用的图表素材,如饼状图与柱状图,可以根据特有的参数调节出多种效果,同时带有数据结构,根据设定好的数据可以实现静态的样式变化和远程的动态数据对接,后续的版本还会不断增加更多数字孪生所需的图表及组件。
功能2:事件行为增加
新增多个事件、判断及行为,包括常用的显隐控制、场景切换、材质变化,还包括计时器等待、循环的触发等等,实现这—切功能都不需要任何代码!
功能3:事件与UI联动
事件除了可以应用到3D场景中,也适用于应用到UI编辑,UI组件同样可以使用事件对UI组件和3D场景进行多种交互行为,同时部分UI组件还会有专属的事件和行为。
功能4:UV动画零代码封装
新增的UV动画也封装到了零代码事件中,通过材质设置行为的面板,可以对所有类型的贴图都进行UV动画的设置.目前我们已经可以通过事件完成对象的位移、显隐、UV和路径等动画,孪生项目所需的常用动画功能已经全部满足。
功能5:测量工具新增
新增的测量工具可以对场景、建筑等模型进行距离、高度和面积测量,同时通过参数还可以对测量的数据进行效果编辑,以及控制是否在项目运行时显示。
功能6:预览速度控制
新增预览时的速度控制,通过选择场景内的摄像机,在检查器面板将操作模式改为飞行后,可以设置飞行的速度,您可根据不同大小的场景需求自由配置。
功能7:筛选功能新增
新增资源管理面板的筛选功能,面对多种多样的数据在资源库,可以通过类型的筛选,排除干扰信息,快速查询到想要的资源。
功能8:BIM构件分组
新增BIM模型构件的分组功能,通过有计划的分组可以更灵活的展示与定位BIM构件,同时对不同的组设置不同的交互事件。
以上就是UI及事件交互组件的设计基础步骤及V1.2.2升级功能的全部内容。
更加完善的组件规则既能提高3D项目的可操作性又可以提升用户任务效率,相信你也从中收获了很多3D项目设计的灵感。
领取专属 10元无门槛券
私享最新 技术干货