Reversed Time Progress Bar Wall Clock

by soroushmpour in Living > Decorating

579 Views, 15 Favorites, 0 Comments

Reversed Time Progress Bar Wall Clock

C3EC202A-AEE0-4DA7-B74A-26DCDE5AEB6D_1_201_a.jpg
Reversed Time Progress Bar Wall Clock

We aimed to create a visual way to track the passage of a day, showing how much time has passed and how much remains. Imagine a wall-mounted bar in your workspace that displays your remaining "glass of time" for the day. This visual cue can boost productivity by highlighting the time left.

This guide will help you create a unique wall clock named "Reversed Time Progress Bar". Designed like a progress bar, this clock uses LEDs to display the passing of time backward, encouraging productivity by visually representing how much time remains in the day.

Supplies

2A30193F-C799-4C7A-ADBD-7EF3CF677043_1_105_c.jpeg

ESP32-WROVER microcontroller

58-LED strip with WS2812B chip

3D printer and transparent white PLA filament

Soldering kit

Wires and connectors

Design and Print the Clock Case

Screenshot 2024-05-20 at 12.41.26 PM.png
0C2E944E-120B-44A6-B6AD-736AE1974B27_1_105_c.jpeg
7FF3FD73-6F96-4DC7-B61D-2574E9AFA64B_1_201_a.jpg
D2BCAAFD-ADEB-47C3-AD9B-34C0D5852724_1_201_a.jpg
  1. Design the clock case in Fusion 360, ensuring it fits within your 3D printer's build volume.
  2. Print the case in parts using a Prusa MK3 3D printer with transparent white PLA filament.
  3. Assemble the printed parts into a single clock case.

We added a row for mounting the top cap and created space at the bottom for the circuits and plug. The modular design allows each section to fit into the next, making the frame expandable or reducible.

We initially considered shaded glass or plexiglass but anticipated rattling issues. Instead, we designed an integrated body and cap with a hashed front view and printed it using white transparent filament.

Downloads

Assemble the Hardware

9F934F77-FAB8-4FEE-A698-438EEE29DC19_1_201_a.jpg
94FEB1E1-C73E-4014-B4BD-5EEB8F479258_1_201_a.jpg
658BE8F5-344E-40E1-BCE5-B04FBFFB1C5A_1_201_a.jpg
  1. Insert the LED strip into the clock case.
  2. Pass the wires through the holes to the back of the clock.
  3. Solder the wires to the ESP32 microcontroller.

Initially, we considered discrete LEDs, but this limited design options. Instead, we found a WS2812B LED strip on Amazon, controllable with a data wire and two power wires.

For power, we used a 5V 2A Apple adapter and a microUSB2 cable. We powered the LED strip directly from the development board, though a future upgrade could include a voltage regulator for consistency with different LED lengths.

Program the ESP32

Screenshot 2024-05-20 at 3.27.26 PM.png
123D8359-F479-45C8-9D51-21B9B0908486_1_201_a.jpg
F51FA86B-D70E-4EA3-8691-8F1279FB9DDC_1_201_a.jpg
  1. Connect the ESP32 to your computer and open the Arduino IDE.
  2. Install necessary libraries: Adafruit_NeoPixel and WiFi.
  3. Upload the provided Arduino code to the ESP32.
  4. The code connects to WiFi, fetches the current time from an NTP server, and updates the LED strip each second.

Downloads

Final Assembly

C60AFDCA-A4C6-4149-ACBE-6E389365D5D5_1_201_a2.jpg
Reversed Time Progress Bar Wall Clock
  1. Secure the ESP32 and wires inside the clock case.
  2. Close the case and ensure all components are fixed securely.