How to make AWESOME Scene Transitions in Unity!

Transitions in Unity are easy to learn - let's have a look!
Get up to 91% OFF yearly plans using the code "BRACKEYS": www.hostinger.com/brackeys
● This video was inspired by: • Post Processing in Uni...
● Loading screen in Unity: • How to make a LOADING ...
● More about singletons: • How to use Singletons ...
● Check out the website and see how much you rock: youguysrock.org/
····················································································
❤️ Donate: www.paypal.com/donate/?hosted...
► Join Discord: / discord
● Website: brackeys.com/
● Twitter: / brackeystweet
● Instagram: / brackeysteam
········································­­·······································­·­····
► All content by Brackeys is 100% free. We believe that education should be available for everyone.
❤️ Donate: www.paypal.com/donate/?hosted...
········································­­·······································­·­····
♪ "ES_Dress Code_Black - oomiee" by Epidemic Sound

[@Dexigon]

I swear, every time I need to add something to my Unity game, you make a video about it on the same exact day.

[@RedNeckJewsus]

same

[@GymCritical]

Same, I was just stressing on it.

[@_Vesper]

Me too!

[@Nox__]

Me too it always happend

[@danielwalter5436]

Look for a @Brackeys package in your package manager. Now you know why.

[@just.tiramisu]

I am so happy your channel exists, i wouldn’t even be able to use unity without your channel

[@UnitCodesChannel]

Phoenix Gude True

[@UCWjF-rlGGWBHxEPLGJXZBoA]

Phoenix Gudhello

[@papbound2099]

He best channel

[@UCWjF-rlGGWBHxEPLGJXZBoA]

s mornningshana:-)

[@ssojyeti2]

literally had this exact thought

[@Oxygeniium]

6:11 instead of creating a new animation, you can put the same animation 2 times to the Animator Controller and in the second animation set "Speed" to "-1" in the inspector :).

[@supendi42]

Nice tips brother

[@sagiziv927]

Thought about it too, but creating 2 animations is easier to understand, and in this case, swap with different animations

[@Brackeys]

That is definitely true! But for many animations you want the start and end to be different, not just inverted. Such is the case with the CircleWipe for example :)

[@UnitCodesChannel]

@@Brackeys true

[@Oxygeniium]

Yea, I posted this comment for people who don't know about this "trick" and who just want to reverse their animations ;).

[@PepsiFruit]

"the first thing we are going to do" 2:11 "now we are ready to animate" 4:36 "let's go ahead and create a level loader script" 9:20 "All of the code we are going to need" 13:48

[@UnitCodesChannel]

PepsiFruit commenting so its more visible

[@riqb837]

Obrigado!🇧🇷

[@josepgc1183]

I dunno man having a comment like this is a bit insulting when the video isnt even that long and you can skip around on your own

[@mannou38]

@@josepgc1183 let's say, you tried doing this on your own, but came across an error while coding. do you really think, everyone wants to spend 13 minutes just to get one single error fixed, when you could've fixed it in less than 3 minutes. Timestamps are not "insulting", they are just for people that want to speed up the process. Edit: I could go way in depth, but I just don't want to waste my time on someone that is serious about timestamps insulting the creator, I'll just skip to the end💀

[@RetroAnt3]

@@mannou38 outplayed

[@jansmix6033]

Amazing tutorial! Screen transitions are seemingly a detail in games but it makes the experience much more comfortable than just switching from one scene to another. I put this script and animation into a prefab with my camera and can comfortably use it in any scene. Truly your channel makes stuff seem easy ♥

[@visintel]

That canvas group trick for changing alpha is sick!

[@KrazyKain]

This is brilliant, I love how once it's set up you can create just about any transition as long as you can make it in the animator. Definitely something I'll be making use of.

[@taylorm2133]

Man it's such a shame he doesn't make videos anymore, hands down the best unity tutorials i've found on youtube

[@MrNerd-ll9my]

Just a reminder that you're literally the reason that a huge amount of game designers are able to do what they love.

