UI Leak from my upcoming game Lyria
3 Likes
still a little jittery, but the timings themselves feel good! I think this could easily be fixed by grouping the icon and textbox up into their own frame, rather than trying to animate them individually.
3 Likes
Just making some new UI with spring motion right now! It’s incredibly fancy and it’s animation is very natural.
External Media@cxmeels By the way, what’s your thought on this? 
12 Likes
I love that! Very smooth! I wonder how it’d look with a little blur behind it too?
1 Like
There we go, seems quite nice actually! But I am not so sure whether will it interrupt user’s experience by too much 
9 Likes
That looks awesome with a blur! I think while they’re in the menu they’re not going to be too bothered about what’s going on behind, but totally your decision. It looks great either way 
3 Likes
Ah, glad to hear! I’ll leave it as that then! Now, time to finish coding the rest…
Yikes, this is definitely going to be a tad harder with modular design
3 Likes
Are you using a framework for this? Interesting naming convention.
1 Like
Yep! This is actually a brand new (really, really new) framework I’ve just coded a few weeks ago, currently used in a few games I have developed for, such as Frappe and that.
About the naming, it is actually to make separate classes from each other, so each class type will be much unique! Though, in the framework itself, it’ll omit the prefix inside the Shared table.
The overall goal of the framework is to avoid creating a cluster in your codebase because of the massive amounts of dependencies or modules you use in the project with the modular design pattern. While modular design pattern can be implemented easily without the actual need of a framework, the framework also makes modular much easier to deal with.
The framework shares some ideas from Knit, too! Apart from the network replication of course.
1 Like
That’s awesome! Seems like a really clean way to do it. I personally use Roact, as I also use React on the web, and using one seems to help with the other.
1 Like
I can see that, since Roact is technically an implementation of React with modifications in Roblox. Though, I am pretty much a Flutter developer :P. Not a huge fan of their implementation at React Native, it was a disaster to use.
Right now, I am trying to make the UI framework so you can access modules/components/constructors outside of framework itself, kinda like how Knit does!
2 Likes
I completely agree with that. I tend to stick to PWA if I want a React-based app that doesn’t need full hardware access.
That’d be cool for injecting state/props directly into components/controllers!
2 Likes
Messed with the animations, this looks far more better!
https://cdn.discordapp.com/attachments/827544340053884949/845307716989091880/Final.mp4
32 Likes
I love your designs, they are really great!
How do you do that? Looks fantastic btw!
1 Like
Those are actually done with spring motion, so basically physically-based motions. I am currently writing a tutorial on doing spring motions in UI, which will be in medium.
4 Likes
Did I just get rickrolled by a UI design??? How dare you 
Anyways it looks really great! I think I’ll have to try out spring motion sometime as I think it looks a lot nicer than TweenService animations do.
EDIT: I just read through your article, and it looks very useful. I’ve gotten too far into my current game to switch over to springs, but I think I’ll try it out with my next game.
1 Like
