DEV Community

Cover image for Creatively Display Time

Creatively Display Time

This is a creative coding challenge to display the time in as creative a way as you can come up with. It doesn't even have to look like a clock! You could display the time using Emoji, or build a clock in Conway's Game of Life, or think about what kind of clock aliens might use.

Here's my entry

Top comments (8)

Collapse
 
dwd profile image
Dave Cridland

github.com/dwd/about-time

So this one was an interesting challenge to write. It's a clock widget for Android (you can buy it in the store), but instead of graphically or numerically representing the time, it tells you. Right now, my phone says it's "Just gone twenty-five to twelve in the afternoon" - which goes to show it's a lot harder to get this right that you might have thought (I'd never noticed that bug before).

Worse, I had the crazy idea that I should internationalize it, and found out all sorts of things about how the Dutch and Germans say the time.

But it's quite fun.

Collapse
 
ben profile image
Ben Halpern

Nice

Collapse
 
moopet profile image
Ben Sinclair

Nothing's ever going to beat the human clock, the best I could do is replicate that... or cheat and render it in a frame.

Collapse
 
ben profile image
Ben Halpern

That is amazing

Collapse
 
elabraha profile image
Eliana Abraham

Reminds me of this installation piece that was in nyc a few years ago. en.m.wikipedia.org/wiki/The_Clock_...

Collapse
 
ben profile image
Ben Halpern

I'd love to see someone create the Union Square Metronome in code

Collapse
 
developerdylan profile image
Dylan • Edited

Did someone say the Union Square Metronome in code? I was browsing dev.to last night, saw this idea and thought it would be fun to try it out. :D

... looks like Codepen doesn't like my attempts at vertical alignment. This clock uses your device's timezone rather than the New York timezone. Would be great to hear your thoughts!

Collapse
 
coffeeturtle1 profile image
Joe • Edited

Just come across this but this is my attempt: coffeeturtle1.github.io/hexadecima...