Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature] Better animations, transitions and loading animations #467

Closed
1 task done
KRTirtho opened this issue Apr 8, 2023 · 1 comment
Closed
1 task done

[Feature] Better animations, transitions and loading animations #467

KRTirtho opened this issue Apr 8, 2023 · 1 comment
Labels
deployed This issue has been fixed/implmented and has been released enhancement New feature or request UI A suggestion/bug report of a UI element
Milestone

Comments

@KRTirtho
Copy link
Owner

KRTirtho commented Apr 8, 2023

Is there an existing issue for this?

  • I have searched the existing issues

Pain

Currently,

  • The transitions are terrible as Spotube currently uses Material You (Material 3.0) page transitions which are jittery and laggy.
  • There's literally no animation in the app, everything is super boring
  • The loading animations straight sucks

Suggested solution

Transitions:

  • We could ditch regular transitions offered by material_ui or start to utilize material Hero animations
  • Use slide up animations for bottom sheets (confusing as to why material ui doesn't do this by default)
    • Mobile Player pull up/down animation that is fluid with touch
    • Queue up/down animation that is fluid with touch
    • Mobile Lyrics modal fluid up/down animation
    • Alternative track source fluid up/down animations

Loading Animations:

  • Loading animations straight up sucks, replace them with some good rive.app animations
  • Playlist/album character/mascot based loading animation

UI Animations:

  • Introduce friendly animation for the empty lists/page
  • Subtle UI animations for heart/favorite, download button
  • Play/pause button icon animation
  • Donate button animations

Useful resources

Additional information

This is a big task, will be executed best if helped by some passionate animator/artist

@KRTirtho KRTirtho added the enhancement New feature or request label Apr 8, 2023
@KRTirtho KRTirtho moved this to Backlog in Spotube Board Apr 8, 2023
@KRTirtho KRTirtho added this to the Version 3.0.0 milestone Apr 8, 2023
@KRTirtho KRTirtho added the UI A suggestion/bug report of a UI element label Apr 8, 2023
@KRTirtho KRTirtho moved this from Backlog to In progress in Spotube Board Jun 18, 2023
@KRTirtho KRTirtho moved this from In progress to Done in Spotube Board Jul 2, 2023
@RaptaG
Copy link
Contributor

RaptaG commented Jul 2, 2023

Fixed in 3.0.0

@RaptaG RaptaG closed this as completed Jul 2, 2023
@RaptaG RaptaG moved this from Done to Deployed in Spotube Board Jul 2, 2023
@RaptaG RaptaG added the deployed This issue has been fixed/implmented and has been released label Jul 2, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
deployed This issue has been fixed/implmented and has been released enhancement New feature or request UI A suggestion/bug report of a UI element
Projects
Status: Deployed
Development

No branches or pull requests

2 participants