สร้างระบบควบคุม RGB LED ด้วย PWM และ Web Interface
ดูการทำงานจริงของ RGB LED Controller ผ่าน Web Interface
ESP32-S3 Box-3 เป็นบอร์ดพัฒนาที่สามารถต่อกับหน้าจอสัมผัส, ลำโพง, และไมโครโฟน เหมาะสำหรับโปรเจกต์ IoT และ Smart Home
หน้าจอสัมผัส 2.4 นิ้ว พร้อม GUI Library สำหรับสร้าง Interface
ลำโพงและไมโครโฟนในตัว รองรับ Voice Recognition
Dual-core 240MHz พร้อม WiFi และ Bluetooth 5.0
GPIO หลากหลาย รองรับ PWM, ADC, SPI, I2C
PWM (Pulse Width Modulation) เป็นเทคนิคการควบคุมความสว่างของ LED โดยการเปลี่ยนแปลงความกว้างของพัลส์สัญญาณ
เปอร์เซ็นต์เวลาที่สัญญาณเป็น HIGH
0% = ปิด, 50% = ครึ่งความสว่าง, 100% = เต็มความสว่าง
ความถี่ของสัญญาณ PWM
สำหรับ LED ใช้ 1kHz - 20kHz เพื่อไม่ให้เห็นการกะพริบ
ผสมสี Red, Green, Blue ด้วย PWM แยกกัน
ได้สีมากกว่า 16 ล้านสี
มี 8 ช่อง PWM อิสระ
ความละเอียด 8-16 bit, ความถี่ปรับได้
| สี | Red | Green | Blue | Hex Code |
|---|---|---|---|---|
| แดง | 255 | 0 | 0 | #FF0000 |
| เขียว | 0 | 255 | 0 | #00FF00 |
| น้ำเงิน | 0 | 0 | 255 | #0000FF |
| ขาว | 255 | 255 | 255 | #FFFFFF |
| เหลือง | 255 | 255 | 0 | #FFFF00 |
| ม่วง | 255 | 0 | 255 | #FF00FF |
| ฟ้า | 0 | 255 | 255 | #00FFFF |
RGB LED Module มีหลายแบบ แต่โดยทั่วไปจะมี 4 ขา คือ Red, Green, Blue และ Common (Cathode หรือ Anode)
ขาควบคุมสีแดง
ต่อกับ PWM Pin ของ ESP32-S3
ขาควบคุมสีเขียว
ต่อกับ PWM Pin ของ ESP32-S3
ขาควบคุมสีน้ำเงิน
ต่อกับ PWM Pin ของ ESP32-S3
ขา Common (GND หรือ VCC)
ขึ้นอยู่กับประเภท LED
| อุปกรณ์ | จำนวน | หมายเหตุ |
|---|---|---|
| ESP32-S3 Box-3 | 1 ตัว | บอร์ดหลัก |
| RGB LED Module | 1 ตัว | Common Cathode แนะนำ |
| Jumper Wires | 4-5 เส้น | สำหรับต่อวงจร |
การต่อ RGB LED กับ ESP32-S3 Box-3 ต้องใช้ GPIO Pins ที่รองรับ PWM และต้องใส่ตัวต้านทานจำกัดกระแส
| RGB LED Pin | ESP32-S3 Box-3 Pin | หมายเหตุ |
|---|---|---|
| Red | GPIO 39 | |
| Green | GPIO 40 | |
| Blue | GPIO 41 | |
| Common (Cathode) | GND | ต่อตรงกับ Ground |
การตั้งค่า Arduino IDE สำหรับ ESP32-S3 Box-3 ต้องติดตั้ง ESP32 Board Package และ Library ที่จำเป็น
https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json
| Setting | Value |
|---|---|
| Board | ESP32S3 Dev Module |
| USB CDC On Boot | Enabled |
| CPU Frequency | 240MHz (WiFi/BT) |
| Flash Mode | QIO |
| Flash Size | 16MB (128Mb) |
| Partition Scheme | Default 4MB with spiffs |
| PSRAM | OPI PSRAM |
| Upload Speed | 921600 |
มาพร้อม ESP32 Core
สำหรับการเชื่อมต่อ WiFi
มาพร้อม ESP32 Core
สำหรับสร้าง Web Interface
มาพร้อม ESP32 Core
สำหรับจัดเก็บไฟล์ HTML/CSS
สำหรับจัดการข้อมูล JSON
ติดตั้งผ่าน Library Manager
หลังจากติดตั้งเสร็จ ให้ทดสอบด้วยโค้ดง่ายๆ:
void setup() {
Serial.begin(115200);
Serial.println("ESP32-S3 Box-3 Ready!");
}
void loop() {
delay(1000);
}
โค้ดนี้จะสร้าง หน้าจอที่ควบคุม RGB LED พร้อมกับการควบคุม PWM
โค้ดทั้งหมดพร้อมไฟล์ HTML และตัวอย่างเพิ่มเติม สามารถดาวน์โหลดได้จาก GitHub Repository:
✅ โค้ด Arduino ทั้งหมด | 🌐 ไฟล์ HTML/CSS | 📖 คู่มือเพิ่มเติม
เชื่อมต่อ WiFi และแสดง IP Address
ใช้สำหรับเข้าถึง Web Interface
ตั้งค่า PWM 3 ช่อง สำหรับ R, G, B
ความถี่ 5kHz, ความละเอียด 8-bit
สร้าง HTTP Server รับคำสั่ง
Route: /, /setColor, /getColor
Web UI สำหรับควบคุม RGB
Slider, Preset Colors, Preview
YOUR_WIFI_SSID และ YOUR_WIFI_PASSWORD
255 - value สำหรับ Common Anode LEDเรามี ESP32-S3 Box-3 และอุปกรณ์เสริม พร้อมคู่มือและการสนับสนุน
บอร์ดพร้อม RGB LED Module และอุปกรณ์เสริม
ปรึกษาปัญหาและแก้ไขโค้ดฟรี
✅ จัดส่งทั่วไทย | 🚀 ตอบกลับเร็ว | 💯 รับประกันคุณภาพ
