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 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.
These are wonderful!
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
TIL - this is very cool. It looks like somebody actually put together a wari-koma (temporal) watch in 2011 as well.
https://www.masahirokikuno.jp/watches/temporal-hour-watch/
The non-fixed type system per https://ja.wikipedia.org/wiki/%E5%92%8C%E6%99%82%E8%A8%88 was called "futei jihou" (non-fixed time system), same with other sites https://museum.seiko.co.jp/knowledge/relation_16/ . "Temporal hour system" seems like the correct translation.
My guess is that "wari koma" here means basically "separated panels" (wari: broken, koma: panel). Wadokei means (traditional) Japanese timepiece.
If you want to look at some old ones the Seiko museum in Tokyo has a few. Entry is free and I can only recommend it.
Thanks for the tip! The wadokei clocks on the museum's site look incredible.
https://museum.seiko.co.jp/en/collections/traditional_Japane...
Just double checking, but the day and night were each given 6 hours, not 12.
Its one of the best UI/UX I have ever experienced. Really cool man.
Thanks for the kind words!
This is so nice and original! You could easily pitch this to a watch brand to pick up the design and functionality.
Wow, so cool. Looks amazing. You must really like clocks.
I do! Cogsworth is my spirit animal.
Really neat! Is this built through react?
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.
i love the pi clock
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.
So cool!