在ProtoPie Connect中使用blokdots
blokdots是一种用于与Arduino共同构建硬件交互原型的零代码软件。
无论使用ProtoPie任何版本,所有用户均可使用blokdots与ProtoPie直接进行集成。然而,当与ProtoPie Connect一起使用时,它开启了全新的可能—譬如,赋予了三个或更多设备间进行软硬件交互的能力。
blokdots与ProtoPie Connect共同构成的典型的生态系统包括:
- ProtoPie Studio 用于创建交互
- ProtoPie Connect和blokdots插件,用于实现ProtoPie原型和blokdots应用程序之间的通信,而blokdots应用程序则会连接到Arduino以及各传感器上。
连接设置
1. 在ProtoPie Connect中打开Pie文件
2. 将blokdots连接到ProtoPie Connect
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/4b265ce36696337d128354442e54fc577760097c-1258x702.gif/Connect-blokdots-integration.gif)
a. 在电脑上打开blokdots应用程序
b. 点击添加集成(Add Integration)
c. 选择ProtoPie Connect
blokdots一旦成功连接到ProtoPie Connect,集成栏(Integrations)下方ProtoPie图标左下角的连接指示器就会显示绿色,同时ProtoPie Connect中也会显示已连接的消息。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/469064d41dffab8ad3d6bb8a3ad508207142418c-2175x1200.png/Connect-blokdots-plugin.png)
3. 插上Arduino板
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/46c84354be30bd6ca596c1f7f33e49aebb249637-2175x1200.png/Connect-arduino-ready.png)
当在Live View中看到开发板已经就绪,就可以开始设置组件了。
4. 在Live View中连接组件
这步操作是为了让blokdots知晓要控制Arduino板的哪些组件。
a. 点击连接新组件(Connect A New Component)选择要连接的组件
b. 点击设置组件(Set Component)
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/66d0d3b352a1effd5119a161bb961d9272c720f4-1224x698.gif/Connect-setting-up-components.gif)
5. 配置组件卡片
a. 点击每个组件上的use按钮来激活每个组件
b. 配置每个组件的卡片
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/b77fb204a23be42de1b7047428f0df796dce5dee-1222x697.gif/Connect-component-cards.gif)
- blokdots应用程序允许ProtoPie和Arduino之间互发消息。要实现这一功能,需要在ProtoPie Studio中设置相应的发送和接收动作。如要了解在ProtoPie和Arduino之间如何发送和接收消息的相关知识,请点击此处。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/a7bfe5e1fdbf598952855f28523e45dbf64c50ee-2175x1200.png/Connect-onoff-message.png)
6. 运行项目
点击blokdots中的运行项目(Run Project)按钮来运行项目。
在ProtoPie Connect中,当控制Arduino板时,可以查看到通过blokdots插件传入的消息。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/c10adfc267696ad3c54e4ea767ecbf1c4c80d1bc-1427x809.gif/Connect-messages-blokdots.gif)
如要了解更多关于blokdots和ProtoPie Connect集成的知识,可以点击此处。