[@paramveersingh8615]

So True !!!

[@windwakin]

@@paramveersingh8615 I second this statement!

[@KapybaraKSP]

Y'know... When I started I'd have to come to this channel to understand EVERYTHING... Now... I added this feature to my game entirely by my self, making educated guesses from what I previously knew and it worked first time. I have you to thank for this, I actually have learned and made progress on what will be my first fully complete, fleshed out and time consuming project. I'm going all out on this game, but it's not something I plan to release in a month, but probably two years to give me enough time, and that's because of everything I've learnt from you!

[@aaronperron]

this guy is like the nicest drill sergeant. Plowing through the tutorial with no mercy in the most efficient way.

[@danman6538]

WHY ARE YOU DOING AWESOME TUTORIALS JUST RIGHT AFTER I FINISH MY PROJECT ! WHYYY !!!! You're awesome x)

[@exhamza4063]

dan man ? is that u GOOD game !

[@alejolab]

I accidentally found a way to make cool transitions (for a cancelled game long ago). Create a bunch of angled boxes with a flat black material covering the whole view of the camera, then animate the near clip plane and that's it. (if you need to have objects near the camera in your game use a second camera to render only the transition) The first transition I created was a bunch of regular boxes 45º to the camera, it looked like a lot of small triangles growing on the screen until filling it completely. Then I moved some rows a bit closer so the some small triangles would appear first creating in a swiping effect. After playing a lot with the concept I ended up creating a custom model in Blender to have a very cool looking transition with shapes swiping and growing from different angles. The possibilities are endless and they are very fast to create.

[@noahdorego6031]

Can't even BEGIN to explain how useful your channel is to me and many others, thank you for all the help!

[@tassodemo2316]

This man is the reason I made my first “game”. Thanks Brackeys!

[@ImmaSuperSaiyanGoku1]

I swear this channel is a blessing. It's helping me so much with developing my own games.

[@ChristopherAOBoyle]

Incredibly simple concept, but done by a true master. Plus I really wasn't aware of animator controller overriders! Thankyou so much Brackeyssss

[@iangraham6730]

I just can't get enough of Brackeys!!

[@moosesnWoop]

This channel still provides value. I think for the next 10 years, it's going to provide a lot of value.

[@yahia1355]

I was thinking of this when I started that CUBETHON game in your tutorial , now I'm making FPS game , I love you man , you are so good for us and for unity community ..

[@JacksonXtreme]

When swapping scenes for my game I used LoadScene(’Insert Level Here’) as an on-click function for my buttons. The transition might not be hard, but upon using a loading screen as a transition, you might need to look at both this tutorial and the loading screen tutorial.

[@Furiousky]

where is the loading screen tutorial, is it from brackeys?

[@arkalexx]

Yep, this channel is the best, I'm new In Unity like 2 weeks ago and I have learn a lot.

[@jakob8876]

Been programming for half a year now and damn your channel inspires me! Keep up the great work!

[@SwiftGames_]

Tfw spent ages on this last night and brackeys has a tutorial one day later

[@zeviic67]

imma be real with you, chief. Your videos have inspired me to attempt to self learn c# at quite a young-ish age and practice making games and coding all the features in. Keep up the amazing work!

[@telecomanda]

Dude that's so cool! My top-down shooter will feel much better with such animations in the menus! Honestly I wouldn't have even known how to create a project without all of your help from those awesome tutorials! Thank you! Also I could use some help with a Line of Sight effect using meshes and raycasts tutorial, would be great if you make one soon!

[@cinnamintie]

This is a really great tutorial. I can't believe I never knew animation overrides were a thing. That will be so useful in the future.

[@UnitCodesChannel]

Mint Fox Wait till you hear about DoTween 😋

[@ticohightec367]

I cannot express all the appreciation to this teacher. Thanks a lot :)

[@b33bo93]

this was more of an animation tutorial for me, thanks for teaching me how the animation works

[@StarGazerTom1991]

