在Qt Design Studio中使用3D图形及视觉效果

在Qt Design Studio中使用3D图形及视觉效果的图1
本文翻译自:Working with 3D graphics and visual effects in Qt Design Studio
原文作者:Qt公司产品营销经理 Matteo Capelletti
校审:Haipeng Yu
为了打造宜人的汽车体验,设计师需要先进的工具,以最少的时间和精力创建出色的图形用户界面。Qt Design Studio包含所有资源,可以轻松创建令人惊叹的UI应用程序,包括最先进的3D图形,并可在任意嵌入式系统上以最佳性能运行。

现代车内体验越来越倾向于使用3D图形来增强车内体验。环绕视图显示器、停车助手和抬头显示导航(HUD)系统就是几类重度依赖3D图形的应用程序。这些高级驾驶辅助系统(ADAS)正变得越来越普遍,因为它们通过实时环境中汽车的真实渲染,广泛扩展了驾驶员的态势感知能力。在所有这些情况下,所谓的“数字镜像”已经成为一种流行的方式,通过先进的3D图形将车辆的状态和性能在车内可视化。

我们来看看这些出色的3D图形是如何成为驱动现代汽车数字座舱UI应用程序一部分的。

在Qt Design Studio中使用3D图形及视觉效果的图2

3D增强HUD导航系统

3D设计及UI创建

首先,3D模型是在3D内容创建工具中创建的,如Blender、Maya或3ds Max。3D汽车模型能够渲染灯光启闭、车门开关等动画。借助目前最先进的图形工具和能力,这种3D图像的质量可以达到以假乱真的水平,以至于用户很难将它们与真实物体的高分辨率图片或视频区分开来。

但就其本身而言,这样的3D设计只是图像,而为了推动更有意义的车内体验,它们应该成为UI应用程序的一部分,其行为与其他功能、服务和连接视觉与现实的传感器相关联。这就是Qt Design Studio能够做到的事情。

在Qt Design Studio中,3D模型的每个组件都可以连接到来自汽车传感器的数据。通过这种方式,当真正的汽车的车灯打开时,汽车UI中的3D模型的灯就会打开,同样,门也会随之打开和关闭。出现在UI中的3D模型的行为现在与真实汽车的功能相连接。在更复杂的ADAS应用程序中,我们看到道路上的3D汽车模型与其他3D渲染的汽车以及周围可能的行人,以反映汽车实际情况的3D表现形式出现。

在Qt Design Studio中使用3D图形及视觉效果的图3
Outrun ADAS场景

通过数据绑定,Qt Design Studio实现了设计与现实世界的连接。在这里,通过来自设计的视觉效果和来自汽车传感器的数据,UI应用程序变得栩栩如生。

设计与开发

当在Qt Design Studio中导入3D图形资源时,没有任何细节丢失,设计保持完整,看起来与在3D内容创建工具中完全相同。

Technical Artist能够利用Qt Design Studio中所有的工具,通过添加状态、过渡和属性绑定将视觉内容(设计、预置控件、纹理、光线)转换为真正的UI应用程序。

所有这些操作都可以通过单击并将属性拖放到模型上直观地实现,而不需要编写任何代码。同时,在Qt Design Studio中创建的UI会自动转换为QML代码。在任何时候,用户都可以自由选择是在图形化更改UI还是编辑代码。这两种表现形式是实时同步的,因此对其中一种表现形式的任何更改都会立即反映到另一个当中。这种调动代码的能力为后端开发者铺平了道路,他们可以使用与设计师相同的工具来处理UI的其他方面,如数据集成和测试。

让设计师和开发者能够在同一个工具上一同协作,不仅能够确保从原型设计到部署都能保留UI引人注目的外观,而且还确保了用户体验在后端得到了优化,并符合UX设计师最初的计划。

打造惊鸿一瞥的亮点

强大的3D图形在汽车应用中存在丰富而重要的用例,并增加汽车品牌的声望。Qt Design Studio为基于物理的渲染(PBR)提供了完全支持,以与标准材料模型完全兼容。遵循PBR标准大幅简化了导入3D资源的任务,因为它确保了模型在Qt Design Studio中的外观与在内容创建工具中的完全相同,而不需要为不同的表面类型创建自定义着色器。PBR还支持访问在线可用的数千个3D模型,它们可以根据UI应用程序的需求使用和定制。但Qt Design Studio所能做的远不止于此。

