通过ProtoPie Connect连接方向盘
特定领域工作的设计师在打造原型时,会遇到该领域相关的特殊需求,例如汽车行业。
方向盘是驾驶环境中一个重要的组成要素,这意味着方向盘对于未来驾驶体验的原型设计至关重要。
我们将使用罗技G29方向盘来搭建一个简单的座舱,用于原型设计和可用性测试。
您可以用您喜欢的任何其他硬件取代罗技G29方向盘。本指南同样适用于其他硬件。
了解更多关于连接硬件的信息。
了解更多关于使用ProtoPie制作车载交互的信息。
运用ProtoPie Connect的各种搭建方法
根据ProtoPie Connect和Bridge App是否在同一台电脑或机器上运行,设置会有所不同。对于这些设置,请使用以下方法。
要求 | 备注 |
---|---|
1台具有USB端口和WiFi/网络功能的机器 | 运行ProtoPie Connect和Bridge App,并使用USB连接罗技G29方向盘。 |
1台罗技G29方向盘 | |
G29的Bridge App | 查看GitHub |
2台平板电脑(iPad或安卓)或2台显示器 | 在ProtoPie Connect中通过ProtoPie Player或桌面浏览器运行尺寸较大的原型 |
1部智能手机(iOS或安卓) | 在ProtoPie Player中运行尺寸较小的原型 |
如果您使用的硬件不是罗技G29方向盘,则需要一个适用于该硬件的Bridge App。
使用一台机器
我们推荐将ProtoPie Connect和Bridge App放在同一台机器上。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/1735ac1f3af62b40d6cfa55e663783b1771a1315-5088x3232.png/logitech-g29-using-single-machine.png)
- 智能手机、平板电脑和显示器都可以作为显示屏幕
- ProtoPie Player通过WiFi连接到ProtoPie Connect
- ProtoPie Connect和Bridge app在同一台机器上运行
使用不同的机器
可以在不同的机器上运行ProtoPie Connect和Bridge App。然而,这些不同的机器需要连接到同一个局域网(LAN)。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/f1b6c3cdab6c25a5bf7793e5296a5c48a8836933-5088x3232.png/logitech-g29-using-different-machine.png)
这种设置类似于使用一台机器的设置,只是ProtoPie Connect和Bridge App是在不同的机器上运行。
- 智能手机、平板电脑和显示器都可以作为显示屏幕
- ProtoPie Player通过WiFi连接到ProtoPie Connect
- ProtoPie Connect和Bridge App在连接到同一局域网(LAN)的不同机器上运行
其他情况
当智能手机、平板电脑和显示器连接到不同的机器时,也可以进行设置。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/df3c9c82095cf8f480f6910c22b1d1ccf772740e-5088x3232.png/logitech-g29-using-setup-variations.png)
- 智能手机、平板电脑和显示器都可以作为显示屏幕
- 一个装有ProtoPie Player的平板电脑通过USB连接到一台机器上的ProtoPie Connect
- 一台作为屏幕的显示器连接到另一台使用桌面浏览器的机器
- ProtoPie Connect和Bridge App在连接到同一局域网(LAN)的不同机器上运行
理解信息传递的流程
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/75e5c1e886d31b7184058a7d28b8d1da39a03e1c-2931x2378.png/understanding-logitech-g29-information-flow.png)
- 罗技G29方向盘向Bridge App发送事件和数值
- Bridge App将这些事件和数值转换为Socket.IO消息,使ProtoPie理解其意。
- 添加到ProtoPie Connect的原型通过发送反应和接收触发,来接收这些信息,并对其作出反应。
了解更多关于罗技G29方向盘的事件和值。
示例
向左旋转方向盘
向左旋转方向盘,使原型中的一个图层旋转并改变颜色。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/94f71ddaca88fe0843ef3d0cbc891a4b49af94df-2931x2432.png/turning-steering-wheel-left.png)
- 当您向左旋转罗技G29方向盘到头时,Bridge App将传入的事件转换为ProtoPie可以识别的消息。
- 添加到ProtoPie Connect的原型将接收这个消息,并将其赋值用于颜色和旋转反应的变量。
按下方向盘上的一个按钮
按下方向盘上的三角形按钮,使两个独立的原型做出反应。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/b2546c6bfa3511157c308958cc26a9f10f9bf71b-2931x2346.png/pressing-button-g29-steering-wheel.png)
- 当您按下罗技G29方向盘上的三角按钮时,Bridge App将传入的事件转换成ProtoPie可以识别的消息。
- 添加到ProtoPie Connect的两个原型会根据您设置的交互,对这个消息做出相应的反应。
- 例如,一个设置为灯光闪烁,另一个显示文本“紧急情况”。