Код для поиска

Проект интернет-часов на матрице RGB LED ESP32-S3 - 5 радуга цветов

Проект интернет-часов на матрице RGB LED ESP32-S3 - 5 радуга цветов

Часы Интернета на базе ESP32-S3 с эффектом радужного цвета

Этот проект представляет собой интернет-часовой RGB-матрицы на базе ESP32-S3, который подключается к Wi-Fi, синхронизирует локальное время с NTP-сервером и прокручивает время вHH:MMформат на встроенном матрице RGB NeoMatrix размером 8×8. В отличие от версий с однотонными или случайными цветами, этот часы используют плавныйэффект радуги, где каждый символ непрерывно меняет цвет в спектре RGB при прокрутке. Цифровые часы также периодически отображают дату и автоматически регулируют яркость между дневным и ночным временем.

ESP32-S3 интернет-часы анимация

Как работают эти часы

После подключения питания через USB-C, ESP32-S3 подключается к вашей Wi-Fi сети и получает текущее местное время из интернета. Дисплей обычно прокручивает время, но с установленным интервалом переключается, чтобы показать дату. И время, и дата отображаются с использованием динамического радужного эффекта, создавая яркий и анимированный дисплей на маленьком матрице 8×8.

Используемые библиотеки

Эскиз основывается на следующих библиотеках:

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

УстановитьAdafruit NeoMatrixиспользуя Менеджер библиотек Arduino. Его зависимости, включаяAdafruit GFX LibraryиAdafruit NeoPixel, будет установлено автоматически.

Важная конфигурация пользователя

Пин данных матрицы (встроенная RGB-матрица)

Хотя RGB-матрица подключена к плате ESP32-S3, пин данных все равно должен быть определен в коде:

#define MATRIX_PIN 14

GPIO 14 обычно используется на матрицах RGB ESP32-S3. Если ваша модификация платы использует другой пин, обновите это значение.

SSID и пароль Wi-Fi (чувствительны к регистру)

Замените учетные данные Wi-Fi на данные вашей сети:

const char* WIFI_SSID     = "your WIFI";
const char* WIFI_PASSWORD = "passW0rd";

Важно:Wi-Fi SSID-ы эточувствительный к регистру. SSID с именем"Book"не то же самое, что"book"Если регистр букв не совпадает точно, ESP32-S3 не сможет подключиться.

Сервер NTP, часовой пояс и переход на летнее время

Часы синхронизируют время, используя интернет NTP сервер:

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

Местное время рассчитывается с использованием этих смещений:

// Toronto-ish: UTC-5, plus 1 hour DST
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;

В период с 10 вечера до 6 утра матрица тускнеет, чтобы уменьшить блики. В дневное время восстанавливается нормальная яркость.

Эффект радуги

Этот проект использует классическое RGB цветовое колесо для генерации плавных радужных цветов. Каждый символ рисуется с немного другим цветовым сдвигом, и цвета изменяются со временем, создавая плавную радужную анимацию.

// Helper to create Rainbow Colors
uint32_t Wheel(byte WheelPos) {
  WheelPos = 255 - WheelPos;
  if (WheelPos < 85) {
    return matrix.Color(255 - WheelPos * 3, 0, WheelPos * 3);
  }
  if (WheelPos < 170) {
    WheelPos -= 85;
    return matrix.Color(0, WheelPos * 3, 255 - WheelPos * 3);
  }
  WheelPos -= 170;
  return matrix.Color(WheelPos * 3, 255 - WheelPos * 3, 0);
}

По мере пролистывания текста каждый символ проходит через спектр RGB, создавая непрерывный радужный эффект, который особенно впечатляюще смотрится на маленьком дисплее 8×8.

Поведение отображения времени и даты

Часы поддерживают отдельные буферы для времени и даты:

  • Время: HH:MM
  • Дата: MMM DD(напримерJAN 08)

Дата отображается с фиксированным интервалом:

const uint32_t dateIntervalMs = 60000; // Show date every 1 minute

В конце каждого полного цикла прокрутки код решает, продолжать ли показывать время или переключиться на дату.

Логика прокрутки на матрице 8×8

Поскольку дисплей шириной всего 8 пикселей, текст плавно прокручивается справа налево. Как только текст полностью выходит с экрана, курсор сбрасывается, и для следующего прохода загружается следующий контент (время или дата).

Демонстрация

После загрузки схемы и питания платы через USB-C:

  • ESP32-S3 подключается к вашей сети Wi-Fi.
  • Время синхронизировано с интернетом
  • Время протекает.HH:MMформат
  • Дата появляется периодически.
  • Весь текст отображается с плавным анимированным радужным эффектом.
  • Экран автоматически затемняется ночью иBrightens днем.

Загрузки и ссылки

Полный исходный код представлен ниже этой статьи. Полезные инструменты и ссылки, включая RGB Color Picker, также приведены ниже этой статьи.

