Your GUI is Boring, Lets Animate It

[@byteblox100]

Get all of my knowledge in one package:
linktr.ee/ByteBlox

[@Vortex-qb2se]

Phishing link

[@theperfecttroller]

Phishing link

[@byteblox100]

Phishing link smh

[@superolliebros]

I ain't gonna click that becuase apparently it's a phishing link. Is this true?

[@theperfecttroller]

@@superolliebros Phishing link

[@Zawaito]

"Actually, dont blame roblox... always take accountability" Might be the single best piece of advice ever given in the roblox dev community fr. Just found your channel and now i'ma binge watch every single tutorial/guide.

[@doubledog5187]

Way too many people on roblox, specifically scripters, blames roblox for it's issues, and never compliments it. They will always be agitated and angry. The best advice I've ever heard in well over 5 years.

[@Zawaito]

@@doubledog5187 my only beef with roblox is not updating lua. And i dont even mean keep it up to date, but hell, why did we have to stop 1 to 2 updates before GOTO function???

[@harryvpn1462]

You dont know how good roblox is until you learn what a pointer is

[@Zawaito]

@@harryvpn1462 enlighten me please

[@Alleysss]

Even tho I don't make games on roblox it's pretty fun to try out scripts from your videos and play around in roblox studio. Nice work man!

[@SP.43]

Recently discovered your channel. Your videos are good quality and you explain things really well. Good job!

[@legally4946]

i always do local uigrid = script.parent while true do uigrid.Rotation += math.random(1, 5) wait(math.random(0.1, 0.5)) end let me know what you guys think about it

[@byteblox100]

That works, tween service is just better if you want more customization and just smoother animations in general

[@legally4946]

@@byteblox100 ye fair point

[@youcai3424]

I am genuinely flabbergasted, I don't understand how I've gone this long without knowing how tweens works. This is so useful.

[@thatidiotoverthere6311]

Are you kidding me? I spend literally ALL night trying to find any Roblox Studio video containing the words “GUI” and “animate” and don’t find a thing, then the next morning I wake up, open KZbin, and it recommends this. Taking the piss, honestly 😅

[@SargentMonkey]

the whole script is at 16:54 if you wanna get straight into it

[@r4nd0mStuff]

Thanks for this vid, was looking for ways to make my game’s bland gui more interesting.

[@laperiodemasquer4409]

your videos are so good! love everything you've taught so far

[@Vehemenspoltergeist]

Ty for explaining what a tween is, it finally makes sense

[@MajesticUC]

11:33 You dont actually have to put .Parent.Parent. You could just make a variable for the screenGui screengui = plr.PlayerGui:WaitForChild("ScreenGui"). And then make a variable for the Frame. frame = screengui:WaitForChild("Frame")

[@byteblox100]

You could, but it’s faster to use Parent.Parent

[@MajesticUC]

@@byteblox100 true but it makes code more readable. If you're going to make tutorials, you should teach your viewers good practices!

[@byteblox100]

Using Parent is good practice though. Like unless it’s a lot of parents then yeah, but here it not only shortens the code, but also makes the script work if you place it inside another frame

[@MajesticUC]

@@byteblox100 well you dont typically put scripts in frames. Most scripters ik edit gui from startercharacter or starterplayer. Then you will just access multiple frames and buttons etc from one script which just makes everything a lot more simple

[@Sadjhj]

@@MajesticUCWait, you don’t put the script in the GUI?

[@noone-uz9sg]

Can we make one that slides like a loading bar

[@valenvann]

tysm! This video is actually so useful! I love the way you teach these things

[@tomsterbg8130]

The interesting thing is that by itself tweening is super easy, but once you use it in a project it becomes 10x harder because you now have to actually be good at project management. You can't just slap the tween and expect it to be easy to maintain. That's the pitfall that many people fall in and it's terrible to see. Even if you're good, you may still accidentally entangle your tweens with other code and it instantly becomes a nightmare.

[@IslamicUploads-vh9zj]

No, it doesn't. I use tweenservice, just add a few variables, if needed. Then remove the end lines. It's not that complicated, if you know what your doing

[@tomsterbg8130]

