Roblox TweenService Tutorial 2021 | Roblox Studio

[@CyberCreator]

Did you find this tutorial helpful? Smash the like button for the algorithm boost!

[@frypan2746]

Yes and yes

[@rev3609]

Is if possible to tween an entire model size/scale? Or can I tween just the parts/meshes with in the model

[@XtraContent]

How can I tween the position?

[@ongsach8542]

Yes verry

[@flamu9183]

@@XtraContent i tried to do local goal = { Position = CFrame(-331, 17.249, 26153.5) } but it didn't work for some reason.

[@wilhelmjtard]

This is what you get when you find a tutorial that gives all the little details out, you learn as much as you can.

[@flooferss]

Oh. My. God. The moment I watch this video in full, i’m a pro tweener. THANK YOU!

[@kurdmajid4874]

bro what in the actual... dude this is the best tween tutorial. I leared so much dude you just earned your self a dang sub. tysm for that tutorial.

[@alex342gwsturk8]

as soon as i found out tween service i cant stop using it, god this thing is so damn usefull i made gates and so much more that was needed for my game, subscriber earned

[@fetecdagostino4979]

im stalking you =) jk but good to see you again

[@belgaelr2380]

YES, a tween service tutorial Keep the good work!

[@CyberCreator]

Thanks, will do!

[@irfanhakim4617]

Wow, this is gold! You're teaching by using the API reference. That makes me more understanding of how to use it with no scares anymore...

[@CyberCreator]

Glad to help!

[@ThatGuyNamedBender]

As a rule of thumb, the denial clause is faster for code execution. For instance when we are checking if it's a humanoid that touched the object it's actually faster to do this if not humanoid then return end; In my opinion it also just looks cleaner than nesting everything inside of an if statement. But other than that amazing tutorial 👍

[@Papaintion]

Very formative. Good as always, Cyber!

[@CyberCreator]

Glad you enjoyed it

[@babababa5958]

You are so underrated I hope you make it big soon

[@CyberCreator]

Thank you!

[@HoogyProduction]

How do u make is so when u touch a part it tweens a Model?

[@buddysalv1659]

best tutorial I’ve seen so far! you’re a great teacher, thank you so much :)

[@dagreatrayz6307]

This was so good I subbed. Im pretty fresh to scripting so I dont exactly know what im doing but this looks easier the more I watch, Thank you.

[@frypan2746]

Great job as always, your the goat of tutorials

[@CyberCreator]

I appreciate that!

[@mrsashimi4740]

I watched many video's but this is the only video that I understand what is tween service and now I understand what is tween service

[@erglwrgl]

Thank you so much! I've always struggled remembering how to tween for some reason so I always had to rewatch videos to know how to do it, but this video put tweening in my memory!

[@crossiscool6681]

Thanks man You earn a sub you really deserve it

[@jellybeann69420]

Thank you!! You are THE best roblox teacher i know. Thank you!

[@CheeseY420]

The TweenService is the best thing ever!

[@НосатыйЧел]

Idk for what i need this, but i watched :D

[@CyberCreator]

Lol. Hopefully you understand how you could use it now

[@TheRedduckGaming]

Used for allot of things in games

[@yannieqt2438]

idk what im going to type about but- Your videos are great! Amazing BOOOTIFUUUUL and WONDERFULLL xD lul :3

[@CyberCreator]

I'm glad you like them! Thanks!

[@yannieqt2438]

@@CyberCreator wc!

[@MarkwithK]

wow I really understand it now lol. other ppl that teaching the TweenService they just don't go much on detail about it

[@CyberCreator]

Glad you understand it now! Thanks for watching

[@Mr.Sparklez]

Amazing. Thank you for explaining it so clearly 👍

[@natenakamura4776]

This helped me out a lot, you explain everything perfectly and I'm getting closer and closer to becoming a pro scripter. Keep it up!

[@110pLover]

💀

[@a.t.p.engineer7154]

Thanks now I know how to make parts turn transparent smoothly

[@CyberCreator]

Glad I could help!

[@gooyes8834]

make sure that once you get overall better via scripting that you soon begin to know that using tweens especially on the server can up the server bandwidth making it quite slow if you got too many requests or for short can create some lag especially if there are a lot of people playing there are also shortcuts into assigning tweens an example of that can be local TweenService = game:GetService("TweenService") TweenService:Create(Instance, TweenInfo.new(EasingSpeed, EasingDirection.Any, EasingStyle.Any), {Property):Play() Yes you are able to create your own goals table if you choose so but most times you really just need a quick property change And yes same with the TweenInfo Another tip is yes you are able to either add more things to the info or not you do not need to specify how many times it should repeat or if it should reverse you can just leave it as it is if you are lazy These are just small recommendations you are free to choose to follow them or not :)

