Regarder sur YouTube

Projet d'horloge Internet avec matrice LED RGB ESP32-S3 - 5 couleurs arc-en-ciel

Horloge Internet ESP32-S3 avec effet de couleur arc-en-ciel

Ce projet est une horloge Internet RGB Matrix ESP32-S3 qui se connecte au Wi-Fi, synchronise l'heure locale à partir d'un serveur NTP et défile l'heure dansHH:MMformat sur la matrice RGB NeoMatrix 8×8 intégrée. Contrairement aux versions de couleur unie ou aléatoire, cette horloge utilise une transition fluideeffet de couleur arc-en-ciel, où chaque caractère se déplace en continu à travers le spectre RGB pendant qu'il défile. L'horloge affiche également périodiquement la date et ajuste automatiquement la luminosité entre le jour et la nuit.

Comment fonctionne cette horloge

Une fois alimenté par USB-C, l'ESP32-S3 se connecte à votre réseau Wi-Fi et récupère l'heure locale actuelle depuis Internet. L'affichage défile normalement l'heure, mais à un intervalle défini, il passe pour afficher la date. L'heure et la date sont toutes deux affichées à l'aide d'un effet arc-en-ciel dynamique, créant un affichage vivant et animé sur la petite matrice 8×8.

Bibliothèques utilisées

Le croquis repose sur les bibliothèques suivantes :

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

InstallerAdafruit NeoMatrixen utilisant le Gestionnaire de Bibliothèques Arduino. Ses dépendances, y comprisAdafruit GFX LibraryetAdafruit NeoPixel, sera installé automatiquement.

Configuration utilisateur importante

Broche de données de matrice (matrice RGB intégrée)

Bien que la matrice RGB soit attachée à la carte ESP32-S3, la broche de données doit toujours être définie dans le code :

#define MATRIX_PIN 14

Le GPIO 14 est couramment utilisé sur les cartes matricielles RGB ESP32-S3. Si votre variante de carte utilise une broche différente, mettez à jour cette valeur.

SSID Wi-Fi et mot de passe (sensible à la casse)

Remplacez les informations d'identification Wi-Fi par les détails de votre propre réseau :

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

Important :Les SSID Wi-Fi sontsensible à la casse. Un SSID nommé"Book"n'est pas la même chose que"book"Si la capitalisation ne correspond pas exactement, l'ESP32-S3 échouera à se connecter.

Serveur NTP, fuseau horaire et heure d'été

L'horloge synchronise l'heure en utilisant un serveur NTP sur Internet :

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

L'heure locale est calculée en utilisant ces décalages :

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

• gmtOffset_secdécalage UTC en secondes (exemple : UTC-5 =-5 * 3600)
• daylightOffset_sec: Utiliser3600si le DST est actif, ou0s'il n'est pas utilisé

Ces valeurs sont appliquées en utilisant :

configTime(gmtOffset_sec, daylightOffset_sec, ntpServer);

Luminosité automatique jour/nuit

La luminosité change automatiquement en fonction de l'heure actuelle :

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

Entre 22 h et 6 h, la matrice s'assombrit pour réduire l'éblouissement. Pendant les heures de jour, la luminosité normale est rétablie.

Effet de couleur arc-en-ciel

Ce projet utilise une roue de couleurs RGB classique pour générer des couleurs arc-en-ciel douces. Chaque caractère est dessiné avec un décalage de couleur légèrement différent, et les couleurs évoluent au fil du temps, produisant une animation arc-en-ciel fluide.

// 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);
}

Alors que le texte défile, chaque caractère progresse à travers le spectre RGB, créant un effet arc-en-ciel continu qui est particulièrement impressionnant sur le petit affichage 8×8.

Comportement d'affichage de l'heure et de la date

L'horloge maintient des tampons séparés pour l'heure et la date :

• Temps : HH:MM
• Date : MMM DD(par exempleJAN 08)

La date est affichée à un intervalle fixe :

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

À la fin de chaque cycle de défilement complet, le code décide s'il doit continuer à afficher l'heure ou passer à la date.

Logique de défilement sur une matrice 8×8

Parce que l'affichage ne fait que 8 pixels de large, le texte défile en douceur de droite à gauche. Une fois que le texte a complètement quitté l'écran, le curseur se réinitialise et le prochain contenu (heure ou date) est chargé pour le passage suivant.

Démonstration

Après avoir téléchargé le croquis et alimenté la carte via USB-C :

• L'ESP32-S3 se connecte à votre réseau Wi-Fi.
• L'heure est synchronisée à partir d'Internet.
• Le temps défile.HH:MMformat
• La date apparaît périodiquement.
• Tout le texte est rendu avec un effet arc-en-ciel animé et fluide.
• L'affichage s'assombrit automatiquement la nuit et s'éclaire pendant la journée.

Téléchargements et liens

Le code source complet est fourni ci-dessous cet article. Des outils et références utiles, y compris le sélecteur de couleurs RGB, sont également liés ci-dessous cet article.

Images

ESP32 S3 Matrix

ESP32 S3 Matrix pin out

ESP32-S3_RGB_8x8_matrix-3

ESP32-S3_RGB_8x8_matrix1

ESP32-S3_RGB_8x8_matrix-2

ESP32-s3_internet_clock_animation

ESP32 S3 Matrix

ESP32 S3 Matrix pin out

ESP32-S3_RGB_8x8_matrix-3

ESP32-S3_RGB_8x8_matrix1

ESP32-S3_RGB_8x8_matrix-2

ESP32-s3_internet_clock_animation