How to make AWESOME Scene Transitions in Unity!

Поделиться
HTML-код
  • Опубликовано: 19 июн 2024
  • 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

Комментарии • 770

  • @just.tiramisu
    @just.tiramisu 4 года назад +1279

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

  • @Dexigon
    @Dexigon 4 года назад +947

    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
      @RedNeckJewsus 4 года назад +5

      same

    • @GymCritical
      @GymCritical 4 года назад +4

      Same, I was just stressing on it.

    • @_Vesper
      @_Vesper 4 года назад +3

      Me too!

    • @Nox__
      @Nox__ 4 года назад +1

      Me too it always happend

    • @danielwalter5436
      @danielwalter5436 4 года назад +4

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

  • @Oxygeniium
    @Oxygeniium 4 года назад +451

    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
      @supendi42 4 года назад +24

      Nice tips brother

    • @sagiziv927
      @sagiziv927 4 года назад +19

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

    • @Brackeys
      @Brackeys  4 года назад +233

      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
      @UnitCodesChannel 4 года назад +7

      @@Brackeys true

    • @Oxygeniium
      @Oxygeniium 4 года назад +18

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

  • @PepsiFruit
    @PepsiFruit 4 года назад +337

    "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
      @UnitCodesChannel 4 года назад +4

      PepsiFruit commenting so its more visible

    • @riqb837
      @riqb837 4 года назад +3

      Obrigado!🇧🇷

    • @josepgc1183
      @josepgc1183 4 года назад +17

      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
      @mannou38 4 года назад +33

      @@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
      @RetroAnt3 4 года назад +3

      @@mannou38 outplayed

  • @KrazyKain
    @KrazyKain 3 года назад +1

    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.

  • @jansmix6033
    @jansmix6033 Год назад +3

    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
    @visintel 4 года назад +49

    That canvas group trick for changing alpha is sick!

  • @taylorm2133
    @taylorm2133 Год назад +17

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

  • @KapybaraKSP
    @KapybaraKSP 2 года назад +3

    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!

  • @MrNerd-ll9my
    @MrNerd-ll9my 4 года назад +156

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

  • @polrogi
    @polrogi 3 года назад +78

    we will miss you brackeys :(

    • @BMSThomas
      @BMSThomas 3 года назад +1

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

    • @jasondegoumois3809
      @jasondegoumois3809 3 года назад +1

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

    • @jasondegoumois3809
      @jasondegoumois3809 3 года назад +1

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

  • @moosesnWoop
    @moosesnWoop 3 года назад +1

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

  • @aaronperron
    @aaronperron 4 года назад +11

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

  • @yahia1355
    @yahia1355 4 года назад +1

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

  • @danman6538
    @danman6538 4 года назад +18

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

    • @exhamza4063
      @exhamza4063 2 года назад

      dan man ? is that u GOOD game !

  • @iangraham6730
    @iangraham6730 4 года назад +7

    I just can't get enough of Brackeys!!

  • @alejolab
    @alejolab 4 года назад +22

    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.

  • @renevaldez7481
    @renevaldez7481 3 года назад +1

    This was such a great help thank you so much

  • @ChristopherAOBoyle
    @ChristopherAOBoyle 4 года назад

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

  • @ImmaSuperSaiyanGoku1
    @ImmaSuperSaiyanGoku1 4 года назад

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

  • @noahdorego6031
    @noahdorego6031 3 года назад

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

  • @s4m648
    @s4m648 4 года назад

    Thanks for making this tutorial, great work!

  • @alexdeegames
    @alexdeegames 2 года назад

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

  • @shanks4654
    @shanks4654 2 года назад

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

  • @arkalexx
    @arkalexx 3 года назад +1

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

  • @tassodemo2316
    @tassodemo2316 3 года назад +11

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

  • @maxrobotics3703
    @maxrobotics3703 3 года назад

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

  • @moonwatchereclipse5291
    @moonwatchereclipse5291 9 месяцев назад

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

  • @b33bo93
    @b33bo93 3 года назад +1

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

  • @Jalechah
    @Jalechah 4 года назад

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

  • @alexorbh7
    @alexorbh7 4 года назад

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

  • @Lukas-vv6um
    @Lukas-vv6um 4 года назад +1

    Yay another vid! I needed this

  • @sebastianfeistl
    @sebastianfeistl 4 года назад

    This is exactly what I need! Thanks Brackeys :)

  • @marscaleb
    @marscaleb 2 года назад

    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.

  • @jakob8876
    @jakob8876 4 года назад

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

  • @zeviic67
    @zeviic67 4 года назад

    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!

  • @kshitizyash9515
    @kshitizyash9515 2 года назад

    Thankyou for all your effort your are amazing😍😍

  • @zetsufir
    @zetsufir 4 года назад +47

    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
      @OlivierPons 3 года назад +1

      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?

  • @Futureblur
    @Futureblur 4 года назад +1

    I LOVE YOUR TUTS! 😍 ❤️

  • @newcomixx
    @newcomixx 3 года назад

    I love you, this was so clear!

  • @SwiftGames_
    @SwiftGames_ 4 года назад +12

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

  • @ticohightec367
    @ticohightec367 3 года назад +1

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

  • @NestedMango
    @NestedMango 4 года назад +1

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

  • @andrewm4815
    @andrewm4815 4 года назад

    Dude you are on a roll with these videos.

  • @ralphcalzada4767
    @ralphcalzada4767 3 года назад +1

    i started game dev because of this channel

  • @TheAstronomyGame
    @TheAstronomyGame 4 года назад +1

    Lifesaver bro thank you

  • @o_2731
    @o_2731 2 года назад

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

  • @JaysOnTheMoon
    @JaysOnTheMoon 4 года назад

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

  • @gameexplorer4963
    @gameexplorer4963 4 года назад

    Very very useful! Thanks!

  • @TopBagon
    @TopBagon 4 года назад +2

    Missed ya, thanks for the awesome video

  • @telecomanda
    @telecomanda 4 года назад +1

    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!

  • @StarGazerTom1991
    @StarGazerTom1991 4 года назад

    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 :)

  • @imhurt1619
    @imhurt1619 3 года назад

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

  • @CatptainWhiskers
    @CatptainWhiskers 8 месяцев назад +1

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

  • @JacksonXtreme
    @JacksonXtreme 4 года назад +24

    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
      @Furiousky 3 года назад +4

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

  • @fulgencejuniorlohore854
    @fulgencejuniorlohore854 2 года назад

    Thanks buddy!! it is really useful!!

    • @dcry1003
      @dcry1003 2 года назад

      any idea how to load next level using trigger fuction? on a gameobject using this transition script*

  • @cinnamintie
    @cinnamintie 4 года назад +26

    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
      @UnitCodesChannel 4 года назад +3

      Mint Fox Wait till you hear about DoTween 😋

  • @icu4
    @icu4 2 года назад

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

  • @Milzy_TBC
    @Milzy_TBC 10 месяцев назад

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

  • @sangitachoudhury1659
    @sangitachoudhury1659 3 года назад

    Thanks sir this video helped me a lot

  • @lercon9875
    @lercon9875 3 года назад

    Awesome I like it!!!

  • @lordpickaxe788
    @lordpickaxe788 3 года назад +1

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

  • @zendreamus
    @zendreamus 4 года назад +2

    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!

  • @stephenmiu
    @stephenmiu 4 года назад

    Awesome! This's amazing!

  • @MrVishalakhani
    @MrVishalakhani 4 года назад

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

  • @MATTCHUZZ
    @MATTCHUZZ 4 года назад

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

  • @hollowsoul5499
    @hollowsoul5499 4 года назад

    i love you brackeys keep up the good work

  • @uhkihku6498
    @uhkihku6498 4 года назад +181

    I wish they were someone like you on Unreal Engine 4

    • @vinos1629
      @vinos1629 4 года назад +30

      Unreal bad , Godot and unity good

    • @mustafaaljanabi4818
      @mustafaaljanabi4818 4 года назад +8

      @@uhkihku6498 lol, unreal it,
      *STILL GOOD*

    • @d.l.7416
      @d.l.7416 4 года назад +9

      u traitor

    • @mustafaaljanabi4818
      @mustafaaljanabi4818 4 года назад +3

      @@d.l.7416 mInEcrAFt

    • @clamum
      @clamum 4 года назад +4

      I wanna check out Unreal. I had a job interview last week and the couple guys that did my interview were pretty praising of it (and they had come from Unity, so it's not like they didn't know anything about Unity).
      Just made me wanna at least check it out at some point. They also said there's a free version of it too which I didn't know.

  • @saadtachrimant9704
    @saadtachrimant9704 3 года назад

    looks verry easy and awesome

  • @GameDevHQ
    @GameDevHQ 4 года назад

    Great way to do it!

  • @ezramatan5233
    @ezramatan5233 4 года назад +2

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

  • @louisecollins9213
    @louisecollins9213 3 года назад

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

  • @benjidawes3935
    @benjidawes3935 4 года назад

    Your Channel is literally the best channel on RUclips

  • @GeorgeWulfers_88
    @GeorgeWulfers_88 4 года назад

    Pretty cool stuff! Love your intros! :)

  • @tania.yunitaa
    @tania.yunitaa 4 года назад

    Wow awesome tutorial♥️

  • @hardikjain3153
    @hardikjain3153 2 года назад

    Amazing!

  • @mapachu6959
    @mapachu6959 4 года назад

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

  • @tejasbele1456
    @tejasbele1456 2 года назад

    Thanks Brackeys

  • @HausCoding
    @HausCoding 4 месяца назад

    really, really cool! 😎

  • @0TheAbusementPark0
    @0TheAbusementPark0 4 года назад

    thank you soo much.

  • @markoboredguy6911
    @markoboredguy6911 4 года назад

    YEEEEES! THANK YOU BRACK!!!!!!

  • @y01cu_yt
    @y01cu_yt 2 года назад

    Thanks!

  • @Shugin
    @Shugin Месяц назад

    You guys are awesome

  • @ThePigLord
    @ThePigLord 4 года назад

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

  • @oh-facts
    @oh-facts 2 года назад

    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

  • @bobi-ne5959
    @bobi-ne5959 3 года назад

    Learned!

  • @lolcat69
    @lolcat69 3 года назад

    thx brackeys, petty cool

  • @OlivierPons
    @OlivierPons 3 года назад +18

    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
      @therandomwordspodcast8710 2 года назад +1

      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
      @kartman146 2 года назад +5

      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
      @sarahpuspdew Год назад +1

      @@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
      @sarahpuspdew Год назад +1

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

    • @MrSacralidge
      @MrSacralidge 8 месяцев назад +1

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

  • @Beengus
    @Beengus 4 года назад

    I NEED THIS!!!!

  • @SophieAnteboth
    @SophieAnteboth 4 года назад +1

    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.

  • @titustavares6799
    @titustavares6799 2 года назад

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

  • @NilsMoller
    @NilsMoller 4 года назад

    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

  • @thisgamedev
    @thisgamedev 2 года назад +2

    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 :)

  • @mannou38
    @mannou38 4 года назад

    Jonas and Brackeys, I salute you.

  • @tribal7117
    @tribal7117 4 года назад

    You are amazing!

  • @mr.jgentleman5550
    @mr.jgentleman5550 4 года назад

    Really helpful

  • @Claudiopo_1
    @Claudiopo_1 4 года назад

    really really cool

  • @fozzythealbino
    @fozzythealbino 3 года назад

    Wow. Just saved me days of guessing and playing around. Especially the animator override.

  • @omarfarhaneh1681
    @omarfarhaneh1681 4 года назад

    WOOOOOW VERY PERFECT

  • @yehya2715
    @yehya2715 4 года назад

    The best game Developer in youtube.