Your GUI is Boring, Lets Animate It
HTML-код
- Опубликовано: 10 сен 2024
- 50% OFF COUPON WITH "DOUBLEBYTE" (ends in 3 days):
linktr.ee/Byte...
To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/...
You’ll also get 20% off an annual premium subscription!
discord: / discord
wondered how to make a main menu in roblox studio? or how to create a shop which has working GUI? ive made lots of 2024 roblox scripting tutorials about all the different bits of roblox to give you some up-to-date information about all of its properties and events.
my goal is to simply give some insight on how to use the various features and instances roblox studio, and show you some fun stuff you can do with them. thanks for checking out this roblox scripting tutorial :)
Get all of my knowledge in one package: linktr.ee/ByteBlox
Phishing link
Phishing link
Phishing link smh
I ain't gonna click that becuase apparently it's a phishing link. Is this true?
@@superolliebros Phishing link
"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.
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.
@@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???
You dont know how good roblox is until you learn what a pointer is
@@harryvpn1462 enlighten me please
I am genuinely flabbergasted, I don't understand how I've gone this long without knowing how tweens works. This is so useful.
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
That works, tween service is just better if you want more customization and just smoother animations in general
@@byteblox100 ye fair point
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!
Recently discovered your channel. Your videos are good quality and you explain things really well. Good job!
Ty for explaining what a tween is, it finally makes sense
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 RUclips, and it recommends this. Taking the piss, honestly 😅
Thanks for this vid, was looking for ways to make my game’s bland gui more interesting.
Your Video description is boring and repetitive, let's change it!
It’s fine bro, I’ll fill it up with links eventually lmao
@@byteblox100please send the scam thx
@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. :/
@@byteblox100Your name is cringe, let's change it!
@@AndrieMChow about a big nice cup of mind your fucking business
I probably need this for my next talent hub job
your videos are so good! love everything you've taught so far
tysm! This video is actually so useful! I love the way you teach these things
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).
I found a literal UIGradient on the videos time thing
I don't ever plan on making a game but I just watch you're videos for the entertainment
the intro is so different than the others
Play around with click animations too. TweenService is very fun and powerful ^~^
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.
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
@@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.
you are very good on tutorials
I agree
the whole script is at 16:54 if you wanna get straight into it
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
As always, your videos getting me the feeling "I want to code"
Can we make one that slides like a loading bar
Holy crap, thanks alot for teaching me tween service, man. It seems to be extremely helpful
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")
You could, but it’s faster to use Parent.Parent
@@byteblox100 true but it makes code more readable. If you're going to make tutorials, you should teach your viewers good practices!
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
@@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
@@MajesticUCWait, you don’t put the script in the GUI?
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.
I like your teaching style. Like, you are doing fun stuff along with showing script. Godly content
ur my new fav youtuber
*Thunder* YOU SHOULD OPEN A BLANK PROJECT FILE NOW! *Thunder*
16:20 bam jum bim
mattbatwings voice
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"
it’s simple though, all you need to do is put a local script in the gui button then just detect with button.MouseButton1Click
for buttons use clickdetectors
@@SuperCliche u can also use a surface gui and a textbutton in it
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!
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
@@alex342gwsturk8 scale is useful
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.
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. :)
@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
Good job teaching others, i also mastered tweens
thank you
Bro i was literally searching for this yesterday how did you know
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.
try it out
late reply you probably already figured it out but it should work by just changing {Size} to {Size.X.Scale}, {Size.Y.Offset}, etc
I'm not sure weather you made this video because of my suggestion or not, but either way thank you for this video!
weather
eathe
Average front-end web development be like
poopy mayonnaise
So cool! TY!
him not adding UI corner for so long 😭😭
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.
you sure? didnt the roblox documentation show that -1 was infinite?
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
I feel like -1 is better
Just a small question: what property is size just without it changing to the screen size
It would be the x offset and y offset, which are still in the size property
Can you please make a tutorial on how to make a cut scene
cool
Me when script.Parent.Parent:TweenSize(), script.Parent.Parent:TweenPosition() and script.Parent.Parent:TweenSizeAndPosition()
TweenSize() mfs trying to rotate a gradient
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
You can detect whenever the mouse position changes, and then get the mouse position. Look it up on google
(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
keep it up!!!
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.
that works, but what if you need to stop the tween? or wait until its completed? you need a variable for that
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.
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!
How do you tween the position of the UI?
{Position = UDim2.new(xScale, xOffset, yScale, yOffset)}
@@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!
x
Bro did they change tweenservice to tweeninfo or am i trippin'?
you're just tripping
@@randomchannel-kh7oc well yea
@@randomchannel-kh7oc I figured it out
yk whats boring?
idk thankfully
7:52
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.
beow juw beow :D
i love this intro
Thats 10 lines
i could do 1 line of code
bro go make a game idc if you dont update it
Stop bullying the teacher 😡
18 minutes just to code 7 lines 💀
because hes explaining it and making the gui
Are you guys going trick or treating
Yeah!!! 🍬🎃👻
Obviously wtf
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?
Your video size is a square, lets change it!
macbook hustle
@@byteblox100 Apple = trash, get a real pc and Itll work beautifully
most late person ever
Your tweens are boring, use spring motion
I am better
your video is boring, lets delete it
hi (first)
doesnt work: Players.alter08084.PlayerGui.ScreenGui.DonationFrame.UIGradient.LocalScript:5: attempt to call a TweenInfo value
Make sure that you’re not mixing up “TweenInfo” and “tweenInfo” (which is the variable we made)