Ancestors

Toot

Written by LittleFrank on 2024-11-16 at 22:18

@christianp I loved your Binary Clock so much, I reverse-engineered my own version in Processing. I hope you don't mind!

My version is timed to "finish" at the end of the year (with a special treat for anyone watching).

The outer hand actually does 1.8 laps per year, so it does one sync-up in June and there's a bit of a jump in January to prepare for the next year.

https://stevepaget.github.io/processingFun/binclock.html

(You're credited in the ?)

=> More informations about this toot | More toots from LittleFrank@mas.to

Descendants

Written by Christian Lawson-Perfect on 2024-11-17 at 04:47

@LittleFrank cool!

=> More informations about this toot | More toots from christianp@mathstodon.xyz

Written by Tarim on 2024-11-20 at 12:39

@christianp @LittleFrank Thoroughly nerd sniped by this - it lead me to a couple of questions:

Can it be done without jumps at any transition?

Can it be done with CSS animations in a browser?

Yes it can :)

https://binaryclock.mediaplaygrounds.co.uk

=> More informations about this toot | More toots from Tarim@mathstodon.xyz

Written by Tarim on 2024-11-20 at 12:40

@christianp @LittleFrank

Instead of using a minimum hand sweep time of 1 second and multiplying by 2 - divide the largest duration by 2 for each hand until it is less than 1 second.

This means the scale may change slightly for each full cycle, e.g. from one month to the next, but the animation remains smooth (well actually not quite, but it is continuous). Works for daylight saving time and leap years.

The length of each animation is the time it takes for a revolution of that hand - skipped forward to the current time. Impressed that CSS animations work over those time-scales.

Liking how the hands line up at 1/3 and 2/3 of the time period. (Is it related to 1/3 in binary being .01(01) recurring?)

If you want to play; you can adjust the "current time" in the controls to see the transitions.

Bugs - it's time/calendar stuff so there are bound to be!

Surprisingly the animation at the last millennium change looks right - but the range doesn't update, at least in Firefox. (Is Javascript using a float for the start of the previous millennium in 1000ce?)

=> More informations about this toot | More toots from Tarim@mathstodon.xyz

Written by Christian Lawson-Perfect on 2024-11-20 at 12:54

@Tarim cool! CSS animations are really powerful :)

=> More informations about this toot | More toots from christianp@mathstodon.xyz