Search Code

โปรเจกต์นาฬิกาอินเทอร์เน็ต RGB LED Matrix ESP32-S3 - จอแสดงเวลาและวันที่หลากสี 2 นาฬิกา

โปรเจกต์นาฬิกาอินเทอร์เน็ต RGB LED Matrix ESP32-S3 - จอแสดงเวลาและวันที่หลากสี 2 นาฬิกา

นาฬิกาอินเทอร์เน็ต NeoMatrix RGB ESP32-S3 พร้อมการแสดงเวลาและวันที่

โปรเจกต์นี้เป็นนาฬิกาอินเทอร์เน็ต RGB Matrix ESP32-S3 ที่ได้รับการปรับปรุง ซึ่งไม่เพียงแต่แสดงเวลาปัจจุบันเท่านั้น แต่ยังแสดงวันที่เป็นระยะๆ ด้วย ESP32-S3 เชื่อมต่อกับ Wi-Fi ซิงโครไนซ์เวลาจากเซิร์ฟเวอร์ NTP และเลื่อนข้อความ HH:MM หรือวันที่ (เช่น SEP 21) ผ่านจอ NeoMatrix RGB ขนาด 8×8 การแสดงผลรองรับการควบคุมความสว่างอัตโนมัติระหว่างกลางวันและกลางคืน และปรับแต่งสี RGB ได้

ESP32-s3_internet_clock_animation

นาฬิกานี้ทำอะไรได้บ้าง

หลังจากเชื่อมต่อกับเครือข่าย Wi-Fi ของคุณ ESP32-S3 จะดึงเวลาท้องถิ่นปัจจุบันจากอินเทอร์เน็ต โดยปกติแล้วนาฬิกาจะเลื่อนแสดงเวลา แต่ในช่วงเวลาที่กำหนดไว้จะสลับไปแสดงวันที่ สีของข้อความสามารถกำหนดให้เป็นสีเดียวคงที่ หรือหมุนเวียนอัตโนมัติผ่านหลายสีที่ผู้ใช้กำหนด ความสว่างจะลดลงโดยอัตโนมัติในเวลากลางคืนเพื่อให้จอแสดงผลสบายตายิ่งขึ้น

ไลบรารีที่ใช้

สเก็ตช์นี้ขึ้นอยู่กับไลบรารีต่อไปนี้:

#include <WiFi.h>
#include "time.h"
#include <Adafruit_GFX.h>
#include <Adafruit_NeoMatrix.h>
#include <Adafruit_NeoPixel.h>

ติดตั้ง Adafruit NeoMatrix จาก Arduino Library Manager ไลบรารีที่จำเป็นทั้งหมด เช่น Adafruit GFX Library และ Adafruit NeoPixel จะถูกติดตั้งโดยอัตโนมัติ

การกำหนดค่าที่สำคัญสำหรับผู้ใช้

SSID และรหัสผ่าน Wi-Fi (คำนึงถึงตัวพิมพ์ใหญ่-เล็ก)

คุณต้องเปลี่ยนข้อมูลประจำตัว Wi-Fi เป็นข้อมูลเครือข่ายของคุณเอง:

const char* WIFI_SSID     = "WiFi";
const char* WIFI_PASSWORD = "passW0rd";

สำคัญ: SSID ของ Wi-Fi คำนึงถึงตัวพิมพ์ใหญ่-เล็ก ตัวอย่างเช่น SSID ที่ชื่อ "Book" ไม่เหมือนกับ "book" หากตัวพิมพ์ใหญ่ไม่ตรงกันทุกตัว ESP32 จะไม่สามารถเชื่อมต่อได้

เซิร์ฟเวอร์ NTP เขตเวลา และเวลาออมแสง

นาฬิกาใช้เซิร์ฟเวอร์เวลาอินเทอร์เน็ต:

const char* ntpServer = "pool.ntp.org";

เวลาท้องถิ่นคำนวณโดยใช้ค่าชดเชยเหล่านี้:

const long  gmtOffset_sec     = -5 * 3600; 
const int   daylightOffset_sec = 3600;
  • gmtOffset_sec: ค่าชดเชย UTC ของคุณเป็นวินาที (ตัวอย่าง: UTC-5 = -5 * 3600)
  • daylightOffset_sec: ใช้ 3600 สำหรับเวลาออมแสง หรือ 0 หากไม่มีการใช้เวลาออมแสง

การตั้งค่าเหล่านี้ถูกนำไปใช้โดยใช้:

configTime(gmtOffset_sec, daylightOffset_sec, ntpServer);

การควบคุมความสว่าง (กลางวัน / กลางคืน)

โปรเจกต์นี้ปรับความสว่างโดยอัตโนมัติตามช่วงเวลาของวัน:

const int DAY_BRIGHTNESS = 40;
const int NIGHT_BRIGHTNESS = 5;
const int NIGHT_START_HOUR = 22;
const int NIGHT_END_HOUR = 6;

