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.

25 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. I tried generalising Hari’s 7-segment matrix display morphs to allow transitions between any arbitrary pair of digits. The extended algorithm can also handle morphs between a small set of alphabet characters that were displayable in 7-segment form.

  4. 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?

  5. 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.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

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