@@IslamicUploads-vh9zj Difficulty is relative and even though i've been quite lazy through my experience, i believe that 6 years of knowledge has given me at least a few valid points. Yes, you can manage code well, yes, it can be simple and clean. Yes, you can just make a module that you don't touch and set it to detect descendants of a certain object and search for attributes, in fact that's my current chosen way of development because it allows you to write code in one place and just build functionality independently and all you need is the attributes to be done right. Anyway, one of the points is that, as i say in the original comment combining things in a big project naturally makes it more time-consuming to work with, and even find what you're looking for. This is amplified by the fact that people are adapted to images better than text. In fact i've recently pondered on the topic of visual vs text programming and while text is very controllable and readable, it may be because we just haven't spent enough resources such as time to develop visual ways to code (because visual coding can't replace text as of currently, eventually you need a feature advanced enough that it requires textual code). Plus around the time that i was writing the original comment i was in a time of coming back to development from a year break so i was overwhelmed to a point, leading to twisted perception of what's hard and what's possible. I hope this has been useful in some way because i'm writing it for that very reason, to bring a different perspective and some new knowledge, not to rant randomly and defend myself.

[@miokazqq3671]

As a someone who is new in coding and didn't know anything about Tweens, this video was very helpful. Pretty much i remember everything from your vid while watching it just once and had fun. Thank you

[@cross14playsroblox]

you are very good on tutorials

[@Alberto0432]

I agree

[@Ergo288]

I don't ever plan on making a game but I just watch you're videos for the entertainment

[@SamHammie]

Is it possible to tween two values of something that is intrinsically linked independently of one another? You mentioned that you can tween GUI size/position and things like RGB color values, so I was wondering if, for example, there's a way to set up two tweens; one for the xScale value of a UDim2 and one for the yScale value, or maybe xScale and xOffset instead, and making them work independently of one another while also making them able to work at the same time. One potential application I can think of for this is tweening the R, G, and B values of the UI gradient independently to have it gradually hue shift through all possible colors by setting the R, G, and B values to change at different speeds.

[@myrukun]

try it out

[@templatesRNG]

late reply you probably already figured it out but it should work by just changing {Size} to {Size.X.Scale}, {Size.Y.Offset}, etc

[@VukIsProAtBedwars]

I probably need this for my next talent hub job

[@andreyromashchenko8967]

Im just at 6 minutes and i JUST woke up and im all sleepy, but if youre THAT thorough at explaining everything, then i would consider purchasing your lecture courses. Especially since theyre 50% off for the next 3 days (lol).

[@thetoastedsoup]

I wanted to learn how to tween for the better part of roblox development career, this finally explained to me how. And I watch every video from you because it is stuff i would never (mostly) have known about otherwise. Good content.

[@xhaphireTF2]

As always, your videos getting me the feeling "I want to code"

[@rockyes3239]

Holy crap, thanks alot for teaching me tween service, man. It seems to be extremely helpful

[@coastertimeyt]

ur my new fav youtuber

[@Hexfury]

Play around with click animations too. TweenService is very fun and powerful ^~^

[@DenerDoes_Stuff]

poopy mayonnaise

[@missfortune4321]

thank you

[@samulige]

my suggestion is showing how to make gui buttons and buttons in parts, so if u click a part for example it'll print "hey", if u click a gui it'll print "gjoafjkiow"

[@SuperCliche]

it’s simple though, all you need to do is put a local script in the gui button then just detect with button.MouseButton1Click

[@SuperCliche]

for buttons use clickdetectors

[@pexoz5040]

@@SuperCliche u can also use a surface gui and a textbutton in it

[@VukIsProAtBedwars]

I found a literal UIGradient on the videos time thing

[@RaFleStuff]

mattbatwings voice

[@justmaak]

I like your teaching style. Like, you are doing fun stuff along with showing script. Godly content

[@Chillz_AZY]

Good job teaching others, i also mastered tweens

[@victorien3704]

I'm not sure weather you made this video because of my suggestion or not, but either way thank you for this video!

[@TheMaxGuy]

weather

[@goobersshenanigans]

eathe

[@QUBIQUBED]

Guys do NOT use “-1” for the repeat count, -1 becoming infinity is a bug and can be patched *any time in the future* so instead you should use math.Huge.

[@alex342gwsturk8]

you sure? didnt the roblox documentation show that -1 was infinite?

[@byteblox100]

Documentation says -1 is infinite, because it simply adds 1 every time it repeats and stops if the repeat count is equal to current repeats, but because you can’t repeat -1 times, it never stops

[@Sadjhj]

I feel like -1 is better

[@nerdy_dev]

Ah yes, I can finally make cool UI without having to painstakingly code each position I want it to go to! Jokes aside though, I do think the UDIM2 system is weird, why not use Vector2? That is never used. Anyways this tutorial is great, I learned much more about UI!

[@alex342gwsturk8]

the way ui is positioned is a bit odd, there are 2 values for each axis (X and Y), one being scale which scales with screensize, and the other being offset which doesnt scale with screen size

[@imanoob1234pl]

@@alex342gwsturk8 scale is useful

[@Assumptionist]

Vector2 is used for the AnchorPoint of guiobjects, but the reason a UDim2 exists is because sometimes you want things to scale with the screen size, and sometimes you want things to just be the same size across all screens, so just at a flat pixel constant. UDim2 consists of two UDims (hence the name lol), "scale" and "offset." you should usually always use scale, but offset can be very nice for things like separator bars, or even in the roblox topbar, they use offset for the top buttons. it'd look a little funky if the buttons scaled with screen size, so that's why it's like that. also, there's two helper functions, UDim2.fromScale() which takes only scale, so it's kinda like initializing a vector2, and there's also UDim2.fromOffset(). very helpful functions so you aren't having to write out UDim2.new(1, 0, 1, 0) all the time.

[@Brambes05]

Udim2 might seem odd at first but it's the most common way to handle gui it's quite easy if you understand it well for instance if change the size of a frame to Udim2.new(0, 10, 0, 10) it would be exactly 10x10 pixels or if it give it a size of UDim2.new(0.5, 0, 0.5, 0) for a frame's size means it will occupy the same size as half of the screen, both horizontally and vertically. Vector2 is mainly used for 2D things like gui and you will see that other then Position and Size other things of gui like the AnchorPoint the AbsoluteSize or AbsolutePosition do use Vector2 i hope this clears things up. :)

[@_skribl]

​@Brambes05 isn't UDim2.new(0.5, 0, 0.5, 0) half the screen size, and UDim2.new(0, 10, 0, 10) equal to ten pixels? Not UDim2.new(0, 0.5, 0, 0.5) and UDim2.neq(10, 0, 10, 0), those would be 0.5 pixels in both directions for the 1st and 10 times the screen size for the second

[@danzstuff]

Bro i was literally searching for this yesterday how did you know

[@goofy.stickgs]

the intro is so different than the others

[@victorien3704]

Just a small question: what property is size just without it changing to the screen size

[@byteblox100]

It would be the x offset and y offset, which are still in the size property

[@theunusual_]

Average front-end web development be like

[@SlayTh3DraG0n]

16:20 bam jum bim

[@NikPlaysTTE]

Can you please make a tutorial on how to make a cut scene

[@not_eagleye]

him not adding UI corner for so long 😭😭

[@Sky_Blue_Crew]

How do you tween the position of the UI?

[@byteblox100]

{Position = UDim2.new(xScale, xOffset, yScale, yOffset)}

[@Sky_Blue_Crew]

@@byteblox100 Thanks! This is gonna help me with the UI of my game. I was trying to make a "Press E to talk" prompt whenever you're touching a part and this helps a ton for the animation!

[@OdysseusofLethe]

Your Video description is boring and repetitive, let's change it!

[@byteblox100]

It’s fine bro, I’ll fill it up with links eventually lmao

[@heppecogheron6016]

​@@byteblox100please send the scam thx

[@YenNguyen-qj1mo]

⁠@vilzio89like the old youtube channel pages from like 2007? that WOULD be really fun! heavy customization nowadays is difficult though, and a lot of the options i.e. code is removed for security purposes. :( there are still niche "oldweb" services for people interested in making their own layout and such (neocities is my first thought) but yeah, i don't really think that social media companies do that as much anymore. :/

[@AndrieMC]

​@@byteblox100Your name is cringe, let's change it!

[@CiaosonoMemosoo]

@@AndrieMChow about a big nice cup of mind your fucking business

[@TheBoxRobot1]

Can you make a tutorial like this but make the button follow the person mouse? i had a idea to make the play button follow the mouse but i don't know how to code lol

[@byteblox100]

You can detect whenever the mouse position changes, and then get the mouse position. Look it up on google

[@breaddacat7935]

(localscript) local mouse = game.Players.LocalPlayer:GetMouse() local ui = (ui here) while task.wait() do ui.Position = UDim2.new(0, mouse.X, 0, Mouse.Y) end

[@mekithuat9832]

So cool! TY!

[@manfojo2396]

*Thunder* YOU SHOULD OPEN A BLANK PROJECT FILE NOW! *Thunder*

[@OSFlames]

Bro did they change tweenservice to tweeninfo or am i trippin'?

[@randomchannel-kh7oc]

you're just tripping

[@OSFlames]

@@randomchannel-kh7oc well yea

[@OSFlames]

@@randomchannel-kh7oc I figured it out

[@Vorthex3]

keep it up!!!

[@EpicPico0625]

Me when script.Parent.Parent:TweenSize(), script.Parent.Parent:TweenPosition() and script.Parent.Parent:TweenSizeAndPosition()

[@byteblox100]

TweenSize() mfs trying to rotate a gradient

[@ImReallyLemoBloxROFL]

yk whats boring?

[@ImReallyLemoBloxROFL]

idk thankfully

[@Fodnex]

As a professional roblox scripter i wonder how to make main menu in roblox studio or how to create a shop which has working GUI!

[@milkedRat]

[@byteblox100]

[@fatmario420]

cool

[@blackandmode]

bro go make a game idc if you dont update it

[@jimneycricket]

Are you guys going trick or treating

[@olicon1000]

Yeah!!! 🍬🎃👻

[@byteblox100]

Obviously wtf

[@Stupidguy5I]

Are you guys going trick or treating? Are you guys going trick or treating? Are you guys going trick or treating? Are you guys going trick or treating?

[@shinyindividual12]

Thats 10 lines

[@unqool]

beow juw beow :D i love this intro

[@SirJo_]

Stop bullying the teacher 😡

[@SaahirSCJ]

7:52

[@noobulus_YtReal]

most late person ever

[@AndrieMC]

Your video size is a square, lets change it!

[@byteblox100]

macbook hustle

[@AndrieMC]

@@byteblox100 Apple = trash, get a real pc and Itll work beautifully

[@sadge6430]

x

[@lanquandude]

Im literally just watching this for fun, I don't even use Roblox Studio anymore, I use Unreal Engine. This is just fun to watch for some reason.

[@jesushodar9622]

18 minutes just to code 7 lines 💀

[@randomscripteridklmao]

because hes explaining it and making the gui

[@BloomyGuy1]

Your tweens are boring, use spring motion

[@cola_enthusiast]

your video is boring, lets delete it

[@ShadowClaw_Dev]

I am better

[@vermamaerodriguez96]

hi (first)

[@chris_period]

you don't actually have to create a variable for each tween and then play it in a separate line of code! i used to do that all the time, but whenever i use a tween only once in my scripts, i just play it on the same line that i created it in. so for example (assuming we have a variable for tweenservice already): TweenService:Create(script.Parent, TweenInfo.new(1, Enum.EasingStyle.Linear), {Transparency = 0}):Play() this way you don't have to create a variable for every tween you make, and you save a line playing tweens.

[@byteblox100]

that works, but what if you need to stop the tween? or wait until its completed? you need a variable for that

[@chris_period]

at that point, yes, you should definitely use a variable instead. dropping the variable is just a neat little shortcut to save a few lines in a big script, but you do have to assign a variable when you're doing more than just playing a tween.

[@Player379]

doesnt work: Players.alter08084.PlayerGui.ScreenGui.DonationFrame.UIGradient.LocalScript:5: attempt to call a TweenInfo value

[@byteblox100]

Make sure that you’re not mixing up “TweenInfo” and “tweenInfo” (which is the variable we made)