ระหว่างเวลา 22:00 น. ถึง 06:00 น. ความสว่างจะลดลงเพื่อให้จอแสดงผลไม่รบกวนในสภาพแวดล้อมที่มืด คุณสามารถปรับค่าเหล่านี้ได้ตามความต้องการ

การกำหนดค่าสี RGB

นาฬิการองรับทั้งโหมดสีคงที่และการหมุนเวียนสีอัตโนมัติ สี RGB ที่ผู้ใช้กำหนดจะถูกเก็บในอาร์เรย์:

uint8_t userColors[][3] = {
  {17, 43, 171},  // ฟ้าอ่อน
  {255, 0, 0},    // แดง
  {0, 255, 0},    // เขียว
  {255, 165, 0},  // ส้ม
  {255, 0, 255}   // ม่วงแดง
};

แต่ละสีใช้ค่า RGB (แดง เขียว น้ำเงิน) ตั้งแต่ 0 ถึง 255 โดยการเปลี่ยนตัวเลขเหล่านี้ คุณสามารถสร้างสีได้เกือบทุกสีสำหรับการแสดงผล หากตั้งค่า useFixedColor เป็น true นาฬิกาจะใช้สีเดียวคงที่เสมอ หากตั้งค่าเป็น false สีจะเปลี่ยนโดยอัตโนมัติหลังจากการเลื่อนข้อความครบแต่ละรอบ

เพื่อค้นหาค่า RGB ที่แม่นยำสำหรับสีที่คุณต้องการได้อย่างรวดเร็ว ให้ใช้เครื่องมือเลือกสี RGB Color Picker

รูปแบบเวลาและวันที่

เวลาจะถูกจัดรูปแบบเป็น HH:MM และเก็บไว้ในบัฟเฟอร์อักขระขนาดเล็ก วันที่ถูกจัดรูปแบบเป็นสตริงตัวพิมพ์ใหญ่ เช่น SEP 21 จอแสดงผลจะสลับระหว่างเวลาและวันที่โดยอัตโนมัติในช่วงเวลาที่กำหนด

ตรรกะการเลื่อนข้อความบนจอ 8×8

เนื่องจากเมทริกซ์ขนาด 8×8 เล็กเกินไปที่จะแสดงข้อความทั้งหมดพร้อมกัน สเก็ตช์จึงเลื่อนข้อความในแนวนอน เมื่อข้อความออกจากจอแสดงผลจนหมด สีจะถูกอัปเดตและเนื้อหาจะสลับระหว่างเวลาและวันที่เมื่อจำเป็น

การสาธิต

หลังจากอัปโหลดสเก็ตช์:

  • ESP32 เชื่อมต่อกับ Wi-Fi
  • เวลาถูกซิงโครไนซ์จากอินเทอร์เน็ต
  • เวลาปัจจุบันเลื่อนผ่านเมทริกซ์
  • วันที่ปรากฏเป็นระยะๆ
  • ความสว่างปรับอัตโนมัติสำหรับกลางวันและกลางคืน

ดาวน์โหลดและลิงก์

ซอร์สโค้ดที่สมบูรณ์มีให้ด้านล่างบทความนี้ ลิงก์ไปยังชิ้นส่วน เครื่องมือ และเอกสารข้อมูลก็มีให้ด้านล่างบทความนี้เช่นกัน

ภาพ

ESP32 S3 Matrix
ESP32 S3 Matrix
ESP32 S3 Matrix  pin out
ESP32 S3 Matrix pin out
ESP32-S3_RGB_8x8_matrix-3
ESP32-S3_RGB_8x8_matrix-3
ESP32-S3_RGB_8x8_matrix1
ESP32-S3_RGB_8x8_matrix1
ESP32-S3_RGB_8x8_matrix-2
ESP32-S3_RGB_8x8_matrix-2
ESP32-s3_internet_clock_animation
ESP32-s3_internet_clock_animation
869-ESP32-S3 RGB LED Matrix Internte Clock Project 2 - Multi Color with Date
ภาษา: C++
/*
 * =====================================================================================
 * ESP32-S3 INTERNET RGB CLOCK (8x8 Matrix) - Project 2
 Multi color
 * =====================================================================================
 watch video https://youtube.com/shorts/4iWjLiD7fS8
 📚⬇️ Download and resource page https://robojax.com/RJT839
 * Author:  Ahmad Shamshiri (Robojax.com)
 * Date: 07 Jan 2026
 * * FEATURES:
 * 1. WiFi/NTP Time: Syncs automatically with internet time servers.
 * 2. Cycle-Based Color: Color changes ONLY when text finishes a full scroll.
 * 3. Auto-Brightness: Dims the LEDs during night hours (User-configurable).
 * 4. Periodic Date: Scrolls the date (e.g., "JAN 07") every 2 minutes.
 * * USER CONFIGURATION GUIDE:
 * -------------------------
 * - WiFi: Change 'WIFI_SSID' and 'WIFI_PASSWORD' to your local network.
 * - Colors: Add or remove {R, G, B} sets in the 'userColors' array.
 * - Night Mode: Adjust 'NIGHT_START_HOUR' and 'NIGHT_BRIGHTNESS'.
 * =====================================================================================
 */

