關於在本地端執行的Web UI版程式：
關於在本地端執行的Web UI版程式：
Embedded Files
這個專案一開始很吸引人的部份是使用了FluxGarage RoboEyes （https://github.com/FluxGarage/RoboEyes）有支援使用1.3吋的Oled，所以我就換了它
更換OLed
更換OLed
原本的case使用0.96吋的螢幕，我把它換成了1.3吋的，驅動程式也得跟著改寫
原本的case使用0.96吋的螢幕，我把它換成了1.3吋的，驅動程式也得跟著改寫
#include <WiFi.h>
#include <WebServer.h>
#include <DNSServer.h>
#include <Wire.h>
#include <Adafruit_SH110X.h> //#include <Adafruit_SSD1306.h>
#include <FluxGarage_RoboEyes.h>
/* ================= OLED ================= */
#define SCREEN_WIDTH 128
#define SCREEN_HEIGHT 64
#define OLED_RESET -1
#define OLED_SDA 8
#define OLED_SCL 9
Adafruit_SH1106G display(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, OLED_RESET);
RoboEyes<Adafruit_SH1106G> roboEyes(display); // create RoboEyes instance
取代原本自己當AP執行Webserver的方法，在一個新的環境第一次啟動時模擬成AP讓使用者連接，以便設定連網資訊，之後就記住了，使用手機或電腦只要在同網域，瀏灠http://MoCoffee.local， 就可以顯示Web UI操控畫面，而且加入了一個按鈕可以重設WifiManager
取代原本自己當AP執行Webserver的方法，在一個新的環境第一次啟動時模擬成AP讓使用者連接，以便設定連網資訊，之後就記住了，使用手機或電腦只要在同網域，瀏灠http://MoCoffee.local， 就可以顯示Web UI操控畫面，而且加入了一個按鈕可以重設WifiManager
加入WifiManager及mDNS
加入WifiManager及mDNS
#include <WiFiManager.h>
#include <ESPmDNS.h>
// === WiFiManager 設定 ===
WiFiManager wm;
if (!wm.autoConnect("MoCoffee_AP")) {
Serial.println("Failed to connect and hit timeout");
delay(3000);
ESP.restart();
}
Serial.println("WiFi connected!");
Serial.print("IP Address: "); Serial.println(WiFi.localIP());
// === mDNS 設定 ===
if (MDNS.begin("MoCoffee")) {
Serial.println("mDNS responder started. Connect to http://MoCoffee.local");
}
原版本MoChan的程式在馬達控制的部份，只能全速或是停止→digitalWrite(LF,HIGH);，我改寫成使用ledc()的方法，使用PWM的方式來驅動馬達才能操控馬達的轉速，當然它的寫法有些不同
原版本MoChan的程式在馬達控制的部份，只能全速或是停止→digitalWrite(LF,HIGH);，我改寫成使用ledc()的方法，使用PWM的方式來驅動馬達才能操控馬達的轉速，當然它的寫法有些不同
// 初始化 LEDC (ESP32 Core 3.x.x 新版寫法)
ledcAttach(LF, PWM_FREQ, PWM_RES);
ledcAttach(LB, PWM_FREQ, PWM_RES);
ledcAttach(RF, PWM_FREQ, PWM_RES);
ledcAttach(RB, PWM_FREQ, PWM_RES);
馬達驅動方式的修改
馬達驅動方式的修改
#include <Wire.h>
/* ================= 馬達腳位設定 ================= */
#define LF 1
#define LB 0
#define RF 3
#define RB 2
/* ================= LEDC PWM 設定 ================= */
#define PWM_FREQ 5000
#define PWM_RES 8 // 8-bit 解析度 (0-255)
int manualSpeed = 255; // 手動控制預設速度
/* ================= 馬達控制邏輯(ESP32 Core 3.x.x新版寫法) ================= */
void driveMotor(int lf, int lb, int rf, int rb) {
ledcWrite(LF, lf);
ledcWrite(LB, lb);
ledcWrite(RF, rf);
ledcWrite(RB, rb);
}
在改造桌面機器人這個話題中，我覺得加入播音樂這個功能是很重點有一個改變，我在SD卡裡放了01和mp3二個目錄，01目錄是準備放一些語音特效檔案的，比如001.mp3→「桌面機器人啟動」，開機時就播這個檔，mp3目錄裡就放想播的音樂檔，現在的SD卡容量都很大，幾百首曲子不是問題，搭配Web UI的按鈕就可操控音樂
在改造桌面機器人這個話題中，我覺得加入播音樂這個功能是很重點有一個改變，我在SD卡裡放了01和mp3二個目錄，01目錄是準備放一些語音特效檔案的，比如001.mp3→「桌面機器人啟動」，開機時就播這個檔，mp3目錄裡就放想播的音樂檔，現在的SD卡容量都很大，幾百首曲子不是問題，搭配Web UI的按鈕就可操控音樂
導入DFplayer
導入DFplayer
#include <DFRobotDFPlayerMini.h>
/* ================= DFPlayer 音樂模組設定 ================= */
#define DF_RX_PIN 20 // ESP32-C3 接收 (接 DFPlayer TX)
#define DF_TX_PIN 21 // ESP32-C3 發送 (接 DFPlayer RX)
HardwareSerial dfSerial(1); // 使用 UART1
DFRobotDFPlayerMini myDFPlayer;
int currentVolume = 15; // 預設音量 (0-30)
// === DFPlayer 初始化 ===
dfSerial.begin(9600, SERIAL_8N1, DF_RX_PIN, DF_TX_PIN);
Serial.println("Initializing DFPlayer...");
// 加上判斷，就算沒接上 DFPlayer 也不會讓程式卡死
if (!myDFPlayer.begin(dfSerial, true, false)) {
Serial.println("DFPlayer Error: Check connection or SD card");
} else {
Serial.println("DFPlayer Ready!");
myDFPlayer.volume(currentVolume); // 設定音量
myDFPlayer.playFolder(1, 1);// 播放開機啟動音效（01/001.mp3）
}
// === 音樂控制路由 ===
server.on("/m_play", [](){ myDFPlayer.start(); server.send(200); });
server.on("/m_pause", [](){ myDFPlayer.pause(); server.send(200); });
server.on("/m_next", [](){ myDFPlayer.next(); server.send(200); });
server.on("/m_prev", [](){ myDFPlayer.previous(); server.send(200); });
這個功能是我在最後的一個加值想法：開機後，只要輕輕摸一下機器人頭頂就播音樂，不用多餘的連接操控動作
這個功能是我在最後的一個加值想法：開機後，只要輕輕摸一下機器人頭頂就播音樂，不用多餘的連接操控動作
加入TTP223觸控模組
加入TTP223觸控模組
/* ================= TTP223 設定 ================= */
#define TOUCH_PIN 7 // TTP223 SIG 接在 GPIO 7
pinMode(TOUCH_PIN, INPUT); // TTP223 預設輸出高電平為觸發 (A、B 跳線未焊時)
// --- TTP223 觸控邏輯 ---
bool currentTouch = digitalRead(TOUCH_PIN);
if (currentTouch == HIGH) {
myDFPlayer.playMp3Folder(1);
roboEyes.setMood(HAPPY);
}
不過，我覺得比較有樂趣的話應該自己改，在這次的修改程式的過程中，我又體驗到了AI輔助的優勢，真的很好用，現在直接在google search中就有一個「AI模式」，在改寫程式時，幫了好多忙！
不過，我覺得比較有樂趣的話應該自己改，在這次的修改程式的過程中，我又體驗到了AI輔助的優勢，真的很好用，現在直接在google search中就有一個「AI模式」，在改寫程式時，幫了好多忙！
Report abuse