Wow, that's actually alot easier than I thought it would be. I'm going to practice with a few of these over the next few weeks for my game :)

[@shanks4654]

I love you Brackeys, the content of your channel always saves me!

[@zendreamus]

This is so weird... I was just looking for a tutorial on this, like TODAY. And what do you know, Brackeys provides. Thank you so much mate, don't know what I would do without you!

[@catsandgames9871]

Baader-Meinhof effect.

[@JaysOnTheMoon]

Brackeys is the GOAT of Unity tutorials! You guys are seriously awesome!

[@Jalechah]

I always learn something new ! thank you for these videos :)

[@sebastianfeistl]

This is exactly what I need! Thanks Brackeys :)

[@marscaleb]

That looks effective. I had built transitions into my game by drawing on the screen with the classic IMGUI instead of a canvas. The animation was entirely controlled through code, but I didn't have to add any special objects to my scene, much less any that were visually in the way in the editor. (They were controlled through a game manager script that was set to not destroy on load.) And since it was all animated through code, I also created a number of transition effects that would be more challenging to create through the animator.

[@renevaldez7481]

This was such a great help thank you so much

[@s4m648]

Thanks for making this tutorial, great work!

[@polrogi]

we will miss you brackeys :(

[@BMSThomas]

Feels weird coming back here knowing there probably wont be another video released here for a long time at least

[@jasondegoumois3809]

R.I.P Brackeys December 2012 - September 2020 He had a good 8 Years... D;

[@jasondegoumois3809]

I know I'm not dumb lol it just feels like it :T

[@Lukas-vv6um]

Yay another vid! I needed this

[@moonwatchereclipse5291]

Thank you so much Brackeys! I love your channel so much :)

[@maxrobotics3703]

Thank you sooo much, my love for this channel is strong. thanks.

[@zetsufir]

Ps: using the animator on a UI canvas "dirties" it even if nothing is going on because of the transform of the UI elements are being changed by the animator per frame; causing a recompute of all another elements in the same canvas which gets hairy in complex hierarchies. A good practice to improve performance is to make your scene transition in another canvas rather than the one in your UI and toggle on/off when needed.

[@OlivierPons]

When you disable a canvas, everything instant disappear.... and my solution is the opposite of yours (if your transition is in a second canvas (= you already had one), be careful to put your transition into your first canvas otherwise it wont work (Unity v2021.1.7)) but you are probably right: just showing a basic menu will eat up all the phone's battery... I have no simple solution for this. Maybe insert the "transition canvas" in CSharp when you want to fade out?

[@NestedMango]

It's always lots learning to watch your tutorial 💙❤😍

[@lordpickaxe788]

Your clip of Bercow shouting Order had me ROFL - it was so unexpected and awesome!

[@ezramatan5233]

@Brackeys in my favorite youtuber, this couldn't have been more perfect. I am making two scenes and couldn't figure out how to switch them.

[@TopBagon]

Missed ya, thanks for the awesome video

[@alexorbh7]

Fantastic video. Very helpful and clean way to do it.

[@alexdeegames]

It's so pretty simple and so cool, thanks!

[@andrewm4815]

Dude you are on a roll with these videos.

[@o_2731]

I came here for Scene transitioons, and learned more new shortcuts than from any shortcuts tuturial. Thank you

[@TurboAlligator]

For some reason my animation plays, and then the scene doesn't transition. any help would be nice. thanks! (unity version and code --> ) 2019.2.2f1, using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.SceneManagement; public class LevelLoader : MonoBehaviour { public Animator transition; // Update is called once per frame void Update() { if (Input.GetKeyDown(KeyCode.G)) { LoadNextLevel(); } } void LoadNextLevel() { StartCoroutine(LoadLevel(SceneManager.GetActiveScene().buildIndex + 1)); } IEnumerator LoadLevel(int levelIndex) { //play animation transition.SetTrigger("Start"); //wait for it to stop yield return new WaitForSeconds(1f); //pauses coroutine for 1 second } }

[@GBrayJ]

