How to make PERFECT UI Animations (Pet Sim 99 Style) - Part 3

[@Rileybytes]

As always, reply to this comment with a video idea for me to make! I will add it to my list of To-Do's! Uncopylocked place of project: www.roblox.com/games/116084939721975/Free-Rewards-UI-Tutorial-by-Rileybytes

[@BoulderPro17]

can you make an uncopylocked version if this projekt? 🙏🙏

[@Sopkhim]

Maybe you could do a video on the pet hatching animation, like in Pet Simulator 99.

[@BoulderPro17]

@@SopkhimExclusive Eggss or normal?

[@JoaquinHernandez-o6e]

make an animated wheel of fortune with spins(0) and spin(R$49)

[@Rileybytes]

@@BoulderPro17 I just updated my comment!

[@FennecTheDev]

Hello! I’m a Ui designer (2+ years of experience) but I’ve been developing for over 4 years and I have to say this is one of the best tutorials I’ve seen lol. The only thing I have to say is you don’t want to completely copy another games ui that makes your ui boring and not unique. It’s ok to copy some things but make it your own e.x: the play screen say you copy it from a game, ok now add some art and change the colors! It will make your game stand out and it’s worth the time and effort ^^

[@Rileybytes]

You're absolutely right! In any public game, I try to create my own style of UI and I want everyone to do the same, hopefully Pet Sim is a good way to get people's creative juices flowing!

[@Purple-coderYt]

Hey fennec can you help me with my Roblox game

[@KebeMaro]

You've been making really good tutorials , ones that aren't common to find and high quality , your vids helped me improve how I make UI , which was mostly what I hate dealing with the most and usually end up doing a very bad job , now I feel like I make better UI thanks to you , so thanks a lot , keep up the good work !

[@Rileybytes]

Thank you! UI can be hard to get started on, so it's awesome you're making progress. Let me know if you make a game with a UI you want to show, from here or one you are proud of!

[@KebeMaro]

@@Rileybytes Thank you , will definitely do !

[@ShaneDev]

AHHHHHHHHH U DONT EVEN KNOW HOW MUCH I LOVE UR VIDEOS. I BINGE THEM EVEN AT NIGHT EVEN WHEN IM NOT ON MY PC FOLLOWING THE TUTORIALS. ur vids r so cool and I love this pet sim x series / how u design the ui 😭maybe make a whole series on ur channel remaking basically everything from pet sim lolll

[@scoobertdoovan]

I've been waiting for this on with notifs on. Legendary animations !

[@Anotha_Day]

ayooooooo, i've been waiting for this one!!!!!

[@JaxYTB]

So, help me understand the point of this. I understand it's very professional, relatively customizable, efficient, and scalable, but I fail to understand what the point of utilizing like four modulescripts and a separate localscript to handle this when, in most cases, a single local UI handler script can do all of this in a smaller package. Maybe this is suitable for large collaborative games that necessitate easily readable and scalable code, but for most other projects the amount of work just seems to be "over-professional" in a sense.

[@Rileybytes]

That's a fair point, and you're definitely right about being uber-professional with the scripting. For most small creators, maybe they don't need this depth of code base. The reason I script so thoroughly is because when I started Lua as a 4+ year Unity dev with C#, and I was really frustrated with the lack of readability and scalability in tutorials for Lua. My goal is to make videos that anyone can directly copy and use if they are a small creator, but also for bigger teams to be able to model their projects after and have a strong foundation for scaling their codebase. My work on Roblox started by making branded games for KZbin channels, working with bigger teams, so my experience covers project management as well as development. Roblox devs as a whole are not very organized (usually), so I want to lead by example and promote good practice from the start, regardless of the skill level of the person watching! Thank you for commenting, I appreciate how thoughtful your question was!

[@Runtem]

I don't feel bad enough for doing this, make a 4th part that explains every single strategy that pet sim 99 uses in it's UI and game in general that makes it addictive. Maybe i'll stop developing then.

[@Buildro]

nice vids keep up boy!

[@LikeProNoob]

Your actually so underrated!- Fellow Developer

[@Rileybytes]

thank you so much dude!

[@sdegreene]

tysm this is really helpful

[@Rileybytes]

thanks for watching!!

[@Tihrados]

I have idea you should do ps99 tutorials playlist and make whole icons next to the free gifts like teleporting system, hoverboard and more. You could do each gui to liek 3-5 videos! anyways great series!

[@Rileybytes]

@@Tihrados great ideas! Thank you for watching. I can make the coin breaking first

[@Tihrados]

@@Rileybytes Man that would be great i cant find tutorial for this!

[@Tihrados]

