UI Animations [Roblox Studio]

Подписаться 369

Просмотров 73 тыс.

50% 1

In today's video, I show you a Little Roblox User Interface I made! Credits to Reo for Recording it, and Bork for other help :)
🔥 Follow me on Roblox - www.roblox.com/users/97161666...
🔥 What is ROBLOX?
Roblox is a global platform where millions of people gather together every day to imagine, create, and share experiences with each other in immersive, user-generated 3D worlds. The types of gameplay on Roblox are just as limitless as the imagination of the creators themselves.
All the online games you see on the platform have been built by members of the Roblox community for members of the Roblox community. Players can build the ultimate theme park, compete as a professional race car driver, star in a fashion show, become a superhero, or simply design a dream home and hang out with friends. Roblox is free to download and free to play on all modern smartphones, tablets, computers, Xbox One, Oculus Rift, and HTC Vive.
🔥 Remember to Like and Subscribe! Have a good day.

Игры

Опубликовано:

23 янв 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 242

@TheMcHunter Год назад

this looks good!

@onlinepredator8544 2 года назад

this is so much nicer than the guis for most popular games.. i hope you get the recognition you deserve!!

@Wizzly 2 года назад

Appreciate it lauren ❤️

@wandusee 2 года назад

This UI is amazing, the style is impeccable compared to other games, well done!!

@Wizzly 2 года назад

Thank you! ❤️

@cyrusthegoat 2 года назад

Dang that looks like big games style!

@Wizzly 2 года назад

Ooo just realised Lmao

@kirkfavre3017 2 года назад

@XtraContent 2 года назад

@@Wizzly lol

@somedudewatchingyoutube9163 2 года назад

Big games but better GUI

@pheo1299 2 года назад

this is my kind of style too but people assume it as big game style now and some of them thinks im copyig big games lol

@360sauce7 2 года назад

Subscribed ✊🏾. Can’t wait for your tutorials to drop

@ddashdev6943 2 года назад

Why do people always wait for a tutorial?

@mrstarfish 2 года назад

Really amazing how you made that, one thing I noticed though was the blue bar for the statistics seems to be overlapping the red card by a pixel but other than that it's an amazing UI

@Wizzly 2 года назад

Appreciate it man. Thanks for pointing that out, love to fix imperfections!

@mrstarfish 2 года назад

@@Wizzly np, small detail and fixes always improves the feel of something for me

@cryoxedit8704 2 года назад

@@Wizzly how to make?

@zskilledapik 2 года назад

@@cryoxedit8704 Mousernter mouse left or smth. Teeen servicd

@attackhelicopter_yt 2 года назад

Omg thats so good wth!!!!

@Wizzly 2 года назад

Thank you!

@seventrucks 2 года назад

dang this guy needs more subs and views this is sick

@Wizzly 2 года назад

Appreciate it man!

@Argentum47s Год назад

This really good,

@bruhiv747 2 года назад

Nice.

@GreatRamilYT 11 месяцев назад

Cool!

@najo7511 2 года назад

clean

@trip9564 2 года назад

that is awesome

@CJBoi01 2 года назад

really nice man keep it up and lets make a game :> even i dont know how but i can make things :D

@oofsoul7471 2 года назад

Thats sick

@Wizzly 2 года назад

❤️🙏🏻

@mausfany Год назад

that's w bro

@duuhmou 2 года назад

Damn this is true big games style

@vVearon 2 года назад

thaz epik

@oneplustwo7830 2 года назад

How are you this good at ui design lol

@JaysTutorials2023 2 года назад

Wow some great sounds, animation, and UI!

@Wizzly 2 года назад

Thank you!

@JaysTutorials2023 2 года назад

Would u wanna work on my game called ocean simulator? Its ok of no

@Wizzly 2 года назад

@@JaysTutorials2023 Tell me more about the Game on Discord! My server link is in the description.

@JaysTutorials2023 2 года назад

I dont see it i just see u roblox link

