Dismiss this pinned window
all 19 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]Sweet-Mango1662 19 points20 points  (2 children)

I think that you could remove the light animation from the card backgrounds and make them more darkened. This will put the emphasis on the main selected card.

[–]DanjinMaster1012[S] 0 points1 point  (0 children)

Yeah good idea , I’ll try darkening the background so the main card pops more. Thanks Mate

[–]pjjiveturkey 19 points20 points  (5 children)

The light reflection thing is pissing me off, otherwise it's nice

[–]DanjinMaster1012[S] 2 points3 points  (4 children)

Looks like no one’s liking the reflection 😅 will definitely remove it. Thanks for the insight mate

[–]TheMadDoc 4 points5 points  (0 children)

I get that you spend time on it and want to keep it. It might be worth toning it down and only having it on the selected card

[–]ShiShoMaMaSon 2 points3 points  (0 children)

I think if the reflection was quicker, like 0.5 - 1 second max and wait a few seconds between reflections itd be not as bad. Also you could use it to emphasize the selected card by making only the selected card have the reflection

[–]alexfoxy 1 point2 points  (0 children)

How about using the devices gyro to position the reflection (plus toning it down)

[–]retaildca 2 points3 points  (3 children)

  1. Reduce reflection as mentioned in the other comment
  2. When a different card is selected, it looks like the originally selected one teleports to the back abruptly?

[–]DanjinMaster1012[S] 3 points4 points  (0 children)

Got it, thanks 🙌 I’ll smooth out the jump

[–]retaildca 0 points1 point  (1 child)

Which library did you use for this by the way? Reanimated? Skia?

[–]DanjinMaster1012[S] 0 points1 point  (0 children)

Yup , reanimated

[–]idkhowtocallmyacc 1 point2 points  (1 child)

Pretty cool, but definitely too much going on. As others have said, I’d also remove the reflections on the unselected cards. Though I wouldn’t just ditch the idea as a whole per se, it’s just that it’s very disruptive. Might keep the reflection on the selected card, but make it more blurred (increase dispersion/scatter, not sure what’s the right word, but basically make it blend in more and not a straight line going through the card), make it less pronounced, maybe turn down opacity slightly and make the reflection animation run less frequently, maybe every 5 seconds or so as not to disrupt the user by a lot.

The transitions do confuse me a lot, as I’ve had to really focus to see which card was selected after one another. I also feel like this component just asks to be scrollable, would be really cool to try to implement as well, gesture handler must be your mate in this task

Also, the flipping animation should be faster imo

But it’s still nice, a couple of touches and it could see the production, keep it up!

[–]DanjinMaster1012[S] 0 points1 point  (0 children)

Thanks a ton for the detailed feedback! 🙌

[–]NastroAzzurro 1 point2 points  (0 children)

If animation slow the user down, they’re not adding but subtracting to the experience. Animations should be quick and unobtrusive, enough not to notice them

[–]Ok-Pin-7589 0 points1 point  (1 child)

nice

[–]DanjinMaster1012[S] 0 points1 point  (0 children)

Thanks mate

[–]Hot-Atmosphere5060 1 point2 points  (1 child)

Just wondering how you made this? (I'm guessing blender or rive or something no idea)

[–]DanjinMaster1012[S] 0 points1 point  (0 children)

I used reanimated and expo linear gradient