Visuals not matching osu!stable

[Reco1I]

We know osu!droid is based on osu!stable but it doesn't look like it, there's things missing or looking different that we should take in consideration:

Globally:

• Android toast should be replaced with a game rendered toast:
• Cursors should be visible on every screen.

Intro screen

• Loading icon and loading process should be removed, consider showing the osu! logo instead.
• Intro animation and main menu animation should be skipped if there's pending beatmaps to import.
• When showing the "Welcome" sprite, the logo spectrum should be fade in blue tinted:

Main screen

• Logo menu should have eased animations when showing/hiding the menu.
• Logo menu should have eased animations when navigating to second set of buttons (for example when pressing play).
• Logo menu buttons should be purple and once clicked tinted to pink with a fade animation.
• Logo spectrum should have a shifting animation based on BPM:

https://github.com/osudroid/osu-droid/assets/103213881/7663845b-9642-436f-8968-95221b43e936

• Logo should have ripples following the beat:

https://github.com/osudroid/osu-droid/assets/103213881/4c44ddf5-9454-4038-b46d-f6b5bd8b2549

• The screen should have a bottom bar with the same size of the top bar.
• The screen should have light shadows on both horizontal sides following the beat.
• Player card should have an "osu!std" icon on the top right side.

• Transition to song menu should have a fade out animation.

  Main screen Now playing layout

  • The title should auto collapse fading out.
  • Additionally an "Show info" button should be added:
• A "Jump to" button should be added, when pressed it should show the following screen:

Settings menu

• It should be an left side panel:
• It should show a preview of the current selected skin:
• Every list selector should be replaced with a dropdown.
• When changing skin there should be a fade out-in animation.

Loading screen to song menu

• It should be shown only if there's beatmaps to be imported.
• "Your beatmaps are being processed" sprite should not be skinnable.
• The background must be the same as the current song background.

Song menu

• When transitioning into the screen there sould be a fade in animation, song list and leaderboard should have a translation animation from its anchors (left for leaderboard and right for song list).

Song menu top bar

• The background sprite should have 100% opacity.
• The background should be skinnable.
• The left side should have an icon indicating the ranking status of the beatmap or rather nothing (in case the status is unknown).
• The beatmap details text should have the following layout:
• Below the beatmap details it should be a dropdown to switch from global to local leaderboards (and possible other leaderboards).
• Right to the leaderboard dropdown there should be a button linking to the selected beatmap site (Chimu or bancho):
• "Sort" option should be a dropdown option in the right side of the top bar:
  • Additionally left to the "Sort" dropdown there should be a second dropdown for the "Group" option:
  • Below "Sort" and "Group" dropdowns there should be a 4 buttons horizontal layout corresponding to 4 combinations of group and sort options values:
  • Search bar should be on the top bar.

Song menu leaderboard

• When loading it should show a loading icon rather than a text.
• Once loaded it should have a sequential bounce animation on every score card.
• Personal best should have fixed position at the bottom.
• When no scores are set this sprite should be shown:
• Scores cards should have a sequential lighten animation:

https://github.com/osudroid/osu-droid/assets/103213881/f341228e-4b41-4a86-ab0b-edaefb6fc288

Song menu songs list

• There should be an "osu!std" logo (in osu!stable it depends of the selected mode) in the background with ligthen animation following the beat, when the beatmap is started it expands and fades out before showing loading screen:

https://github.com/osudroid/osu-droid/assets/103213881/c51e9ba4-28db-403e-bc86-fed0ebdbe899

• Song cards carrousel effect should be eased.
• Song card selection should be animated.
• Song cards should have 3 states of tint defined by skin, as an example the default skin has:

Unactive set	Active set	Active song
Pink	Blue	White

• Song card text should have the following layout:
• Additionally there should be an option to show a background preview on every card.
• Selected song card should have an stars particles animation behind:

https://github.com/osudroid/osu-droid/assets/103213881/a9f4e44f-bfd1-4b47-968b-63cacf5693bd

• Scrollbar should be lighter and a dark background.

Song bottom bar

• The bottom bar should have a 100% opacity background.
• The buttons should have a fade animations between states (pressed down and up)
• The buttons layout should be:

Mods	Random	Options

• The beatmap options should be accesible from that third button along with long pressing the song card, this menu should have an fade in-out and boucing buttons animations when in transitions.
• On the right side there should be a logo with a bouncing animation following the beat, when pressed this should start the beatmap:

https://github.com/osudroid/osu-droid/assets/103213881/4c716857-e601-44b3-8aed-15292c461e7f

Mod menu

• There should be a clarifying text at the start of every mods column:
• "Reset all mods" and "Close" buttons should be one aligned vertically in the center of the screen.
• Buttons selection and score multiplier text color change should be animated.
• Transitions to the menu should be animated with fade in-out animations a boucing animation in bottom buttons.

Loading screen to gameplay

• There should be a "Visual settings" layout:
• The background must be the same as the song background.
• If the beatmap is loved or its marked as having "rapidly flashing colors" it should shown a disclamer before starting gameplay.

Gameplay

• The beatmap progress indicator should be a radial progress bar:
• The health bar should clip from the right rather than stretching its width.
• Slider tick points sprites should be shown in sequence with an scale-in animation once the slider finish its snaking-in animation.
• Follow points should be placed every 32 pixels until end of segment as described in #115
• Sliders should have a body with gradient coloring.
• Slider body alpha should be always 0.7
• Hit circle combo number should be always scaled 0.8
• Hit circles should have a shaking animation when trying to hit them before time.
• Hit circles should have a fade out animation when missed.
• Miss sprite should have a falling animation.
• Hit circles should appear with slightly dark color and light up once they're ready to be clicked.
• When failing all objects should have a failing animation.
• When retrying a text "x retries and counting" text should be shown.

Scoring scene

• The screen should be scrollable showing 3 sections below the play statistics, "Local", "Online" and "Beatmap":
• When transitioning to the screen there should be a fade in animation and every text of the play statistics should have a fade out and translation from left side animation.

More examples and items will be added.

[CELESTYNAI]

I think you're asking too much for a small team...

plus, for ["Your beatmaps are being processed" sprite should not be skinnable.], I don't think it should be NOT skinnable.

[Rian8337]

If you see the PR above, you can see that he worked on it by himself.

[Reco1I]

Closing this because after few consideration I concluded that this shouldn't be implemented.

First of all we can't use ppy assets, so this will require to rework some assets to make the similar not equal to the original ones. Also there's some conflictive UI parts that cannot be ported/paired with osu!stable because they will not be comfortable for mobile devices.

This should be rethink into a different approach.

Consider #352 and #346 as a beginning of it.