years ago in Japan daylight and nighttime were each given 12 hours and clocks were made to adhere to this ... throughout the year as summer days grew longer and nighttime shorter their clocks adjusted to make an hour longer or shorter self adjusting
Thanks! It's actually just mostly vanilla HTML, CSS3, and Tailwind. I used ThreeJS for the solar clock, 3d euclidean clock and the water clock, and MatterJS to handle the physics for the marble based clock.
Thanks perilunar - I see from your profile you're a clock enthusiast as well! I'm starting to think we should start an HN web ring for clocks.
A bit of feedback for your sun clock: since it asks for my location, by the time I clicked “Allow,” it had already timed out while trying to get the location. You may want to have it continuously check for permission changes and then initialize the sunrise and sunset features once access is granted. Cheers!
Thanks that was a fun one to work on! I initially had it working at the second level HH:MM:SS but the zooming in and out on the canvas every second gave people whiplash.
I wonder if you could find all the seconds in the region around the HH:MM time — or more to the point, how much do you need to zoom out to find the nearest SS pair?
Then you could keep the HH:MM time centered as it is now, but highlight the nearest SS each second.
That's a good idea! It would make that sixty seconds a little bit more engaging instead of just hanging around on one time and having to wait before it zooms out to find the next HH:MM combination.
I had initially set it up to go for each second, but it was physically giving me whiplash.