In the first ever online Animation Hootenanny, an audience member asked if physics engines would ever come to the browser. A physics engine is a concept you might know from game development. It’s a supreme formula that dictates how reactions occur, like how far an object bounces if your character throws it across the room. Such an engine would be useful for interpreting the momentum of a scroll or the bounce back of a failed drag and drop.
Ralph Thomas wrote a fantastic post with demonstrations on applying physics to UI animations. Research shows even infants have a deeply embedded concept of momentum and other physical interactions. Naturally, accomodating and imitating that kind of real world physics may help humans of all ages use digital interfaces more intuitively. Sadly, a genuine physics engine isn’t likely to become a baked-in browser feature with an API just yet.
But I am curious, how do you build physics into your UI ecosystems? I’d love to know if anyone’s had experience creating such a thing.