Изображения

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
872-ESP32-S3 RGB LED Matrix Internte Clock Project 5 - Rainbow Color
Язык: C++
/*
 * =====================================================================================
 * ESP32-S3 CLOCK - RAINBOW DATE & SOLID TIME - Project 5- RAINBOW MODE
 * =====================================================================================
 watch video https://youtube.com/shorts/4iWjLiD7fS8
 📚⬇️ Download and resource page https://robojax.com/RJT842
 * Author: Gemini (AI Thought Partner) & Ahmad Shamshiri (Robojax.com)
 * Date: 07 Jan 2026

 * =====================================================================================
 * ESP32-S3 INTERNET RGB CLOCK - RAINBOW MODE

 * * FEATURES: 
 * - Full Rainbow: Time and Date use flowing rainbow colors.
 * - Auto-Brightness: Dims at night (22:00 to 06:00).
 * - Custom WiFi: Robust connection logic with retries.
 * =====================================================================================
 */

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

#define MATRIX_PIN 14

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

// NTP (time) server
const char* ntpServer = "pool.ntp.org";

// Toronto-ish: UTC-5, plus 1 hour DST. 
const long  gmtOffset_sec     = -5 * 3600;  // -5 hours
const int   daylightOffset_sec = 3600;      // +1 hour for DST

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

// --- INTERVALS & TRACKING ---
unsigned long lastDateShowMs = 0;
const uint32_t dateIntervalMs = 60000; // Show date every 1 minute
bool isShowingDate = false;

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;
unsigned long lastScrollMs = 0;
const uint16_t scrollIntervalMs = 100;
unsigned long lastTimeUpdateMs = 0;

// Helper to create Rainbow Colors
uint32_t Wheel(byte WheelPos) {
  WheelPos = 255 - WheelPos;
  if(WheelPos < 85) {
    return matrix.Color(255 - WheelPos * 3, 0, WheelPos * 3);
  }
  if(WheelPos < 170) {
    WheelPos -= 85;
    return matrix.Color(0, WheelPos * 3, 255 - WheelPos * 3);
  }
  WheelPos -= 170;
  return matrix.Color(WheelPos * 3, 255 - WheelPos * 3, 0);
}

void updateClockData() {
  struct tm timeinfo;
  if (!getLocalTime(&timeinfo)) return;
  
  // Update Time and Date strings
  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]);

  // Handle Night Dimming
  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);
  
  int len = strlen(currentDisplayText);
  int16_t x = scrollX;

  // Draw each character with a shifting rainbow color
  for (int i = 0; i < len; i++) {
    uint8_t colorPos = (uint8_t)((i * 30) + (millis() / 5)); 
    matrix.setTextColor(Wheel(colorPos));
    matrix.setCursor(x + (i * 6), 0);
    matrix.print(currentDisplayText[i]);
  }

  matrix.show();
  scrollX--;

  int16_t textWidth = len * 6;
  if (scrollX < -textWidth) {
    scrollX = matrix.width();
    
    // Switch between Date and Time at end of cycle
    if (millis() - lastDateShowMs > dateIntervalMs) {
      strcpy(currentDisplayText, dateText);
      lastDateShowMs = millis();
      isShowingDate = true;
    } else {
      strcpy(currentDisplayText, timeText);
      isShowingDate = false;
    }
  }
}

void setup() {
  Serial.begin(115200);
  delay(1000);
  Serial.println("\nESP32-S3 Rainbow Clock Initializing...");

  // Connect to WiFi
  Serial.print("Connecting to WiFi: ");
  Serial.println(WIFI_SSID);
  WiFi.mode(WIFI_STA);
  WiFi.begin(WIFI_SSID, WIFI_PASSWORD);

  int retries = 0;
  while (WiFi.status() != WL_CONNECTED && retries < 30) { // ~15s timeout
    delay(500);
    Serial.print(".");
    retries++;
  }
  Serial.println();

  if (WiFi.status() != WL_CONNECTED) {
    Serial.println("WiFi connection FAILED");
  } else {
    Serial.print("WiFi connected. IP: ");
    Serial.println(WiFi.localIP());
  }

  // Configure time via NTP
  configTime(gmtOffset_sec, daylightOffset_sec, ntpServer);
  Serial.println("Waiting for time...");
  delay(2000); // small wait for initial sync

  matrix.begin();
  matrix.setTextWrap(false);
  matrix.setBrightness(DAY_BRIGHTNESS);
  
  updateClockData();
  strcpy(currentDisplayText, timeText); // Load initial time
}

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

  // Update time digits and check brightness every second
  if (now - lastTimeUpdateMs >= 1000) {
    lastTimeUpdateMs = now;
    updateClockData(); 
  }

  // Handle the scrolling animation
  if (now - lastScrollMs >= scrollIntervalMs) {
    lastScrollMs = now;
    scrollDisplay();
  }
}

Файлы📁

Файл Fritzing