[@CyberCreator]

I plan on making a video discussing when you might want to do something like a tween on the server vs the client. You can definitely create and play a tween like that, but it can sometimes help readability if you name the tween and can be useful to have the ability to pause the tween or check when it is completed.

[@weldedflap2806]

thank you so much! im just a starter scripter but this will help me so much, thank you once again!

[@CyberCreator]

Glad I could help!

[@ralstain6374]

how could I make a part move and follow certain waypoints so example: It could go up turn left and go up again and follow the waypoints?

[@tieudongnhon]

You're a legend... I- TYSM

[@Papaintion]

There’s one thing I would like to know but it’a not associated with the video. What does for i = (something) do? I tried searching it up but all I got is for i, v in pairs(). I would like to have a brief explanation on what it does and how to use it.

[@CyberCreator]

Do you mean like this for i = 0, 10 do print (i) end ? That would set a variable i equal to 0 to start. Every time the loop repeats i would be incremented by 1. Then the loop would repeat 11 times. 0-10 would be printed. On the last iteration, i would be incremented from 10 to 11, it would be checked against 10 and since it is greater than 10 the loop would stop. I believe I cover this in my video on for loops if you want to check it out. kzbin.info/www/bejne/n3zRpaSbf7uppJY The code above is actually the same as for i = 0, 10, 1 do print (i) end Because the default "step" is 1. You could change the code to for i = 0, 10, 2 do print (i) end to increment by 2 every time so 0, 2, 4, 6, 8, and 10 would be printed

[@younz3942]

You deserved a new sub

[@CyberCreator]

Thank you!

[@karimsalameh5797]

do you think this can work with sprinting? like this local player = game.Players.LocalPlayer local mouse = player:GetMouse() local camera = workspace.CurrentCamera local sprintSpeed = 30 mouse.KeyDown:Connect(function(key) if key == "0" then --Sprint camera.FieldOfView = (80) player.Character.Humanoid.WalkSpeed = sprintSpeed end end) mouse.KeyUp:Connect(function(key) if key == "0" then --Stop Sprint camera.FieldOfView = (70) player.Character.Humanoid.WalkSpeed = 16 end end) is there a way i can use tween service with this? and if so how can i do that?

[@sashapromin]

Probably no because tween service is for animating objects not smoothly changing values

[@XtraContent]

​@@sashapromin it works though

[@sashapromin]

@@XtraContent You tried to make it?

[@Gamertaque]

Yeah no you’d need to lerp it, also! You should never let the walkspeed be set on the client, hackers love that shit

[@PixelForge4Real]

Dude this is perfect!

[@mihay6643]

Awesome for begginers, thx

[@CyberCreator]

I hope it helped!

[@critsintheworld9696]

"thanks and have fun" -gabe newell

[@Sky-ch7zw]

You're life saver, Thanks!

[@quince4528]

Is this the video I suggested :D?

[@CyberCreator]

💯

[@ike4647]

Did they change "find first child" with "findfirstchildwhichisa" or does it matter?

[@CyberCreator]

They are two different functions developer.roblox.com/en-us/api-reference/function/Instance/FindFirstChild developer.roblox.com/en-us/api-reference/function/Instance/FindFirstChildWhichIsA

[@jklpe]

Yo bro thanks I was looking for this

[@CyberCreator]

I’m glad I could help!

[@DenLeft]

thank you man your a life saver

[@CyberCreator]

Glad I could help!

[@Avratix]

BRO THANK YOU SO MUCH YOU SOLVED MY PROBLEM

[@peterbakoss8803]

Great Video Thanks For Putting Effort to teach us robloc studio things.....

[@CyberCreator]

Happy to help!

[@betrayedpickle291]

great vid!

[@CyberCreator]

Thanks pickle!

[@Mo0No0]

This video helped me a lot but I'm struggling on the mouse enter and leave functions, I'm stuck and I want to know how to change position instead of size. My image always goes to the top left of my screen no matter what end position I have, is there any way you could consider making a video about it or somehow helping me?

[@mrchooc2038]

It's not working :( I hate myself

[@xuxhshshuajfjajfajfjada4012]

thank you! also is this good for a vibe game? i wanna make a game w it looking like the bus is actually driving

[@slay_queens727]

Thanks. i'm using this for me creator boss rage mode transform.

