Really cool stuff. I like how "heavy" the cards feel during the animation.
I've been working on something similar, but for arbitrary index card notes and played around with some very basic animations. You can see a quick video of it here [1]. After I got a basic prototype working, there was just something satisfying about collecting all the cards, shuffling them, and then re-distributing them into a grid.
I noticed that deck.of.cards doesn't have a flip animation, but maybe that's a good thing. The typical animation you see when a card is just flipped by rotating about one of the axes just "feels" wrong to me. It breaks the illusion somehow, but maybe there's a better way to do it.
It's probably the easing function and the fact that cards sort of snap to their final positions and hang out there briefly before moving again, such as in the shuffle animation. It gives them a feeling of friction you wouldn't get if they just moved right away.
I've been working on something similar, but for arbitrary index card notes and played around with some very basic animations. You can see a quick video of it here [1]. After I got a basic prototype working, there was just something satisfying about collecting all the cards, shuffling them, and then re-distributing them into a grid.
I noticed that deck.of.cards doesn't have a flip animation, but maybe that's a good thing. The typical animation you see when a card is just flipped by rotating about one of the axes just "feels" wrong to me. It breaks the illusion somehow, but maybe there's a better way to do it.
[1] https://mastodon.social/@allenu/109952125506805902
Edit: You may need to hover over the GIF in the link to get the animation to start. Kind of unexpected behavior.