4 ms·
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 playe
by allenu 4y ago
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.
[1] https://mastodon.social/@allenu/109952125506805902 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.
- social_quotient 4y agoWhat do you think makes them feel heavy? I agree but I can’t put my finger on what it might be.
- allenu 4y agoIt'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.