This is wonderful and I can't wait to go through his other articles.
It reminded me a lot of: https://acko.net/blog/animate-your-way-to-glory/
Gears
21–30 of 230 posts
Re: Gears
#22> Almost by definition, the second hand of a clock rotates at 1 rpm Minute hand, surely ;)
Second hand: 1RPM
Minute hand: 1RPH
Hour hand: 2RPD
Re: Gears
#23For the author: adding support for touch events, or using normal HTML sliders would be helpful.
Re: Gears
#24This may be a stupid question, but it is something I always wondered.
Torque is effective due to the mass of the lever having a force applied to it, right? Is the length of the lever being used as a stand-in for the mass being affected (a longer lever would necessarily have more mass)? If the lever had no mass, would there be no torque? If the lever did not have a uniform mass distribution, would the difference in applied torque differ based on where on the lever you applied the force (is the derivative of torque with respect to mass not constant for a non-uniform mass distribution)?
Re: Gears
#25[deleted]
Re: Gears
#26The illustrations are what draws attention and they are very nice and informative. In context of parallel HN discussion¹ on merits of animated SVG, I consider it a loss for open standards that these animations are not made in SVG. If you try to inspect this page, the design and animation is hidden behind canvas and some (nicely written BTW) imperative javascript. It is hard to replicate, and hard to compose with othe…
It's really funny you mentioned the other discussion because that's what I immediately thought when I looked at this page: that's a great use of SVG animations.
It's why I made this comment in response to a UX designer (many people on the thread seem to think that SVG animations are mainly for animating UX components): "There are whole worlds of use-cases outside the very restricted design paradigm you're describing."
Re: Gears
#27This is great! The visual representation of rotation speed at each point makes a confusing subject much clearer. Is anyone familiar with the gear wars? I know it wasn't all about the gears, but I would love to get more insight into it
Re: Gears
#28The illustrations are what draws attention and they are very nice and informative. In context of parallel HN discussion¹ on merits of animated SVG, I consider it a loss for open standards that these animations are not made in SVG. If you try to inspect this page, the design and animation is hidden behind canvas and some (nicely written BTW) imperative javascript. It is hard to replicate, and hard to compose with othe…
I personally disagree with people who disable JS and expect the web to continue working as expected, but one of the other downsides of using Canvas for such animations is that there is no good way of exposing that animation to screen readers. Some projects get around this by having an accessibility layer in DOM that overlays the Canvas which renders the actual animations (e.g. https://proxx.app/), but I imagine that a11y animated SVGs would be a better approach here (if they were easier to create).
Re: Gears
#29Nicely done! It kind of reminds me of this old video: How Differential Steering Works (1937)
Re: Gears
#30This may be a stupid question, but it is something I always wondered. Torque is effective due to the mass of the lever having a force applied to it, right? Is the length of the lever being used as a stand-in for the mass being affected (a longer lever would necessarily have more mass)? If the lever had no mass, would there be no torque? If the lever did not have a uniform mass distribution, would the difference in ap…
No, the mass of the object that has a force applied to it has absolutely nothing to do with the torque.
Here is how Wikipedia defines the torque caused by a force acting on an object with a rotation axis: Torque is the product of the magnitude of the force and the perpendicular distance of the line of action of force from the axis of rotation.