Try This: using UnityEngine; using UnityEngine.SceneManagement; using System.Collections.Generic; using System.Collections; public class Start : MonoBehaviour { public Animator transition; // Update is called once per frame void Update() { if (Input.GetKeyDown(KeyCode.G)) { LoadNextLevel(); } } void LoadNextLevel() { StartCoroutine(LoadLevel(SceneManager.GetActiveScene().buildIndex + 1)); } IEnumerator LoadLevel(int levelIndex) { //play animation transition.SetTrigger("Start"); //wait for it to stop yield return new WaitForSeconds(1f); //pauses coroutine for 1 second SceneManager.LoadScene(levelIndex); } } You are just missing the SceneManager.LoadScene(levelIndex);

[@TurboAlligator]

Anonymous Crab it works thanks! I can’t believe I was so dumb

[@Crystallizedddd]

@@TurboAlligator turbo i goeilla tag to

[@thisgamedev]

This is super useful, especially for my game, because switching a scene without a transition is super rigid and is quite ugly. This helps immensely, so thanks again Brackeys :)

[@Futureblur]

I LOVE YOUR TUTS! 😍 ❤️

[@benjidawes3935]

Your Channel is literally the best channel on KZbin

[@BryceStandley]

Thought i would mention you can also use Invoke("method name", float in seconds) to add a delay to a method being triggered as well

[@imhurt1619]

You are the. Best in the town thanks for your tutorials that made things easy for me I love you ♥️

[@NilsMoller]

Perfect timing for this! Could you make a video on customizable controls using the new input system? Can't figure it out for the life of me

[@OlivierPons]

Hint that worked for me: if your transition is in a *second* canvas (= you already had one), be careful to put your transition *into* your first canvas otherwise it wont work (Unity v2021.1.7)

[@therandomwordspodcast8710]

Bro you are a life saver. I was like what the hell am I doing wrong lol. Can confirm this was my problem and you solved it. Thanks!

[@kartman146]

Also, if you're like me and have two canvas and have issues with them overlapping each other, *remember to modify their sort order in the inspector*

[@sarahpuspdew]

@@kartman146 so uh what do i need to do? i have 2 canvas as well and the transition doesnt work well in my project....i alr sort the order but it still doesnt work

[@sarahpuspdew]

what do you mean by putting the transtition? what part do i need to move?

[@MrSacralidge]

two years later, still saving the day. thank you!

[@ThePigLord]

i wish more people made tutorials like you, i really need a voxel chunk generator but nobody explains the code process enough

[@CatptainWhiskers]

Thank you so much for this!! Now I can proceed to finish my homework assignment!!!

[@newcomixx]

I love you, this was so clear!

[@aymericplanet4329]

Again another amazing work. I promise i soon as i have a salary i'll give you something on Patreon, because it's obviously thanks to you that i'll can find a game dev job with unity ^^

[@GeorgeWulfers_88]

Pretty cool stuff! Love your intros! :)

[@SophieAnteboth]

Cool tutorial. BTW you can put the crossfade object to a specific layer and hide it in the editor, so it doesn't block the view.

[@MATTCHUZZ]

brackeys back at it with another great video!!!!

[@kshitizyash9515]

Thankyou for all your effort your are amazing😍😍

[@MrVishalakhani]

i knew how to do it but your methods were awesome and bit different.. learned sumthing new :D

[@kennethvedder]

You could also use an Invoke method with a customizable time for loading, instead of the Coroutine

[@hollowsoul5499]

i love you brackeys keep up the good work

[@louisecollins9213]

just got this working in my game and looks awesome your the best ! (;

[@prometheus625]

Last time I tried to do this I can now see I WAAAAY overcomplicated it lol, thanks as always brackeys 😂

[@Milzy_TBC]

I just made the exact same transition, thank you so much :)

[@TheAstronomyGame]

Lifesaver bro thank you

[@impicazo18]

wow, your videos are great and you explain very quickly, keep it up !!! PD: Im mexican and I can understand you perfectly and that doesnt happens very often C: thanks my dude!

