Arduino – 基于Web的操纵杆

释放双眼,带上耳机,听听看~!

材料:

Arduino uno

PHPoC WiFi Shield for Arduino

伺服电机SG90

布线

在Arduino上堆叠PHPoC WiFi Shield

将两个伺服电机的引脚GND和VCC分别连接到GND和5V的Arduino。(arduino的引脚IOREF可以像5V引脚一样使用)

将两个伺服电机的引脚信号分别连接到Arduino的引脚8和引脚9。

数据流

Web浏览器—> PHPoC WiFi Shield —> Arduino

Web浏览器上的Web应用程序将通过WebSocket将触摸或单击事件的坐标(缩放后)发送到PHPoC shield。收到数据后,PHPoC shield会自动将其传递给Arduino。Arduino根据从PHPoC Shield收到的数据控制两个伺服电机。

请注意: PHPoC shield有一个内置程序,用于将数据从Web浏览器传递到Arduino。因此,我们不需要关心它。

需要做什么?

  • 1.设置PHPoC shield的Wifi信息(SSID和密码)
  • 2.将新UI上传到PHPoC shield
  • 3.写Arduino代码

设置PHPoC Shield的Wifi信息

请参阅此说明。

将新的Web UI上传到PHPoC Shield

  • 下载PHPoC源代码remote_joystick.php(代码部分)。
  • 根据此指令使用PHPoC调试器将其上载到PHPoC shield 

写Arduino代码

  • 在Arduino IDE上为Arduino安装PHPoC库(参见说明)
  • 请参阅代码部分中的源代码。
  • 单击Arduino IDE上的串行按钮以查看IP地址。
  • 打开Web浏览器,输入 http://replace_ip_address/remote_joystick.php
  • 单击“连接”按钮进行测试。
Arduino – 基于Web的操纵杆

代码:

web页面代码及arduino代码:

[zrz_file link="https://static.qutaojiao.com/wp-content/uploads/2018/10/24c57f5b2b43e18.zip" name="Arduino - 基于Web的操纵杆.zip" code=""]

给TA买糖
共{{data.count}}人
人已赞赏
Arduino

基于nodemcu的简单点阵时钟

2018-10-18 9:57:18

Arduino

Arduino测谎仪

2018-10-19 17:31:16

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索