Open Source Flipper Zero, Thread, Matter, and Zigbee on ESP32, Arduino go Zephyr, and more!

0:00:00 / -

Watch now on YouTube Watch now

Neopixel Clock

Made by ElectroPoint / Clocks / Displays / Lights / Wearables / IoT

About the project

ESP8266-based analog internet clock using WS2812b individually addressable RGB LEDs.

Project info

Difficulty: Moderate

Platforms: Espruino, Everything ESP, NeoPixel, NodeMCU

Estimated time: 1 hour

License: GNU General Public License, version 3 or later (GPL3+)

Items used in this project

Hardware components

	SMD LED RGB WS2812B Strip of 10	x 12
	ESP8266 Serial WIFI Module	x 1

Story

EspRing is a 12 bit neopixel ring using ws2812b RGB LEDs and to control the LEDs there is an ESP 12E module builtin. So basically you'll get a neopixel ring which has a onboard microcontroller. Since WS2812B leds are individually addressable so we just need only one data pin from the microcontroller along with VCC and GND to run tons of such LEDs. As the name implies we can even control the colour and the brightness of each pixels. You can assign different colors to each pixels and create mesmerizing animations and effects with it. Since the module has wifi accessibility on it, so you can change the effects or reprogram it over the air, without touching the module. It has voltage regulator to step down 5v to 3.3v for esp8266.

So, the ESP module connects to the wifi network and fetch the current time from the NTP server. note that you need to change the GMT offset accordingly in order to get the local time of your place. There is 12 LEDs on the board which are connected to GPIO 5. In order to visualize time I choose different colors for HOUR, MINUTE and SECOND.

After getting the time we need to divide Minute and Second by 5 because we have 12 leds and 60/5=12. The hour is in 24h format so we need to change that too.

Finally I set the colors for the LEDs according to the time. which can be change easily.

Watch the built vieo

Schematics, diagrams and documents

annotation_(2)_ezz1CrwmrB.png

Code

EspRing Clock

#include <ESP8266WiFi.h>
#include <Adafruit_NeoPixel.h>
#include <WiFiUdp.h>
#include <NTPClient.h>          // include NTPClient library
#include <TimeLib.h>            // include Arduino time library

// set Wi-Fi SSID and password
const char *ssid     = "SSID";
const char *password = "PASSWORD";

WiFiUDP ntpUDP;
// 'time.nist.gov' is used (default server) with +1 hour offset (3600 seconds) 60 seconds (60000 milliseconds) update interval
NTPClient timeClient(ntpUDP, "time.nist.gov", 19800, 60000); //GMT+5:30 : 5*3600+30*60=19800

#define PIN        5
#define NUMPIXELS  12
Adafruit_NeoPixel pixels(NUMPIXELS, PIN, NEO_GRB + NEO_KHZ800);

int Second, Minute, Hour, hour_;

int period = 1000;
unsigned long time_now = 0;

void setup(void)
{
  Serial.begin(115200);
  delay(10);
  pixels.begin();
  pixels.clear();
  for (int i = 0; i < 12; i++) {
    pixels.setPixelColor(i, pixels.Color(  0,   0,   0)); //Black
  }
  pixels.show();
  WiFi.begin(ssid, password);

  Serial.print("Connecting.");

  while ( WiFi.status() != WL_CONNECTED )
  {
    delay(500);
    Serial.print(".");
  }

  Serial.println("connected");
  timeClient.begin();
  delay(10);
}


void loop()
{
  if (WiFi.status() == WL_CONNECTED)  // check WiFi connection status
  {
    timeClient.update();
    unsigned long unix_epoch = timeClient.getEpochTime();   // get UNIX Epoch time
    Second = second(unix_epoch) / 5;      // get seconds from the UNIX Epoch time
    Minute = minute(unix_epoch) / 5;    // get minutes (0 - 59)
    hour_   = hour(unix_epoch);        // get hours   (0 - 23)

    if (hour_ > 12) {
      Hour = hour_ - 12;
    }
    else
      Hour = hour_;

    while (millis() > time_now + period) {
      time_now = millis();
      pixels.clear();
      pixels.setPixelColor(Second, pixels.Color(  0,   0, 32)); // Blue
      pixels.setPixelColor(Second - 1, pixels.Color(  0,   0, 16)); // Bluee
      pixels.setPixelColor(Second - 2, pixels.Color(  0,   0, 8)); // Blueee
      pixels.setPixelColor(Minute, pixels.Color(  0, 128,   0)); // Green
      pixels.setPixelColor(Hour, pixels.Color(128,   0,   0)); // Red
      pixels.show();
    }
  }
}

Credits

ElectroPoint

Electronics Engineer, Maker, YouTuber

Shop

Project Hub

Video

Blog

Shop home

3D printing

Single Board Computers

Development kits

Sensors

Internet of things

Robotics

Accessories

Product of the Week

Electromaker Educator

The Electromaker Show

The Electromaker Podcast

Neopixel Clock

About the project

Project info