@@Rileybytes Do you think you could do the breakabless as new next series?

[@Rileybytes]

​@@Tihrados Yes I can definitely do the breakables next series. Here is my plan for videos: 1. Window Opening/Closing 2. How to make "Shiny" buttons 3. How to dash/double jump 4. Series: pet sim Coin breaking The first videos are very short and easy to make so the series will be soon

[@sorkinquinzel]

Thx for the tuts, I'll do it once i get my laptop gamer. Subbed to you when you had 448 Subs

[@Rileybytes]

@@sorkinquinzel you’re a legend, thanks for subbing

[@TKJOutdoors]

Very Helpful!

[@Rileybytes]

thanks for watching!

[@sayayejay716]

Noti gang!

[@Rileybytes]

you're awesome bro! thank you

[@ShaneDev]

How do I scale the ui strokes to be the same size on all devices/when I resize my Roblox tab? pls lmk love ur vids

[@Rileybytes]

I’ll have to make a separate tutorial on this, because it’s a little complicated. But I already have a system to do it from my games, so I can make the tutorial fast!

[@ShaneDev]

@@Rileybytes TYSM!!! That problem has stumped me for so long

[@BadKD]

I can share you the script I have made, basically you loop through all descendants of the gui and change the UI stroke thickness in a ratio compared to the studio screen resolution to the player device screen resolution

[@Rileybytes]

@@BadKD yeah that’s a super useful script, it’s one I have made in my projects also. It would be a good video!

[@BadKD]

@@Rileybytes yeah you should , it’s rlly useful and devs might be looking for a vid on it!

[@MrTinkyBs]

In the money script in the line 10 is showing me "Unable to assign property Text. string expected, got nil

[@Rileybytes]

Most likely it means you aren't firing through the 'newMoney' in RewardsManager, since the remote event didn't contain it. Look for the RequestReward function in RewardsManager, then make sure this line is there: Remotes.UI.UpdateMoney:FireClient(player, PlayerData[player.UserId].Money) ^ You may have missed PlayerData[player.UserId].Money, so make sure you're firing that variable through the remote event. Let me know if this helps!

[@oscramos8298]

does it mean sounds from the toolbox wont work on my own game ? i know there was an update a while ago about shared sounds but idk exactly what's up

[@Rileybytes]

Sounds from the toolbox will still work! I just can't share private sounds from an unpublished game/audio pack.

[@oscramos8298]

@@Rileybytes yeah make sense

[@LevyGabriel2205]

10000/10

[@Rileybytes]

thank you!

[@BaldyDevRBLX]

why do i get an error for button.Color?

[@Rileybytes]

I just posted an uncopylocked place of the game, check the pinned comment. You can check against that and see what the error is or tell me what line it's on and I will help!

[@Heroboom-i7w]

so good!

[@Rileybytes]

glad it could be useful!!

[@Heroboom-i7w]

@@Rileybytes I'm just making my game and here I come across your video, I've already started making my store using your design basics

[@Heroboom-i7w]

@@Rileybytes the only thing I don't understand relates to your first part, where you did the script (at the end of the video). It seems to me that it can be made better and never changed...

[@Rileybytes]

@@Heroboom-i7w yes, there is a better version of the window opener you can use, from the shop tutorial. I am going to make a video on just that to be better. For this one I just wanted it to be shorter

[@impulsogaming]

How can I add sounds when the buttons are pressed or the reward is redeemed?

[@Rileybytes]

@@impulsogaming one easy way to do it is by referencing a button sound, and playing it in UIEffects whenever a button is pressed. And for the reward, also reference another sound in Rewards localscript, then play it when you confirm a reward as claimed

[@gamingwithlilabe3711]

1 Day, lol!

[@BACONINO]

ZERO DISLIKES??? HOW

[@sorkinquinzel]

3 dislikes now 😔

[@Exgerss]

Hello, I'm looking for an interface designer. I'm making my own pet sim. Would you like to be one?

[@Lukas-t5k]

Help me it doesent up my money

[@Rileybytes]

Do you see any errors in your Output window? Also - if you want to check your script against the original, the pinned comment has a link you can check out for the scripts :)

[@MrShef-Man]

Hi it is me again. Pls help me. I need ur help. I need coins to be displyed on leaderstats and on text label. (Reply me if u can MY GAME IS MOSTLY COMPLETED I JUST NEED THAT SMALL PART)THANKS!🥰

[@Rileybytes]

Hey! The coins on textlabel part should actually be in this Series! So if you watch that you can find it. For leaderstats, for now you might need to watch a different tutorial, since that is pretty complicated and I don't have a tutorial yet.