UI Scroll Animation Demo [Updated]

Help and Feedback Creations Feedback
#1

I’ve decided to make a UI Scrolling Animation Inspired from a website and use my favorite games as cards :

This turned out great and i'm proud with what i've achieved. It did however require some calculations 😵
I've also made a Hover Effect inspired from another website and this is pretty fun so i might keep doing this and turn it into a series.
Opinions Appreciated btw 😁

I had some time so i took some of the feedback you provided and Updated it and the final look is this :

Updated Animation

I Used my top 5 favourite animes this time :stuck_out_tongue: but that could act as a placeholder for anything really it could be game characters / Game info cards …etc
What do you think.

10 Likes
#2

Very Hyperplexed :laughing:. .

3 Likes
#3

i enjoy his videos and i suck at ui design so i tried to challenge myself and recreate the Ui designs my own way in roblox

#4

Its just… okay. Its missing a lot of things, that would make it appeal more. Maybe gradients? Yea. Gradients! Add a few gradients and maybe overlays.

No.

1 Like
#5

I didn’t mean anything, it’s good to get inspired from other developers but make sure to try to make it yourself and not follow his instructions if you really want a challenge. Good luck on the rest of your work.

Ah! Don’t say that, you will get better, it’s just a matter of time.

What.

1 Like
#6

didn’t even watch the video i just saw the introduction, opened the website and started making it
when i later watched i found out he made it click and drag whereas i made it use the scrollwheel

1 Like
#7

i’ve made some additions that made it look good ? or worse idk if the shapes fit the style but its fancier for sure

I tried to make it so that the Gradient matches the current card color theme

1 Like
#8

Not bad. That looks great! Would be better to make a bit of it moving randomly and its velocity would be inherited by the scroll speed. Also make it so that when you hover it increases in size with a blurry dropshadow. Also would be better to use images from unsplash.com. Also add a dark gradient that goes black and bottom and transparent till 25% or 40-50%. And there could be some text.

#9

My main goal is more about scripting the UI animation than the whole design itself and if you check the source https://camillemormal.com/ i think i pretty much acomplished what i’ve wanted.
This isn’t a UI i’ll use in my game it’s just to improve on my UI scripting abilities

#10

I think there’s a bit too much going on actually. I would make any background transitions much slower so you only really notice by the time you get from one side to the other.

You don’t want the background to distract too much from the thing that’s supposed to be drawing your eye.

1 Like
#11

@pjhinthehouse Took that into consideration and updated it.

1 Like