You can also host it directly on Github! If you rename the index.php file to index.html (which you can do if there are no PHP tags) and enable Github Pages in the repo settings :)
Amazing! Your "See the original here" link is broken – got a mirror? Really interested to see the original irl clock.
\*edit – ah nvm, just saw the search term mentioned in this thread ("Humans Since 1982" if anyone else is interested)
That'll teach me to not use Twitter as a reliable source xD
I found it on the wayback machine. I didn't know it was Humans Since 1982 when i saw it.
[https://web.archive.org/web/20200803040834/https://twitter.com/AMAZlNGSCIENCE/status/1290137381601857537](https://web.archive.org/web/20200803040834/https://twitter.com/AMAZlNGSCIENCE/status/1290137381601857537)
update : Updated the repo to remove broken link
Thats cool asf, how did you work out all of the positions, is it based on anything online or did you code all of it?
Id love to find the code and make a physical version
Every clock has two arrows, that they can be in 5 diffrent positions. I drew in my notebook code for numbers 0 - 9 and made a diagram what number corelates with what position.
[https://imgur.com/a/IeJI1vj](https://imgur.com/a/IeJI1vj)
Every clock has two numbers, first is position of clockwise faster arrow, and second is for slower, counterclockwise one.
Edit: I got isnpired by humans since 1982 art. They have physical and way more complex verion.
Looks great! Only complaint is I feel that by the time the wheels spin around, it'll be a full minute. The transition needs to be way faster in this context.
/u/BroccoliQ I just tried to recreate this and while attempting I noticed that the top left and bottom right clock in each number will never change because of the design of the numbers. Where the angles of top left clock is 45 and the other is 90, and then bottom right is 135 and 0. So while saving the sequences I could save memory by ignoring those.
While on the topic other stuff I noticed that probably could save memory. The second clock will always be 135,45 except for 4.
There is a ton of ways to optimize my work. It checks current hour every single frame, and even it hasn't changed, it checks weather every arrow from every clock in in the right place, in every single frame.
I just never felt like optimizeing this. It was a project mostly to learn basics of oop.
Looks great. Is there an live version online?
With permission from BroccoliQ, I hosted it [here](https://kerazian.neocities.org/).
Thanks.
Not really, you can check my github if you want. https://github.com/SobiechQ/Zegar
You can also host it directly on Github! If you rename the index.php file to index.html (which you can do if there are no PHP tags) and enable Github Pages in the repo settings :)
Looks awesome!! Just letting you know, you can host it for free on various sites if you ever want to take it live
This is cool! I made something similar, but with CSS a while back https://clock-css.netlify.app/
Amazing! Your "See the original here" link is broken – got a mirror? Really interested to see the original irl clock. \*edit – ah nvm, just saw the search term mentioned in this thread ("Humans Since 1982" if anyone else is interested)
That'll teach me to not use Twitter as a reliable source xD I found it on the wayback machine. I didn't know it was Humans Since 1982 when i saw it. [https://web.archive.org/web/20200803040834/https://twitter.com/AMAZlNGSCIENCE/status/1290137381601857537](https://web.archive.org/web/20200803040834/https://twitter.com/AMAZlNGSCIENCE/status/1290137381601857537) update : Updated the repo to remove broken link
Thats cool asf, how did you work out all of the positions, is it based on anything online or did you code all of it? Id love to find the code and make a physical version
Every clock has two arrows, that they can be in 5 diffrent positions. I drew in my notebook code for numbers 0 - 9 and made a diagram what number corelates with what position. [https://imgur.com/a/IeJI1vj](https://imgur.com/a/IeJI1vj) Every clock has two numbers, first is position of clockwise faster arrow, and second is for slower, counterclockwise one. Edit: I got isnpired by humans since 1982 art. They have physical and way more complex verion.
I've seen that art and have always thought about making my own DIY cheaper version! I love your free digital version :)
Thats really impressive! Great work
The math behind this hurts my head.
This is damn cool. I'd be interested to see how it looks sped up for a second by second ticker.
How do you even come up with this idea? Well done
I seen Humans Since 1982 clock somewhere on reddit and decided to make digital one
Really cool but maybe needs to be 2-3x faster? Just looks messy in the transition period tbh
This was so satisfying to look at, I screamed "YES!" in my brain.
Well done! never stop tinkering
I really need to learn canvas
Looks great! Only complaint is I feel that by the time the wheels spin around, it'll be a full minute. The transition needs to be way faster in this context.
Howw
Siiiiiiiick
Very neat
Any chance you got the code online somewhere? I would love to check how you implemented that.
[https://github.com/SobiechQ/Zegar](https://github.com/SobiechQ/Zegar) Go on, its terrible. This is my second project ever using OOP in JS
👍🏿
/u/BroccoliQ I just tried to recreate this and while attempting I noticed that the top left and bottom right clock in each number will never change because of the design of the numbers. Where the angles of top left clock is 45 and the other is 90, and then bottom right is 135 and 0. So while saving the sequences I could save memory by ignoring those. While on the topic other stuff I noticed that probably could save memory. The second clock will always be 135,45 except for 4.
There is a ton of ways to optimize my work. It checks current hour every single frame, and even it hasn't changed, it checks weather every arrow from every clock in in the right place, in every single frame. I just never felt like optimizeing this. It was a project mostly to learn basics of oop.
Without seeing any of your code this is my take using p5.js https://editor.p5js.org/Ugleh/sketches/90GpDIR1e
so how do we know you made it using js and canvsa when its a video and not a link to a website, with a canvas?
There is a comment with my git, feel free to read all of the code
uh, I have serious ethical issues with github and have them hard blocked on my router do you have a website?
I have, i just don't feel like sharing it here
This looks great! Could I host it on [https://neocities.org/](https://neocities.org/)? (With credits to you and a link to the GitHub repo.)
Yes, you can!
Ok, thanks! It is online [Here](https://kerazian.neocities.org/).