Toot

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 | View the thread | More toots from Tarim@mathstodon.xyz

Mentions

=> View christianp@mathstodon.xyz profile | View LittleFrank@mas.to profile

Tags