Este tutorial faz parte de: Matriz de LEDs RGB ESP32-S3
Projeto bacana para criar com aplicações práticas e divertidas usando o módulo ESP32-S3 RGB Matrix. Links para outros vídeos estão abaixo deste artigo.
Projeto de Relógio Internet com Matriz LED RGB ESP32-S3 - 5 Cores do Arco-íris
Relógio Internet ESP32-S3 com Efeito de Cor Arco-Íris
Este projeto é um relógio de Internet com matriz RGB ESP32-S3 que se conecta ao Wi-Fi, sincroniza o horário local a partir de um servidor NTP e faz a rolagem do horário emHH:MMformatar no NeoMatrix RGB 8×8 embutido. Ao contrário das versões sólidas ou aleatórias de cores, este relógio usa uma transição suaveefeito de cor arco-íris, onde cada caractere muda continuamente pelo espectro RGB à medida que rola. O relógio também exibe periodicamente a data e ajusta automaticamente o brilho entre o dia e a noite.

Como este relógio funciona
Uma vez ligado via USB-C, o ESP32-S3 conecta-se à sua rede Wi-Fi e recupera a hora local atual da internet. O display normalmente percorre a hora, mas a intervalos definidos muda para mostrar a data. Tanto a hora quanto a data são exibidas usando um efeito de arco-íris dinâmico, criando uma exibição vibrante e animada na pequena matriz 8×8.
Bibliotecas utilizadas
O esboço depende das seguintes bibliotecas:

#include <WiFi.h>
#include "time.h"
#include <Adafruit_GFX.h>
#include <Adafruit_NeoMatrix.h>
#include <Adafruit_NeoPixel.h>InstalarAdafruit NeoMatrixusando o Gerenciador de Bibliotecas do Arduino. Suas dependências, incluindoAdafruit GFX LibraryeAdafruit NeoPixelserá instalado automaticamente.

Configuração importante do usuário
Pino de dados da matriz (matriz RGB integrada)
Embora a matriz RGB esteja conectada à placa ESP32-S3, o pino de dados ainda deve ser definido no código:

#define MATRIX_PIN 14GPIO 14 é comumente utilizado em placas de matriz RGB ESP32-S3. Se a variante da sua placa usar um pino diferente, atualize este valor.
SSID e senha do Wi-Fi (diferencia maiúsculas de minúsculas)
Substitua as credenciais do Wi-Fi pelos detalhes da sua própria rede:
const char* WIFI_SSID = "your WIFI";
const char* WIFI_PASSWORD = "passW0rd";Importante:Os SSIDs do Wi-Fi sãosensible a maiúsculas e minúsculas. Um SSID chamado"Book"não é o mesmo que"book"Se a capitalização não corresponder exatamente, o ESP32-S3 falhará ao conectar-se.
Servidor NTP, fuso horário e horário de verão
O relógio sincroniza o tempo usando um servidor NTP da internet:
const char* ntpServer = "pool.ntp.org";O horário local é calculado usando esses deslocamentos:
// Toronto-ish: UTC-5, plus 1 hour DST
const long gmtOffset_sec = -5 * 3600;
const int daylightOffset_sec = 3600;gmtOffset_sec: Deslocamento UTC em segundos (exemplo: UTC-5 =-5 * 3600)daylightOffset_secUsar3600se o DST estiver ativo, ou0se não usado
Esses valores são aplicados usando:
configTime(gmtOffset_sec, daylightOffset_sec, ntpServer);Brilho automático dia/noite
O brilho muda automaticamente com base na hora atual:
const int DAY_BRIGHTNESS = 40;
const int NIGHT_BRIGHTNESS = 5;
const int NIGHT_START_HOUR = 22;
const int NIGHT_END_HOUR = 6;Entre 22h e 6h, a matriz diminui para reduzir o brilho. Durante as horas do dia, o brilho normal é restaurado.
Efeito de cor arco-íris
Este projeto utiliza uma roda de cores RGB clássica para gerar cores de arco-íris suaves. Cada caractere é desenhado com um leve desvio de cor, e as cores mudam ao longo do tempo, produzindo uma animação de arco-íris fluida.
// 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);
}À medida que o texto rola, cada caractere avança pelo espectro RGB, criando um efeito arco-íris contínuo que parece especialmente impressionante no pequeno display de 8×8.
Comportamento da exibição de hora e data
O relógio mantém buffers separados para hora e data:
- Tempo:
HH:MM - Data:
MMM DD(for exampleJAN 08)
A data é mostrada em um intervalo fixo:
const uint32_t dateIntervalMs = 60000; // Show date every 1 minuteNo final de cada ciclo completo de rolagem, o código decide se continua mostrando a hora ou se troca para a data.
Lógica de rolagem em uma matriz 8×8
Porque o display tem apenas 8 pixels de largura, o texto rola suavemente da direita para a esquerda. Assim que o texto sai completamente da tela, o cursor é reiniciado e o próximo conteúdo (hora ou data) é carregado para a próxima passagem.
Demonstração
Após fazer o upload do esboço e ligar a placa via USB-C:
- O ESP32-S3 conecta-se à sua rede Wi-Fi.
- O tempo é sincronizado pela internet.
- O tempo rola para dentro
HH:MMformato - A data aparece periodicamente.
- Todo o texto é exibido com um suave efeito arco-íris animado.
- A tela escurece automaticamente à noite e clareia durante o dia.
Downloads e links
O código-fonte completo é fornecido abaixo deste artigo. Ferramentas e referências úteis, incluindo o Seletor de Cores RGB, também estão vinculadas abaixo deste artigo.
Este tutorial é parte de: Matriz de LEDs RGB ESP32-S3
- Projetos de Matriz de LED RGB ESP32-S3 (Jogo de Inclinação, Texto, Seta, Demonstração WiFi)
- Projeto de Matriz de LED RGB ESP32-S3 2 - Texto Rolante
- Projeto de Matriz LED RGB ESP32-S3 3 - Texto do telefone móvel
- Projeto de Matriz LED RGB ESP32-S3 4 - Ponto Inclinado
- Projeto de Matriz de LED RGB ESP32-S3 5 - Setas sempre para cima
- Projeto de Matriz de LED RGB ESP32-S3 6 - Jogo de Cible
- Projeto de Relógio Básico ESP32-S3 Matriz de LED RGB Wi-Fi + Relógio NTP -1
- Projeto de Relógio da Internet com Matriz de LED RGB ESP32-S3 - Exibição de Hora e Data em Multi Cor para 2 Relógios
- Projeto de Relógio da Internet com Matriz de LED RGB ESP32-S3 - 3 Cores Noturnas com Data
- Projeto de Relógio de Internet com Matriz de LED RGB ESP32-S3 - 4 Cores Aleatórias
- Teste de Matriz de LED RGB ESP32-S3 para configuração RGB, GRB
/*
* =====================================================================================
* 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();
}
}
Recursos e referências
-
Vídeo
-
InternoFerramenta de seleção de coresrobojax.com
Arquivos📁
Arquivo Fritzing
-
esp32-S3-supermini-tht peça fritzing
esp32-S3-supermini-tht.fzpz0.02 MB