[@vinitatore5245]

Hey, so Im trying to make a door, a blast door, but with text and caution signs and stuff, yet I cant figure out how I can make it welded to it, so I have resorted to CFrames, yet I cannot figure out how people make it so smooth with them. Can you tell me how I can use CFrames with the door?

[@GibberJoonjes]

you are so helpful you help me out so much

[@cerealmuncher757]

in the output box there is an error that says "FindFirstChildWhichIsA is not a valid member of Model "Workspace.occlee" (occlee is my username) does anyone know how to fix it? edit: im an idiot i made a simple capitalization mistake smh

[@CyberCreator]

Glad you figured it out! Thanks for watching!

[@natiscool99]

Why doesnt it work in local scripts when i put the local script in starter player scripts

[@terminitelol]

this helped me! however, i do have a question i have a gui text that rotates 15 degrees and i'd like to make it reverse and turn the same amount of degrees but in the opposite direction when it's done. the reverse thing only makes it go back to 0 how do i do this?

[@kingtoppy]

Can u show the script?

[@sashapromin]

How to make gui gow in all directions and bounce?

[@random_1045]

Could you make a tutorial on how to tween models?

[@bloomcalyl]

Can you show how to make a part move when you click it, and when you click it again it moves back? Thanks!

[@saya47k46]

Hi dude are you have any games at roblox? If yes I wanna try it

[@CyberCreator]

Nothing at the moment. I’ll probably try to release something soon

[@goofymanmike623]

Wow thanks so much!

[@CyberCreator]

Happy to help!

[@goofymanmike623]

@@CyberCreator can you make a video on body velocity?

[@НатальяНиколаевна-с1ц]

Cool tutorial but how to make the tween animation play slow and also part should play tween animation itself

[@betrayedpickle291]

great tut ty! i made a new security camera system tut btw 👀

[@CyberCreator]

Sweet! I'll check it out!

[@beefchopstick]

This tutorial is really helpful! but I got a question for some reason when I do some tweening, it doesn't stay in the same position, like for example when touching a part and you want the UI to zoom in, well it zooms in on (for example) the top left corner instead of the middle, can you tell me how do I fix that?

[@baltic8558]

might need to offset the gui by the size (say you want the gui to increase from 20x20 to 40x40, you move the gui at the same time as the tween by 20 as that will in theory offset it)

[@beefchopstick]

@@baltic8558 alright, thanks for the help.

[@BrandonZChin]

How do you run this script on client side rather than server side. This is because if I choose to use a lot of cframe tweening. My server will take on a huge toll.

[@TMH_PLAYER]

Cool 🆒

[@CyberCreator]

Glad you think so!

[@TMH_PLAYER]

@@CyberCreator ☺️

[@Beij1ngCorn]

if you're interested, please help me tween a slash effect, so if I swing with my tool, an effect (slash) comes out

[@Kangdil]

use trail

[@wah9861]

how would you get the part to go slower

[@youngjusticechannel7571]

what about tween position???

[@Wofie224]

how to tween players cframe to another part cframe?

[@filipmusialski5943]

I'm sorry but, it's bugged. It keeps saying on line 18 there's an error and on the info, it just doesn't work. :(

[@CancerCrab]

I was trying to make a block with a decal on it that changed from white to black and stayed black when you click it, but nothing is working. Any idea how to script that?

[@CancerCrab]

Nevermind I went through the video again and figured it out :) great vid btw

[@wverbrug1]

i still dont know how i can tween a CFrame

[@johnbreechvillaverde7189]

what does enum means?

[@stuffedturtle1426]

I have a part that is tweened to turn 100 on the y axis, but for some reason the children under the part wont tween with it. They aren't anchored, they Are welded to the part thats tweening, the part is correctly tweening but the child of the parent aren't tweening. If that makes sense? more info below--- I have 2 windows that when a prox prompt is activated they open the windows. Sadly the frames (which is a Union) and the glass (a child of the Union) aren't tweening with the hinge part (the parent of the frames) HingeA -- This tweens LeftWindow -- This Doesn't tween Glass -- This Doesn't tween HingeB -- This tweens LeftWindow -- This Doesn't tween Glass -- This Doesn't tween Any help or Ideas would be amazing! :D

[@unixsocks]

Use GetChildren, it creates a table of the children. Sorry if I'm too late.

[@Kirb878]

is it possible to tween a pointlight?

[@xzSeer]

you can move a part with a pointlight in it i believe

[@NotFKC_RobloxGaming]

You didn't really cover changing pospitions

[@deria17kk94]

