新功能介绍

ProtoPie Connect 重要升级:集成网页和实时摄像头

ProtoPie Connect 2.7.0 重大更新,将 ProtoPie 原型与自定义层(如 Web 内容和实时摄像头视频)集成,打造沉浸式用户体验,一起来看!

ProtoPie

March 29, 2024

ProtoPie Connect 重要升级:集成网页和实时摄像头
ProtoPie Connect 2.7.0重大更新,将 ProtoPie 原型与自定义层(如 Web 内容和实时摄像头视频)集成,打造沉浸式用户体验,一起来看!

通过 Web 嵌入内容增强保真度和交互性

ProtoPie Connect 展台视图能够将 ProtoPie 原型与各种自定义层集成,包括 Web 嵌入和实时摄像头。这种集成增强了用户测试体验,为原型赋能。支持在设计中添加来自 Spline、Rive 或 Bezi 等平台的交互式 3D 对象。
将 Spline 中的 3D 汽车 iframe 嵌入到 ProtoPie 原型中
将 Spline 中的 3D 汽车 iframe 嵌入到 ProtoPie 原型中
将Spline 中的 3D 汽车 iframe 嵌入到 ProtoPie 原型,超简单步骤如下:
  1. 在 Spline 中打开3D 设计并导出。
  2. 从“公共 URL”部分复制嵌入代码。
  3. 在 ProtoPie Connect 展台中添加一个“Web 嵌入”层。
  4. 将嵌入代码粘贴到 Web 嵌入属性面板中的 URL 字段中。
如下Gif 所示,此功能还支持嵌入来自 Mapbox 或 Google 的交互式地图,将原型设计的效用延伸到更多场景。
1
不仅支持导入 3D 对象和地图,还可以使用 URL 或 iframe 代码片段将任何 Web 内容整合到设计当中。
嵌入在浏览器中运行并具有 URL 的编码原型,与 ProtoPie 兼容。此功能在极大程度上帮助需要使用代码进行原型制作的高级用户。此外,如需跨团队协作,并且团队中已经存在预先编码的原型,这个功能将更有助于在 ProtoPie 环境中实现顺畅的集成和交互。

全新升级的摄像头视频体验

将摄像头视频和实时流 URL(HLS)添加到原型,获取实时的视觉内容。通过 Live camera 层集成摄像头视频,使原型更接近于实际应用,具体使用场景如下:
  • 交互式游戏:利用摄像头视频实现手势控制,或将玩家周围的环境整合到游戏中,让玩家沉浸式体验游戏。
  • 直播应用:允许用户查看并与摄像头视频进行交互,适合直播平台应用程序原型。
  • 增强现实(AR)体验:用摄像头视频将数字内容叠加到现实世界环境中,创造出沉浸式的增强现实体验。
  • 汽车行业:应用于车辆停车辅助、安全辅助以及其他应用程序。
  • 机器人行业:将摄像头视频集成到机器人系统中,增强感知和交互能力。
  • 医疗科技行业:利用摄像头视频用于手术机器人和医学成像系统等应用程序,提高医疗环境中的精确度和效率。
将摄像头视频和实时流 URL 添加到原型,获得实时的视觉内容
将摄像头视频和实时流 URL 添加到原型,获得实时的视觉内容

ProtoPie Connect 展示台,你原型设计的助攻

我们可以将展示台想象成一个画布,将ProtoPie 原型与 Web 嵌入、3D 模型和摄像头视频等自定义层无缝融合,提升了原型设计水准。
一旦添加并配置了这些层,设计师将可以通过自由拖放在展示台内将文件重新排列。在准备就绪时通过单击“查看”选项进行预览。
展示台还有更多的可能性,例如:
  • 适合实现全局组件,如 GNB;
  • 无缝集成背景音乐文件以进行持续播放;
  • 将复杂用户界面的不同部分分配给不同的原型,并在展示台中进行合并,而不是在一个原型中处理所有内容。