描述

一、簡介

這個項目是關于 Wi-Fi 控制的汽車，稱為 Car Robot，它使用顯示在手機網絡瀏覽器上的游戲手柄作為控制器。

?

汽車機器人由汽車機器人板和底盤構成。Car-robot 板包括電機驅動模塊和用于執行 Car-Robot 應用程序的 ESP8266。底盤由一個雙齒輪箱和一個滾珠腳輪組成，連接到一個萬能板上。雙齒輪箱連接到汽車機器人板上的電機驅動模塊以驅動電機。

?

2. 游戲手柄操作

游戲手柄在 iPhone、Android 或 PC 的網絡瀏覽器上顯示如下。用戶按下游戲手柄上的按鈕（停止、前進、倒車、右轉、左轉、加速、減速和連接）。

?

3.車機板示意圖

Car-robot 板的電機驅動模塊 (TB6612FNG) 和 ESP8266 之間的連接如下。GitHub 上提供了汽車機器人電路板示意圖。

?

使用 TB6612FNG 的電機控制方法如下所示。

?

Car-robot 板的組件安裝圖如下。

?

4. 機箱接線

底盤由連接到通用板的部件組成。萬能板的正面安裝部件如下。

?

萬能板的背面安裝部件如下。

?

5. Web Socket 接口

Web Socket 接口用于連接 Car-Robot 應用程序和游戲手柄應用程序，通過 Web 套接字協議傳輸汽車控制數據。Web 套接字 URL 如下。

ws://192.168.10.xx:81/Arduino
   “192.168.10.xx” Car-robot board IP Address

Car control data有兩種類型，一種是移動汽車的驅動數據，另一種是確認Car-Robot應用程序和游戲手柄應用程序之間連接的連接數據。

游戲手柄應用程序將驅動數據發送到 Car-Robot 應用程序。驅動數據的格式是如下的文本格式。

'#010040000120'
   '01': IN1 of TB6612FNG channel A
   '00': IN2
   '40': PWM
   '00': IN1 of TB6612FNG channel B
   '01': IN2
   '20': PWM

游戲手柄應用程序將連接數據發送到 Car-Robot 應用程序。連接數據的格式是如下的文本格式。

'%'

6. Car-Robot應用程序代碼

ESP8266 上的 Car-Robot 應用程序使用 Web 套接字協議從游戲手柄應用程序接收驅動數據和連接數據。與 Web 套接字協議相關的 Car-Robot 應用程序代碼使用 Links2004 的 arduinoWebSockets 庫，可在GitHub 上獲得。代碼首先包含必要的庫，在端口 81 上創建一個 WebSocket 服務器，啟動 WebSocket 服務器，如果有傳入的 Web 套接字消息，則轉到函數“WebSocketevent”。

#include <WebSocketsServer.h>
   　　　…
WebSocketsServer webSocket = WebSocketsServer(81);
   　　　…
webSocket.begin();
webSocket.onEvent(webSocketEvent);
   　　　…

此代碼在 WebSocket 服務器相關事件上執行，例如 WebSocket 是否斷開連接、是否連接了新的 WebSocket 以及是否接收到新的文本數據。

void webSocketEvent(uint8_t num, WStype_t type, uint8_t * payload, size_t length) {
    switch (type) {
      case WStype_DISCONNECTED:
         …
         break;
      case WStype_CONNECTED: {
         …
         break;
      case WStype_TEXT:
         …
         break;
    }
}

7. 游戲手柄應用代碼

ESP8266 上的 Gamepad 應用程序使用 Web 套接字協議將驅動數據和連接數據發送到 Car-Robot 應用程序。游戲手柄應用程序代碼可在GitHub 上獲得。與 Web 套接字協議關聯的 Gamepad 應用程序代碼包括在端口 81 上創建 WebSocket 客戶端，如下所示。

“腳本.js”

var connection = new WebSocket('ws://' + '192.168.10.xx' + ':81/', ['arduino']);
connection.onopen = function () {
   connection.send('Connect ' + new Date());
};

當用戶按下瀏覽器游戲手柄上的頂部按鈕時，游戲手柄應用程序會調用函數“carmove”。該函數“carmove”創建驅動器數據并使用 WebSocket 客戶端的“send”函數發送它。

“索引.html”

<button onclick="carmove('top');" class="position-top btn">button>
   …

“腳本.js”

function carmove(id) {
     console.log('carmove');
     switch (id) {
       case 'top':
         moveflag = 1;
         turnflag = 0;
         AIN1 = '00';
         AIN2 = '01';
         BIN1 = '00';
         BIN2 = '01';
         PWMA = speed;
         PWMB = speed;
         break;
         …
     }
     move = '#' + AIN1 + AIN2 + PWMA + BIN1 + BIN2 + PWMB;
     console.log('move: ' + move);
     connection.send(move);
}