Morphing Digital Clock Will Show You A Good Time

A few weeks ago, [HariFun] set out to emulate a 7-segment display with an LED matrix. Seems easy enough, right? Right. He also wanted to come up with a new way to transition between digits, which is a much harder task. But he did it, and it’s really cool. At a viewer’s suggestion, [Hari] used the transition as the basis for a mesmerizing clock that brings the smooth sweep of an analog second-hand into the digital age.

This is the coolest way to watch the time pass since the hourglass. You can almost hear the light move as one digit slides into the next. Each transition is totally unique, so depending on the digit this involves one or more vertical segments sliding from right to left, or multiple segments moving in a counter-clockwise circle.

You too can watch time glide by with little more than a 64×32 RGB LED matrix, a NodeMCU, and [Hari]’s digit transition code. It only costs about $25 to build, and you really can’t beat the quality of instruction he’s put together. Take a second or two and check it out after the break.

If you prefer OLEDs and vertical transitions, there’s a clock for that, too.

27 thoughts on “Morphing Digital Clock Will Show You A Good Time

  1. That is an excellent visualizatoin! Kudos to [Hari] for coming up with such a pleasing way to present what could have been mundane. This is what I like about our community, the little touches of craftsmanship are so pleasing.

      1. I’m not cbm80Amiga.
        I just recently saw this one and share this other clock concept that i also quite like.
        I should have mentioned in the first place :) I find this both clocks projects fascinating.

  2. Kristina, thanks for sharing my humble project on Hackaday! I was attributing the spike on my YouTube channel to Instructable, but I think true credit goes to you for pointing the large Hackaday readership to my Instructable. So, thank you!
    There are already other makers who commented that they’ve purchased parts to build the clock! It’s very rewarding to inspire other makers. So, thank you again! Live long and make!

  3. Great project and instructable. I’m going to order parts and build! Now out in the open and getting even more attention, perhaps it will grow legs… what else to do with that display… there is plenty of space available for the local weather, Google Calendar, etc. This is inexpensive and really useful.

      1. Nice effect – but there are a couple of things I don’t understand from the instructable. You wire to R0, but the display is blue. And why are the output matrix pins looped back to the inputs? R0-R1 I could understand, but the others?

  4. To my eye the transition time seems dependent on the amount of changes needed to be drawn (it’s observable when the whole display is redrawn when x:59:59 goes to x+1:00:00 vs last-digit-only), therefore I would personally prefer less time consuming transitions or constant-duration transitions instead of code-optimised. For example a wipe-down redrawing of the whole display.

  5. Thanks so much for taking the time to code and document this awesome project. I sent the link to several coworkesr that have children, I think it’d be a great family project.

    I ordered some slightly-different ESP8266s off AliExpress but there seems to be something wrong with the wifi on them… Within Arduino I used the board “WeMos D1 R1” which seems to work right (it was the only one that handled the blink code properly) but when I go into config mode I never see the AP show up. Also, the wifi chip on the board seems to get VERY warm… temp of board on backside of wifi chip is about 110F while temp of board near USB port is about 90F. After getting these seemingly defective ones from AliExpress I ordered some ESP8266s off Amazon that look like the ones you had (soldered-on wifi)j.

    1. I made a little progress and figured I’d pass it along. I Googled for ‘”HW-628″ arduino’ (HW-628 is printed on the module) which led to me to this page… This page has pictures of the HW-628 as well as screenshots of the Arduino IDE with the appropriate board chosen (“NodeMCU 1.0 (ESP-12E Module)”). It also shows them using Examples > ESP8266WebServer > HelloServer. I was able to successfully use this example as well as ESP8266WiFi > WiFiAccessPoint. So, it appears the module is function but there may be something funky with WiFiManager.

Leave a Reply

Please be kind and respectful to help make the comments section excellent. (Comment Policy)

This site uses Akismet to reduce spam. Learn how your comment data is processed.