[@gameexplorer4963]

Very very useful! Thanks!

[@stephenmiu]

Awesome! This's amazing！

[@greengummy5664]

OMG!!! why did i not watch this earlier, i just finished adding in a menu and i set each and every button text and toggle to change opacity at the same time, but individually

[@icu4]

Thanks a lot for this video. You are really help me.

[@sangitachoudhury1659]

Thanks sir this video helped me a lot

[@thesamepathover6874]

It’s insane how I spent all day today figuring out all of this in my own ( animation and coroutines) and then when I go to bed I find this video. 😂😂

[@kas-lw7xz]

@@AhmadRaza-ge3mc matey don't do permanent loops

[@papbound2099]

@@kas-lw7xz HE WAS THE CHOSEN ONE! HE WAS SUPPOSED TO DESTROY THE SITH NOT BECOME ONE!

[@papbound2099]

@@kas-lw7xz HE WAS THE CHOSEN ONE! HE WAS SUPPOSED TO DESTROY THE SITH NOT BECOME ONE!

[@sweet_krona]

@@AhmadRaza-ge3mc But this code will run the fading animation with different speed on different computers because of CPU clock frequency, and using animations you can set the exact amount of time.

[@kelpdock8913]

@@papbound2099 you okay?

[@MinhocaMortifera]

11:16 In my case I used a animation event in the last frame of the animation, but is good know other way of time control! 😁

[@Brackeys]

That is also a good way to do it! :) Just need to make sure that the script is on the same object as the animator!

[@leozhang1340]

@@Brackeys Hello sir! My team is struggling with making a viewing frustum for the AI in a top down 2d game. Could you please make a tutorial on that? I see a lot of complicated math involved and would love to see it being broken down and made easier. Your other top down tutorials were excellent! Please consider making this one if you can. Thank you!

[@eugene719]

I knew it! Brackets could change form all this time, so he actually is brackeys, blackthornprod, sykoo and jonas at the same time

[@oh-facts]

i was about to search this on yt but i wasnt sure what words to use and then i saw this is my recommendations; very cool

[@MiddleCross378]

Awesome tutorial as always. I ran into a bit of an issue, when I was loading one of my scenes, it just stayed black. I wasn't getting any errors oddly enough. I found out that my scene was named something like "FirstScene" but I was trying to load "FirstScene1" so it was just loading a black screen. So if anyone is having that issue, double check your spelling and references. Hopefully it'll help someone.

[@mapachu6959]

Nice... lo que estaba buscando :3 thank you for your time

[@lercon9875]

Awesome I like it!!!

[@JennHernes]

I love how much fun you guys seem to have had editing the intro to this video :D It's so fun

[@Handidev]

The Intro is amazing! Good one brack! 😎

[@markoboredguy6911]

YEEEEES! THANK YOU BRACK!!!!!!

[@titustavares6799]

Thank You Brackeys for Helping me Create my And my Friend's big dream, to create a game

[@brunomc7]

Hey! Could you make an updated tutorial about how to make a loading screen with these transitions (like integrating the loading screen into the transitions project that you've done) Thanks!

[@saadtachrimant9704]

looks verry easy and awesome

[@tania.yunitaa]

Wow awesome tutorial♥️

[@adrianbosborne]

Hey Brackeys, can you please do a tutorial on active ragdolls. There are no good videos about it anywhere! Thanks.

[@hamzaelshennawy3429]

My words can not describe how much I want to thank you for what you did to me, you really did help me to improve my life. When I start to earn money, first thing I will do is donating 100$ to your website. Really thank you.

[@rorytait5640]

Anyone else remember this??? Thanks for tuning in at brackeys. Bum da bum da da bum da du du du bum da dum... music to my ears

[@yehya2715]

The best game Developer in youtube.

[@IndieMarkus]

Interesting to see you remake a video about something you already did 2 years ago less elegantly. If you go through the trouble of creating a loading screen, then please do the async method for performance's sake.

[@GameDevHQ]

Great way to do it!