このチュートリアルはの一部です: ESP32-S3 RGB LEDマトリックス
ESP32-S3 RGBマトリックスモジュールを使って、楽しく実用的なアプリケーションを作成するためのクールなプロジェクトです。他のビデオへのリンクはこの記事の下にあります。
ESP32-S3 RGB LEDマトリックスインターネット時計プロジェクト - 5つの虹色
ESP32-S3インターネット時計 彩色効果付き
このプロジェクトは、Wi-Fiに接続し、NTPサーバーからローカル時間を同期し、時間をスクロール表示するESP32-S3 RGBマトリックスインターネット時計です。HH:MMビルトインの8×8 RGB NeoMatrix全体にフォーマットします。ソリッドまたはランダムカラーのバージョンとは異なり、この時計はスムーズな使用をしています。虹色効果各文字はスクロールする際にRGBスペクトルを通じて連続的にシフトします。時計は定期的に日付も表示し、昼と夜の間で自動的に明るさを調整します。

この時計の動作原理
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>インストールアダフルート・ネオマトリックスArduinoライブラリマネージャーを使用しています。その依存関係には、含まれていますAdafruit GFX LibraryとAdafruit NeoPixel自動的にインストールされます。

重要なユーザー設定
マトリックスデータピン(内蔵RGBマトリックス)
RGBマトリックスはESP32-S3ボードに接続されていますが、データピンはコード内で定義する必要があります。

#define MATRIX_PIN 14GPIO 14は、ESP32-S3 RGBマトリックスボードで一般的に使用されます。使用しているボードのバリアントが異なるピンを使用している場合は、この値を更新してください。
Wi-Fi SSID とパスワード(大文字と小文字を区別)
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使う3600DSTがアクティブである場合、または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フォーマット - 日付は定期的に表示されます。
- すべてのテキストは、滑らかにアニメーションする虹の効果で表示されます。
- 画面は自動的に夜になると暗くなり、昼間は明るくなります。
ダウンロードとリンク
この記事の下に完全なソースコードが提供されています。RGBカラーピッカーを含む便利なツールや参考資料もこの記事の下にリンクされています。
このチュートリアルはの一部です: ESP32-S3 RGB LEDマトリックス
- ESP32-S3 RGB LEDマトリックスプロジェクト(傾斜ゲーム、テキスト表示、矢印表示、WiFiデモ)
- ESP32-S3 RGB LEDマトリックスプロジェクト 2 - スクロールテキスト
- ESP32-S3 RGB LEDマトリックスプロジェクト3 - 携帯電話からのテキスト
- ESP32-S3 RGB LEDマトリックスプロジェクト4 - 傾斜ドット
- ESP32-S3 RGB LEDマトリックスプロジェクト5 - 矢印は常に上向き
- ESP32-S3 RGB LEDマトリックスプロジェクト6 - Cibleゲーム
- ESP32-S3 RGB LEDマトリックス Wi-Fi + NTP時計プロジェクト -1 基本時計
- ESP32-S3 RGB LEDマトリックスインターネット時計プロジェクト - 2つの時計の多色時間と日付の表示
- ESP32-S3 RGB LEDマトリックスインターネット時計プロジェクト - 3つの夜間カラーと日付
- ESP32-S3 RGB LEDマトリックスインターネット時計プロジェクト - 4つのランダムカラー
- ESP32-S3 RGB LEDマトリックステスト 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();
}
}
リソースと参考文献
-
ビデオESP32-S3 RGB LEDマトリックスインターネット時計プロジェクト短編動画youtube.com
-
内部カラー選択ツールrobojax.com
ファイル📁
フリッツィングファイル
-
esp32-S3-supermini-tht フリッツィングパーツ
esp32-S3-supermini-tht.fzpz0.02 MB