#include <WiFi.h>
#include "time.h"
#include <Adafruit_GFX.h>
#include <Adafruit_NeoMatrix.h>
#include <Adafruit_NeoPixel.h>

#define MATRIX_PIN 14

// --- BRIGHTNESS CONFIGURATION ---
const int DAY_BRIGHTNESS = 40;
const int NIGHT_BRIGHTNESS = 5;
const int NIGHT_START_HOUR = 22; 
const int NIGHT_END_HOUR = 6;

// --- COLOR CONFIGURATION ---
bool useFixedColor = false; 
int fixedColorIndex = 0;    
uint8_t userColors[][3] = {
  {17, 43, 171},  // Light Blue
  {255, 0, 0},    // Red
  {0, 255, 0},    // Green
  {255, 165, 0},  // Orange
  {255, 0, 255}   // Magenta
};

// 👇 REPLACE these with your real home WiFi name & password
const char* WIFI_SSID     = "WiFi";
const char* WIFI_PASSWORD = "passW0rd";


int currentColorIndex = 0;
int totalColors = sizeof(userColors) / sizeof(userColors[0]);

// --- DATE/TIME INTERVALS ---
unsigned long lastDateShowMs = 0;
const uint32_t dateIntervalMs = 30000; // 2 minutes
unsigned long lastTimeUpdateMs = 0;
const uint16_t timeUpdateIntervalMs = 1000;
unsigned long lastScrollMs = 0;
const uint16_t scrollIntervalMs = 100;

// --- GLOBAL VARIABLES ---
Adafruit_NeoMatrix matrix(8, 8, MATRIX_PIN,
  NEO_MATRIX_TOP    + NEO_MATRIX_LEFT +
  NEO_MATRIX_ROWS   + NEO_MATRIX_PROGRESSIVE,
  NEO_RGB           + NEO_KHZ800);

char timeText[6] = "00:00";
char dateText[10] = "";
char currentDisplayText[12] = ""; 
int16_t scrollX = 8;


const char* ntpServer = "pool.ntp.org";
const long  gmtOffset_sec     = -5 * 3600; 
const int   daylightOffset_sec = 3600;

void updateTimeAndDate() {
  struct tm timeinfo;
  if (!getLocalTime(&timeinfo)) return;
  
  snprintf(timeText, sizeof(timeText), "%02d:%02d", timeinfo.tm_hour, timeinfo.tm_min);
  strftime(dateText, sizeof(dateText), "%b %d", &timeinfo);
  for (int i = 0; dateText[i]; i++) dateText[i] = toupper(dateText[i]);

  if (timeinfo.tm_hour >= NIGHT_START_HOUR || timeinfo.tm_hour < NIGHT_END_HOUR) {
    matrix.setBrightness(NIGHT_BRIGHTNESS);
  } else {
    matrix.setBrightness(DAY_BRIGHTNESS);
  }
}

void scrollDisplay() {
  matrix.fillScreen(0);
  
  // FIXED LOGIC: Uses currentColorIndex which only changes at the end of a scroll
  int idx = useFixedColor ? fixedColorIndex : currentColorIndex;
  matrix.setTextColor(matrix.Color(userColors[idx][0], userColors[idx][1], userColors[idx][2]));

  matrix.setCursor(scrollX, 0);
  matrix.print(currentDisplayText);
  matrix.show();

  scrollX--;

  int16_t textWidth = strlen(currentDisplayText) * 6;
  
  // THE TRIGGER POINT: This happens only when text is fully off-screen
  if (scrollX < -textWidth) {
    scrollX = matrix.width(); 
    
    // 1. Cycle the color now and only now
    if (!useFixedColor) {
      currentColorIndex = (currentColorIndex + 1) % totalColors;
    }

    // 2. Decide whether to switch between Time and Date
    if (millis() - lastDateShowMs > dateIntervalMs) {
      strcpy(currentDisplayText, dateText);
      lastDateShowMs = millis();
    } else {
      strcpy(currentDisplayText, timeText);
    }
  }
}

void setup() {
  Serial.begin(115200);
  WiFi.begin(WIFI_SSID, WIFI_PASSWORD);
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }
  
  configTime(gmtOffset_sec, daylightOffset_sec, ntpServer);
  matrix.begin();
  matrix.setTextWrap(false);
  matrix.setBrightness(DAY_BRIGHTNESS);
  
  updateTimeAndDate();
  strcpy(currentDisplayText, timeText); 
}

void loop() {
  unsigned long now = millis();

  if (now - lastTimeUpdateMs >= timeUpdateIntervalMs) {
    lastTimeUpdateMs = now;
    updateTimeAndDate(); 
  }

  if (now - lastScrollMs >= scrollIntervalMs) {
    lastScrollMs = now;
    scrollDisplay();
  }
}

สิ่งที่คุณอาจต้องการ

แหล่งข้อมูลและเอกสารอ้างอิง

ไฟล์📁

ไฟล์ Fritzing