Thank you, i can now make things m o v e

[@CyberCreator]

Awesome!

[@HarryNotFoundYT]

it didn't work for me...

[@vividXDLOL]

damn ill never learn something like this

[@CyberCreator]

Yes you will! Don't give up!

[@vividXDLOL]

@@CyberCreator i'm already learning a little bit

[@EktoAnim]

10:14 you don’t need tweenservice to tween a gui

[@notrenleaf]

Can u make a video how to make a fnf game if u can please I really need it please and thank you.

[@CyberCreator]

Thanks for the idea!

[@notrenleaf]

@@CyberCreator Np and have a great day.

[@CSDETEK665]

I literally made an elevator by Tween Service

[@Cartoonclipped]

The Color3 part of the video does not work. Someone help me? local TweenService = game:GetService("TweenService") --calls the service to be used in this script local part = script.Parent --links the part and the script together local partTween = TweenService:Create(part, TweenInfo.new (), {Transparency = 1, Reflectance = 1, Color = Color3.new(1, 0.333333, 0)}) --sets the goals for the part part.Touched:Connect(function(otherPart) --Player Touch part effect local humanoid = otherPart.Parent:FindFirstChildWhichIsA("Humanoid") --defines player if humanoid then --if player touches part then partTween:Play() --makes the tween object begin its action end end)

[@b-1336]

How many vids can u upload in span of 1 week bruh

[@CyberCreator]

Hopefully at least 1 more!

[@tramarthomas6105]

No offense, but for tutorial, that will most likely have beginners watch, you went about scripting the door poorly. If you're going to have a Side object, you might as well use it's CFrame to rotate the hinge around. With this method, you can check if the twos CFrames are equal and use that as the conditional for opening the door

[@0skillgamer]

i am very confused

[@thomasreed9833]

I disagree with some of the way you did your ui tween, as there is MANY easier and more efficient ways todo it without clogging up space in ur script and minorizing lag

[@yelwoyt1291]

tysm! this tutorial is very helpful! now i know how it works and how to do it! EDIT: sub from me :)

[@CyberCreator]

Thank you so much!

[@Ooga_OnYT]

this doesnt work 😭😭😭😭😭😭😭😭

[@Beanz_YT123]

Its because it was 3 years ago Roblox studio is updating

[@oreoz2772]

8:30

[@UnderscoreBread]

how to animate without a single script. bruh

[@justacommenter9389]

You can't, you need a script to run animations anyway

[@divine5470]

Hi

[@CyberCreator]

Hello!

[@LostW]

sup

[@saya47k46]

Sup

[@CyberCreator]

Thanks for watching!

[@KainaOficial]

like brasil

[@ersanovoroblox6102]

I've used the Tweenservice before but right now I have a problem I need help with: So I am trying to make a Tween with ofcourse local tweenname = tweenservice:Create() but between the () thingy i put my part but the rest of the items (tween info and goal) keep getting a red line under it, can you tell me what the problem is? edit: nevermind i put the created tween line before the info and goal sorry im so stupid

[@SubToBorys9975]

script: local TweenService = game:GetService("TweenService") local Frame = script.Parent.Frame local START_SIZE = Frame.Size local GOAL_SIZE = UDim2.new(0, 200, 0, 200) local TIME = 0.2 local INFO = TweenInfo.new( TIME, Enum.EasingStyle.Bounce, Enum.EasingDirection.Out, 0, false, 0 ) local mouseEnterTween = TweenService:Create(Frame, INFO, {Size = GOAL_SIZE}) local mouseLeaveTween = TweenService:Create(Frame, INFO, {Size = START_SIZE}) Frame.MouseEnter:Connect(function(HoverOverFrame) mouseEnterTween:Play() end) Frame.MouseLeave:Connect(function(TakenMouseFromFrame) mouseLeaveTween:Play() end) Frame.InputBegan:Connect(function(Input) if Input.UserInputType == Enum.UserInputType.MouseButton1 then if mouseEnterTween.PlaybackState == Enum.PlaybackState.Playing then mouseEnterTween:Pause() else mouseEnterTween:Play() end end end)

[@Robo45456]

Anything wrong with my code: local big = game:GetService("TweenService") local part = script.Parent local info = TweenInfo.new( 0, Enum.EasingStyle.Sine, Enum.EasingDirection.Out, 0, true, 0 ) local goals = { Size = Vector3.new(35,10,35); } local grow = big:Create(part ,info, goals) grow:Play() for some reason it dont work

[@nat-so-cool]

what does otherPart mean ?