新功能介绍
ProtoPie Connect 重要升级:集成网页和实时摄像头
ProtoPie Connect 2.7.0 重大更新,将 ProtoPie 原型与自定义层(如 Web 内容和实时摄像头视频)集成,打造沉浸式用户体验,一起来看!
![](https://cdn.sanity.io/images/f3weya57/production/9bada9eb15c782049119142539053e25e8efde30-240x240.png?q=75&fit=clip&auto=format)
ProtoPie
March 29, 2024
![ProtoPie Connect 重要升级:集成网页和实时摄像头](https://cdn.sanity.io/images/f3weya57/production/90a0d004904e39b11968ad5a4567a1c47852cb53-2138x1200.webp?q=75&fit=clip&auto=format)
ProtoPie Connect 2.7.0重大更新,将 ProtoPie 原型与自定义层(如 Web 内容和实时摄像头视频)集成,打造沉浸式用户体验,一起来看!
通过 Web 嵌入内容增强保真度和交互性
ProtoPie Connect 展台视图能够将 ProtoPie 原型与各种自定义层集成,包括 Web 嵌入和实时摄像头。这种集成增强了用户测试体验,为原型赋能。支持在设计中添加来自 Spline、Rive 或 Bezi 等平台的交互式 3D 对象。
![将 Spline 中的 3D 汽车 iframe 嵌入到 ProtoPie 原型中](https://cdn.sanity.io/images/f3weya57/production/600b1733c9e5fae26fa1e6b29510689a9933ee75-2000x1037.webp?q=75&fit=clip&auto=format)
将 Spline 中的 3D 汽车 iframe 嵌入到 ProtoPie 原型中
将Spline 中的 3D 汽车 iframe 嵌入到 ProtoPie 原型,超简单步骤如下:
- 在 Spline 中打开3D 设计并导出。
- 从“公共 URL”部分复制嵌入代码。
- 在 ProtoPie Connect 展台中添加一个“Web 嵌入”层。
- 将嵌入代码粘贴到 Web 嵌入属性面板中的 URL 字段中。
如下Gif 所示,此功能还支持嵌入来自 Mapbox 或 Google 的交互式地图,将原型设计的效用延伸到更多场景。
![1](https://cdn.sanity.io/images/f3weya57/production/baffee234aa8f3adac83aad0f72b4f43cefd7aa0-917x511.gif?q=75&fit=clip&auto=format)
不仅支持导入 3D 对象和地图,还可以使用 URL 或 iframe 代码片段将任何 Web 内容整合到设计当中。
嵌入在浏览器中运行并具有 URL 的编码原型,与 ProtoPie 兼容。此功能在极大程度上帮助需要使用代码进行原型制作的高级用户。此外,如需跨团队协作,并且团队中已经存在预先编码的原型,这个功能将更有助于在 ProtoPie 环境中实现顺畅的集成和交互。
全新升级的摄像头视频体验
将摄像头视频和实时流 URL(HLS)添加到原型,获取实时的视觉内容。通过 Live camera 层集成摄像头视频,使原型更接近于实际应用,具体使用场景如下:
- 交互式游戏:利用摄像头视频实现手势控制,或将玩家周围的环境整合到游戏中,让玩家沉浸式体验游戏。
- 直播应用:允许用户查看并与摄像头视频进行交互,适合直播平台应用程序原型。
- 增强现实(AR)体验:用摄像头视频将数字内容叠加到现实世界环境中,创造出沉浸式的增强现实体验。
- 汽车行业:应用于车辆停车辅助、安全辅助以及其他应用程序。
- 机器人行业:将摄像头视频集成到机器人系统中,增强感知和交互能力。
- 医疗科技行业:利用摄像头视频用于手术机器人和医学成像系统等应用程序,提高医疗环境中的精确度和效率。
![将摄像头视频和实时流 URL 添加到原型,获得实时的视觉内容](https://cdn.sanity.io/images/f3weya57/production/a4f9029b5ae106012cd489b8f463ef3be2f83108-713x405.webp?q=75&fit=clip&auto=format)
将摄像头视频和实时流 URL 添加到原型,获得实时的视觉内容
ProtoPie Connect 展示台,你原型设计的助攻
我们可以将展示台想象成一个画布,将ProtoPie 原型与 Web 嵌入、3D 模型和摄像头视频等自定义层无缝融合,提升了原型设计水准。
一旦添加并配置了这些层,设计师将可以通过自由拖放在展示台内将文件重新排列。在准备就绪时通过单击“查看”选项进行预览。
展示台还有更多的可能性,例如:
- 适合实现全局组件,如 GNB;
- 无缝集成背景音乐文件以进行持续播放;
- 将复杂用户界面的不同部分分配给不同的原型,并在展示台中进行合并,而不是在一个原型中处理所有内容。