@Wizzly 2 года назад

@@JaysTutorials2023 Its in the description of my newest video!

@BloxikGames 2 года назад

I WISH I COULD MAKE UI THIS GOOD!!

@GlassesWithGuy 2 года назад

sheesh thats so cool i dont even now how to put animations on the gui i think

@ThomasBlackford 2 года назад

I would suggest making so that when you click another tab it closes the one your currently at, other than that its good

@xier3x 2 года назад

The sound from when you turn something off or can't access a part of the gui doesnt sound pleasant but the other things are amazing, very good job

@Wizzly 2 года назад

Thanks for the feedback!

@kubapiekus2843 2 года назад

nah its okay

@RasDev 2 года назад

Looks good although the animation when you close / return should be a bit faster.

@Wizzly 2 года назад

Thanks for the suggestion!

@Original_Editz018 2 года назад

hey rasssy baby :))

@thescooterb01s40 2 года назад

@Gumayushi1 2 года назад

perfect

@joshuaclavi 2 года назад

coo, UI, can i expect the sounds link? thats a really cool sound effect

@NegativeNiek Год назад

Really cool! For the stuttering of the text when it's transitioning in and out, maybe make the gui an image and when fully transitioned have the image dissapear as the actual gui replaces it?

@Wizzly Год назад

Stuttering happens as the text label is set to scale. To fix it we would have to use some hacky methods

@NegativeNiek Год назад

@@Wizzly so it **is** possible? That's pretty cool

@LaminatRbx 2 года назад

great gui

@marcel1701 2 года назад

that ui is very smooth

@Wizzly 2 года назад

Appreciate it man!

@W4KEUP_MATT 2 года назад

Thas great

@playbro. 2 года назад

You should make a tutorial on how to make it :)

@LitJay. 2 года назад

Please make an tutorial to make this this looks really good!!

@Soemansuko 5 месяцев назад

:O BROOOOOOOOOOOOOOOOOOOOOO CAN YOU MAKE GUIDES PLEASE??

@tigrann_ Год назад

omg this looks amazing. if its okay with u could u give a tut?

@vibemusic6478 2 года назад

sick

@Wizzly 2 года назад

Thank you!

@Bedzoid 2 года назад

That is amazing! I have a question tho, how do you rotate gui?

@Wizzly 2 года назад

You can use the Orientation property!

@seangibsonj.sagragao4609 2 года назад

is perfect

@Wizzly 2 года назад

❤️

@fridaee 2 года назад

Really impressive, could u teach me how to do that

@JaydenUB 2 года назад

SO COOL

@Wizzly 2 года назад

Thanks!

@JaydenUB 2 года назад

@@Wizzly hey i have a question

@JaydenUB Год назад

11 months later so could you teach me how to make something like that or hire you?

@freebyYT 2 года назад

Wowee

@kha3668 2 года назад

Woah

@metooidk 2 года назад

its so big games Style!

@dhanalaxmis9350 2 года назад

Sry I saw vidso late but ims 100th like

@Wizzly 2 года назад

Hello.

@fargnan1405 2 года назад

WOW

@oneplustwo7830 2 года назад

i wish i could make guis like this.

@ruthlessstudios9531 2 года назад

0:31 You can hear the sound clip. You should probably clone the sound and then play it

@GGhost3 10 месяцев назад

it looks good but, in settings u spelt whether wrong

@wandusee 2 года назад

also a tip you can use ui gradients for the GUIS if you want

@Wizzly 2 года назад

Thanks for the tip! ❤️

@wandusee 2 года назад

@@Wizzly yw

@z-z-z-z-z-z-z-z-z. 6 месяцев назад

Tutorial please? Also how long did it take?

@metooidk 2 года назад

the toggle give me Android 12 feels.

@SpeedKingPlayz 11 месяцев назад

Looks nice! If I were you when the player closes it, don’t make it smaller. It looks weird imo. Example: 0:43

