Your GUI is Boring, Lets Animate It

Тәжірибелік нұсқаулар және стиль

50% OFF COUPON WITH "DOUBLEBYTE" (ends in 3 days):
linktr.ee/ByteBlox
To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/ByteBlox
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 :)

Пікірлер: 137

  • @byteblox100
    @byteblox1005 ай бұрын

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

  • @Vortex-qb2se

    @Vortex-qb2se

    5 ай бұрын

    Phishing link

  • @theperfecttroller

    @theperfecttroller

    5 ай бұрын

    Phishing link

  • @byteblox100

    @byteblox100

    5 ай бұрын

    Phishing link smh

  • @superolliebros

    @superolliebros

    5 ай бұрын

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

  • @theperfecttroller

    @theperfecttroller

    5 ай бұрын

    @@superolliebros Phishing link

  • @Zawaito
    @Zawaito5 ай бұрын

    "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

    @doubledog5187

    5 ай бұрын

    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

    @Zawaito

    5 ай бұрын

    @@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???

  • @SP.43
    @SP.435 ай бұрын

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

  • @Alleysss
    @Alleysss5 ай бұрын

    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!

  • @laperiodemasquer4409
    @laperiodemasquer44095 ай бұрын

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

  • @mustafa2450
    @mustafa24505 ай бұрын

    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.

  • @tomsterbg8130
    @tomsterbg813020 күн бұрын

    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.

  • @justmaak
    @justmaakАй бұрын

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

  • @r4nd0mStuff
    @r4nd0mStuff5 ай бұрын

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

  • @youcai3424
    @youcai34244 ай бұрын

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

  • @rockyes3239
    @rockyes32395 ай бұрын

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

  • @paulthetrainspotter
    @paulthetrainspotter2 ай бұрын

    ur my new fav youtuber

  • @SamHammie
    @SamHammie5 ай бұрын

    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

    @myrukun

    5 ай бұрын

    try it out

  • @ERGO288
    @ERGO28828 күн бұрын

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

  • @xhaphireTF2
    @xhaphireTF23 ай бұрын

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

  • @missfortune4321
    @missfortune43215 ай бұрын

    thank you

  • @Chillz_AZY
    @Chillz_AZY5 ай бұрын

    Good job teaching others, i also mastered tweens

  • @cross14playsroblox
    @cross14playsroblox5 ай бұрын

    you are very good on tutorials

  • @Alberto0432

    @Alberto0432

    5 ай бұрын

    I agree

  • @danzstuff
    @danzstuff5 ай бұрын

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

  • @mekithuat9832
    @mekithuat98325 ай бұрын

    So cool! TY!

  • @SargentMonkey
    @SargentMonkey3 ай бұрын

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

  • @miokazqq3671
    @miokazqq36714 ай бұрын

    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

  • @Vorthex3
    @Vorthex35 ай бұрын

    keep it up!!!

  • @MinorInconvenience999
    @MinorInconvenience9995 ай бұрын

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

  • @byteblox100

    @byteblox100

    5 ай бұрын

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

  • @heppecogheron6016

    @heppecogheron6016

    5 ай бұрын

    ​@@byteblox100please send the scam thx

  • @YenNguyen-qj1mo

    @YenNguyen-qj1mo

    5 ай бұрын

    ⁠@@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

    @AndrieMC

    5 ай бұрын

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

  • @CiaosonoMemosoo

    @CiaosonoMemosoo

    5 ай бұрын

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

  • @victorien3704
    @victorien37045 ай бұрын

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

  • @TheMaxGuy

    @TheMaxGuy

    5 ай бұрын

    weather

  • @BaconHairGaming11

    @BaconHairGaming11

    5 ай бұрын

    eathe

  • @user-gn6jl8mw2z
    @user-gn6jl8mw2z5 ай бұрын

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

  • @noone-uz9sg
    @noone-uz9sg5 ай бұрын

    Can we make one that slides like a loading bar

  • @RaFleStuff
    @RaFleStuff5 ай бұрын

    mattbatwings voice

  • @OSFlames
    @OSFlames2 ай бұрын

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

  • @legally4946
    @legally49462 ай бұрын

    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

    @byteblox100

    2 ай бұрын

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

  • @legally4946

    @legally4946

    2 ай бұрын

    @@byteblox100 ye fair point

  • @victorien3704
    @victorien37045 ай бұрын

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

  • @byteblox100

    @byteblox100

    5 ай бұрын

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

  • @unqool
    @unqool5 ай бұрын

    beow juw beow :D i love this intro

  • @MajesticUC
    @MajesticUC5 ай бұрын

    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

    @byteblox100

    5 ай бұрын

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

  • @MajesticUC

    @MajesticUC

    5 ай бұрын

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

  • @byteblox100

    @byteblox100

    5 ай бұрын

    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

    @MajesticUC

    5 ай бұрын

    @@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

    @Sadjhj

    5 ай бұрын

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

  • @neryd1
    @neryd15 ай бұрын

    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

    @alex342gwsturk8

    5 ай бұрын

    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

    @imanoob1234pl

    5 ай бұрын

    @@alex342gwsturk8 scale is useful

  • @Assumptionist

    @Assumptionist

    5 ай бұрын

    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

    @Brambes05

    5 ай бұрын

    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

    @_skribl

    5 ай бұрын

    ​@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

  • @not_eagleye
    @not_eagleyeАй бұрын

    him not adding UI corner for so long 😭😭

  • @samulige
    @samulige5 ай бұрын

    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

    @SuperCliche

    5 ай бұрын

    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

    @SuperCliche

    5 ай бұрын

    for buttons use clickdetectors

  • @pexoz5040

    @pexoz5040

    4 ай бұрын

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

  • @luxnatal
    @luxnatal5 ай бұрын

    tweens always fried my monkey brain but now they dont. thank you internet man! 👍

  • @fatmario420
    @fatmario4205 ай бұрын

    cool

  • @manfojo2396
    @manfojo239620 күн бұрын

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

  • @DenerMartins99
    @DenerMartins994 ай бұрын

    poopy mayonnaise

  • @TheBoxRobot1
    @TheBoxRobot15 ай бұрын

    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

    @byteblox100

    5 ай бұрын

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

  • @breaddacat7935

    @breaddacat7935

    11 күн бұрын

    (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

  • @QUBIQUBED
    @QUBIQUBED5 ай бұрын

    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

    @alex342gwsturk8

    5 ай бұрын

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

  • @byteblox100

    @byteblox100

    5 ай бұрын

    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

    @Sadjhj

    5 ай бұрын

    I feel like -1 is better

  • @Sky_Blue_Crew
    @Sky_Blue_CrewАй бұрын

    How do you tween the position of the UI?

  • @byteblox100

    @byteblox100

    Ай бұрын

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

  • @Sky_Blue_Crew

    @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!

  • @Fodnex
    @Fodnex5 ай бұрын

    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!

  • @EpicPico0625
    @EpicPico06255 ай бұрын

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

  • @byteblox100

    @byteblox100

    5 ай бұрын

    TweenSize() mfs trying to rotate a gradient

  • @chris_period
    @chris_period5 ай бұрын

    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

    @byteblox100

    5 ай бұрын

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

  • @chris_period

    @chris_period

    5 ай бұрын

    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.

  • @user-gd3lh6oh1p
    @user-gd3lh6oh1pАй бұрын

    7:52

  • @asshole124
    @asshole1245 ай бұрын

    i could do 1 line of code

  • @waflsyrup1
    @waflsyrup15 ай бұрын

    Thats 10 lines

  • @ImReallyLemoBloxROFL
    @ImReallyLemoBloxROFLАй бұрын

    yk whats boring?

  • @ImReallyLemoBloxROFL

    @ImReallyLemoBloxROFL

    Ай бұрын

    idk thankfully

  • @milkedRat
    @milkedRat5 ай бұрын

  • @byteblox100

    @byteblox100

    5 ай бұрын

  • @lenrainvr
    @lenrainvr5 ай бұрын

    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.

  • @SirJo_
    @SirJo_5 ай бұрын

    Stop bullying the teacher 😡

  • @jimneycricket
    @jimneycricket5 ай бұрын

    Are you guys going trick or treating

  • @olicon1000

    @olicon1000

    5 ай бұрын

    Yeah!!! 🍬🎃👻

  • @byteblox100

    @byteblox100

    5 ай бұрын

    Obviously wtf

  • @Stupidguy5I

    @Stupidguy5I

    5 ай бұрын

    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?

  • @Blackandmode
    @Blackandmode2 ай бұрын

    bro go make a game idc if you dont update it

  • @AndrieMC
    @AndrieMC5 ай бұрын

    Your video size is a square, lets change it!

  • @byteblox100

    @byteblox100

    5 ай бұрын

    macbook hustle

  • @AndrieMC

    @AndrieMC

    5 ай бұрын

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

  • @noobulus_YtReal
    @noobulus_YtReal5 ай бұрын

    most late person ever

  • @vermamaerodriguez96
    @vermamaerodriguez965 ай бұрын

    hi (first)

  • @ShadowClaw_Dev
    @ShadowClaw_Dev5 ай бұрын

    I am better

  • @thewarrior3220
    @thewarrior32205 ай бұрын

    Your tweens are boring, use spring motion

  • @Player379
    @Player379Ай бұрын

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

  • @byteblox100

    @byteblox100

    Ай бұрын

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

Келесі