移动电源配置器是一种交互式数字工具,用于在 3D 空间中展示产品设计的内部结构。该工具可让产品开发过程中的多方利益相关者详细探索所有功能和设计元素。它可以协助决策外壳颜色的选择,或使用爆炸视图展示内部零件和组件。轻松获取每个内部元件的详细说明,可用于培训或辅助维修。
该项目的主要目标是展示移动电源从外部无法看到的内部结构。通过将爆炸视图作为主动画,展示所使用的材质、尺寸和技术规格。这意味着每一层的设计必须能让所有部件既可以拼合在一起,又可以彼此分离。由于主要的交互是打开和关闭移动电源,因此无需添加热点。在这种情况下,只需点击交互就足够了。
该模型是在 3ds Max 中创建的,然后作为 .FBX 文件导入到 Vectary 中。核心重点是精确建模所有内部组件。
除芯片组外,大部分材质都是在 Vectary 中添加的。芯片组纹理是在 Substance Painter 中创建的,并与粗糙度贴图和法线贴图一起导入到 Studio 中。 环境光遮蔽与光照贴图 随后在 Vectary 中进行了烘焙,以增强整体外观。 灯光设置:对于这个项目,目标是打造一个偏暗的场景。背景和地面几乎全黑。这里采用了 3 光源设置 ,配有主光、辅光和轮廓光,以有效突出模型。
该项目包含多个动画。首先是 爆炸视图 打开充电宝并展示所有内部组件的动画。每个组件还具有独立的滑出动画,以便于更好地观察和检查。
此外,还有一些针对带有 .PNG 图像 的平面的动画,用于展示组件规格。这些规格隐藏在对象内部,并通过动画进行放大和重新定位。



所有交互都设置了 点击触发器 ,用于针对充电宝的不同组件进行触发。点击某个组件会触发其滑出动画,以及技术规格 .PNG 图像的动画。再次点击该组件,则会将其与规格图像一起滑回。
当点击其他组件时,此交互的工作原理类似:第一个组件及其规格会滑回,同时滑出你点击的组件。
选择生成 AR 预览 来展示充电宝的爆炸视图,可以提供沉浸式的视觉体验。如果将该配置器用作面向客户的在线工具,还能提升产品参与度。