@Wizzly 10 месяцев назад

Thank for the feedback! Your right, weird scaling issues are seen

@SpeedKingPlayz 10 месяцев назад

@@Wizzlynp :) keep making great things

@zarcastically2147 2 года назад

i really like the animations when you click on "Stats", how would you accomplish that? also how do you make the number increase progressively? (i know it's tween service but i also want to know how to do that)

@Wizzly 2 года назад

For the Stats button, it is a tween connected to a mousebutton1down event For the number, it is a loop running in a new thread. Thank you 😄

@zarcastically2147 2 года назад

@@Wizzly thanks for replying, another question is: is the global ranking just random numbers, or is it actually real with players? because i can't seem to find stuff like this on the devforum nor youtube

@Wizzly 2 года назад

@@zarcastically2147 The Global ranking in based on a value a retrieved from a data store. If I ever add this to a game, it can be used easily.

@kirkfavre3017 2 года назад

@kingderpygoat 2 года назад

@@kirkfavre3017 Y not

@ablews 2 года назад

very nice but you should make it so instead of erroring when opening another menu make it close current one and open said one

@Wizzly 2 года назад

Thanks for the feedback!

@flexierextra8847 2 года назад

Pet Sim devs: right that down! right that down!

@Wizzly 2 года назад

😂🙏

@aryss9429 Год назад

Dude nice work! Just wanted to ask how you made it so that when "Stats" is pressed "Settings" is not permitted to be pressed. Been trying to find solutions like disabling active but can't find any other solutions. So far I only found 1 solution and its disabling the visibility of the button, but its visually unappealing.

@onlinepredator8544 Год назад

just use a debounce variable (while active == True...)

@Wizzly Год назад

Hey aryss, you can have a boolean variable that stores wether another menu is open or not! local debounce if debounce = false then --no other UI is open stats:open() end Hope this helps!

@Wizzly Год назад

==*

@SilverJump 2 года назад

can you show us how you made this or the model link?

@itsray5257 2 года назад

Oh yeah a tutorial wouldn't be bad idea!

@Wizzly 2 года назад

Might do one later on.

@darenluywi 2 года назад

@@Wizzly 😃

@NatDefault 4 месяца назад

how you did the rotate tween? i actually need to know

@koainanis5840 2 года назад

this looks awesome ! good job! can you muncopylock this place please?

@Wizzly 2 года назад

I dont think I will anytime soon, however you can expect tutorials in the future!

@koainanis5840 2 года назад

@@Wizzly yeah please make a tutorial about that nice gui ;)

@bloodlessfoxyt2806 2 года назад

UI Looks Great But The Sound When you click the button the sounds like joins together i suggest you to fix it if you can

@Wizzly 2 года назад

Alright, thank you!

@soquiat3122 2 года назад

Dang that's looks cool, can u make a tutorial about that?

@Wizzly 2 года назад

Sure, working on something atm, you can expect one in may.

@360sauce7 2 года назад

@@Wizzly nice 👍

@pongrinds2603 Год назад

How do u make a pop up animation like that? Can u make a tutorial?

@noahs43_ 2 года назад

how did u do it? Can you tell me I want to learn

@redpandathegod8154 2 года назад

Just to clarify i didnt record that!

@LeanBeefCakes 2 года назад

Sorry to ask but may i have some feedback on how do you make the gui pop out with an animation in the middle because im currently a beginner in scripting.

@Wizzly 2 года назад

Anchor point (.5, .5) And then tween size

@LeanBeefCakes 2 года назад

@@Wizzly Thank You

@dabstablook7774 2 года назад

could you do a tutorial on Ul animation

@gamingandschool2230 Год назад

DO A TUTORIAL THATS AS COOL AS HELLL

@Wizzly Год назад

Thank you :)

@Original_Editz018 2 года назад

U HAS REEACH A QUATOR OF A THOUSOND SUBORIBERS and thats A AM

@Wizzly 2 года назад