光、阴影和反射对于创建逼真的3D场景是必不可少的。Qt Design Studio提供了几种类型的光,包括带有HDR地图的IBL,用于超现实主义的渲染。此外,Global Illumination支持模型间接光照,使场景更加真实。

后期处理效果为3D模型和场景添上了点睛一笔。Qt Design Studio目前有21个后期处理效果可供选择,未来还计划发布更多。模糊,景深,抗锯齿,色调映射只是一些现成的效果(3D效果 | Qt Design Studio手册3.8.0)。后期处理效果可以很容易地通过拖放来添加,使3D场景更具沉浸感,并为完整的UI添加电影化的风格。

最后,粒子效果非常适合创建引人注目的动画,模拟汽车内外的流体和空气流动。粒子可以用于包括变形、火花、灰尘和烟雾在内的令人惊叹的动画。另外对驾驶可能产生不利影响的外部天气条件,如雨、风或雪,也可以通过粒子效果有效地表现出来。

Qt Design Studio为在嵌入式环境中创建粒子效果进行了优化,在该环境中处理能力可能受到限制,就像在汽车中使用的设备一样。

Outrun演示中车内通风的粒子效果建模




深圳市优飞迪科技有限公司成立于2010年,是一家专注于产品开发平台解决方案与物联网技术开发的国家级高新技术企业。

十多年来,优飞迪科技在数字孪生、工业软件尤其仿真技术、物联网技术开发等领域积累了丰富的经验,并在这些领域拥有数十项独立自主的知识产权。同时,优飞迪科技也与国际和国内的主要头部工业软件厂商建立了战略合作关系,能够为客户提供完整的产品开发平台解决方案。

优飞迪科技技术团队实力雄厚,主要成员均来自于国内外顶尖学府、并在相关领域有丰富的工作经验,能为客户提供“全心U+端到端服务”。

在Qt Design Studio中使用3D图形及视觉效果的图4

Qt

在Qt Design Studio中使用3D图形及视觉效果的评论0条

    暂无评论

    在Qt Design Studio中使用3D图形及视觉效果的相关案例教程

    Qt Design Studio概览 Qt Design Studio是一个用于创建酷炫、优美UI的工具。 -通过一个统一的工具链作为开发与设计师之间的桥梁 -快速的原型设计,有助于大规模市场生产项目的扩展 -通过快速和迭代的设计过程节省成本,缩短产品上市时间 为您的 UI 设计项目提供连接点 -在统一的工具中汇集了视觉、动作和交互设计 -几秒钟内可将设计概念变成可点击的原型 -将设计转换为功能性
    电磁仿真已广泛应用于有线与无线通信、卫星、雷达、半导体与微波集成电路、计算机、汽车、航空航天等等领域,从毫米波电路,射频电路封装设计验证,到 PCB 板,天线设计等等。电磁仿真计算在民用与军用领域的系统设计及仿真预测等方面都发挥着越来越重要的作用。 达索系统于 2016 年先后收购德国电磁软件 CST,及英国电磁及多物理场仿真软件 Opera。随着技术不断的发展,达索系统 SIMULIA 的电磁解
    自动驾驶功能开发和验证面临着诸多挑战,其中之一就是“如何预测不可预测的事件”。因为在真实驾驶环境下可能出现不可预测的场景,那么对于ADAS/AD控制器,就需要尽可能多的场景来进行验证和“训练”。而虚拟开发和测试也是被工业界、学术界和立法界广泛认可的应对方案。采用仿真方式对真实世界进行模拟,通过代表性的关键场景进行预测,并结合先进的数据分析算法,能够有效地提高真实场景的覆盖率。 ▲ 图1:自动驾驶相
    本文翻译自:How to add QtActivity to an Android Studio Project 原文作者:Qt Group Qt for Android Automotive 工程师 Nikunj Arora 校审:Sam Wang Qt Design Studio,Qt Creator和Squish等出色工具可用于设计、开发和测试Android应用。然而,有时我们可能需要将Qt
    自定义结果报告 提供企业标准化、智能化及自动化解决方案,可自定义仿真项目并产生报告,让企业团队透过相同的标准检视结果,易于团队沟通,建立分析标准化。 强化多种量测工具 提供探针与断面量测功能,实时量测点或面的物理信息,即使是复杂的产品设计,也能准确获取所需数据,智能化追踪与洞察问题核心。 计算时程缩短 藉由实验设计(Design of Experiment, DOE)分析精灵找出关键影响因子,优化
    硕士/技术经理
    影响力
    粉丝
    内容
    获赞
    收藏
      项目客服
      培训客服
      0 0