OMGGGGG BHAPI IS A GAMING

@ThePerrster 2 года назад

How do you do this? I love these and want to use them in my game.

@mmistrr Год назад

I can teach you how to do some

@BŘÅZZZYÝ 2 года назад

I’ll hire you for my game biggest I’ll go is 20$ (with animations 2 buttons 1 frame)

@purplemashi1 2 года назад

Hi I was wondering if u could show us how to make it because I have been trying to look for one that worked and it never works and I’m trying to work on a game with my friend and they are also having difficulties with the scripts and it would help a lot , I need help only on the settings bit Thx for taking your time to read this!

@Wizzly 2 года назад

Working on something at the moment, maybe in the future! ❤️

@Teriyyaki 2 года назад

any ideas on how to start learning gui and animating it I find making good gui really interesting and want to learn it myself

@Wizzly 2 года назад

I learnt from the API reference, about the scripting part. Designing you can take inspiration from various designers on twitter!

@Huss.1 2 года назад

« إِنَّ اللَّهَ وَمَلَائِكَتَهُ يُصَلُّونَ عَلَى النَّبِيِّ ۚ يَا أَيُّهَا الَّذِينَ آمَنُوا صَلُّوا عَلَيْهِ وَسَلِّمُوا تَسْلِيمًا »

@HarryTheLoser_ 11 месяцев назад

Hello, I wanna know how you did that when you hover on the buttons it get’s bigger and changes positio. I know it’s tweening but for me when I hover on the button and leave the cursor instantly the tweening gets stuck, also my tweening’s slow

@Wizzly 10 месяцев назад

So for the size changes, you attach a function to the "MouseEnter" event and "MouseLeave" event! Tween can be sped up using the speed variable, just reduce the value to make it faster! Try using a debounce so that your tweens dont overlap. You could also use tween:Stop() on the previous tween if they overlap to prevent them from getting stuck! Hope this helped you out :)

@HarryTheLoser_ 10 месяцев назад

@@Wizzly I’m understanding tweening a lot better now, I will test this tomorrow and let you know

@Wizzly 10 месяцев назад

@@HarryTheLoser_ Good luck! You can also contact me on Discord! My username is wizinator

@HarryTheLoser_ 10 месяцев назад

@@Wizzly Hello, can i get more info on how to do that, becuase i ain't a good scripter

@HarryTheLoser_ 10 месяцев назад

sorry i figured it out, but thanks for the help

@lukeadams3996 2 года назад

can you make it a tutorial + model so it would be helpful either for starterdevs or other devs!

@ThePerrster 2 года назад

I agree with you.

@wheatwhole_ 2 года назад

could u like tell us the sound effects please?

@FeelShorter 2 года назад

What is this sound called? 0:05 I really need it, please reply.

@Tactician00 2 года назад

Can i hire you for a game I am working on? It's a core game not released yet.Thank you for responding! (I can pay you with Robux)

@FanofArrow 2 года назад

i could hire you but im poor

@Iegendarystudio 2 года назад

DUDE when i look at my UI i think it is good but when i look at this i think a 2 year old made mine

@Wizzly 2 года назад

Appreciate it man!

@MhmTryAgain Год назад

Is this game public? and if it is, I would love to try it! And, if the game was uncopylocked, I would copy it for my new admin GUI that I'm making! EDIT: I would credit you too.

@Wizzly Год назад

Module for the UI coming soon!

@guiselaguerrayumpeBailaLambada Год назад

Pls create mini tutorial (how to make settings gui) pls i need to my game pls make a video

@Wizzly Год назад

A tutorial will be coming soon!

@EtherealStudiosOff Год назад

I need a tutorial lmao xd

@Ace-lw8kh 2 года назад

still waiting⏳

@melonoshi 2 года назад

Um maybe make it do what the player wants... when they wanna open another gui just make the one currently open automatically close and then make the other one open. (0:11)

@Wizzly 2 года назад

Will keep that in mind! Thank you.