Master UI ANIMATIONS! - Unity UI tutorial

[@AndrewFomin]

Well done! Your free videos about Unity UI are much better and show more features than a course I bought. Thanks for putting so much effort into making clear and useful tutorials.

[@RAH3RI]

Hey I just started Unity development and your channel helps me a lot! Your explanations are simple and clear, always well detailed and easily understandable, which make me win a lot of time. I just wanted to say thank you, for sharing your knowledge!

[@amogh2101]

I really like how you present information! The UI aspect is well done. Appreciate the high quality tutorial!

[@PrashantUnity]

4K Quality Tutorial ❤❤❤❤❤❤❤❤❤❤❤❤

[@arcay69]

for everyone who don't have the "Auto generate animation", it's because of the Animator component so delete it

[@coolsai]

most underrated channel ❤️👍🏻

[@r.f886]

Awesome Tutorial, this really deserves more than 10k likes. Please keep making great tutorials like this one.

[@Chapali9a]

Great content. I hope you do more Tweening tutorials. There arent many o youtube and yours is great.

[@kboss1998]

GREAT VIDEOS & CONTENTS! Your channel deserve more views.

[@denn501]

Exactly what I was looking for Thank you so!!

[@HDClips0801]

This was super helpful, thank you so much!

[@SuperTungbi]

great tutorial, nice and clear voice, really good man ;)

[@yahyayozo8660]

thanks man this was really helpful

[@disobedientdolphin]

Very nice, thanks! The only thing I would question is using public variables as references for game objects instead of [SerializeField].

[@LADFStudio]

Sr, i have a concern. How we stop the jumping ? If “.setlooppingpong” is the eternal loop.

[@vivekbarjod6815]

you can choose another options >> setLoopCount or setLoopOnce at 5:42 you can see them...

[@nuclear-zone]

pls make tutorial on Tab sysytem, ur videos are very easy to understand

[@lolol-kt6vp]

Geartly explained!! Thanks :))

[@SquareOneTutorials2020]

Nice video, great job!

[@erosallica]

Thank you very much!!

[@angel_luis]

Another subscriber here.

[@camango1]

but my leanscale doesnt work always.I have 3 scenes and in all scenes i am using lean scale but it sometimes runs and sometimes dont

[@firizz]

It works perfectly in the first run/play, but it didn't work at all in the second attempt, every part of the script works just fine except the leantween (LeanAlpha, LeanMove, etc), any solution? note : I notice if i make any changes in the script and then the editor recompile the script, the Leantween could work again but only in the first run

[@skkkkkkkkkkkkkkkkkkkkkk]

have the same issue did you fixed it? found on internet that if you create new project and move all files there it might help.

[@firizz]

@@skkkkkkkkkkkkkkkkkkkkkk I already forgot about this project but now I'm using Dotween, it works perfectly

[@_Garm_]

Great tutorial! :D

[@CocoCode]

Thanks! 🎉

[@MrFarkasOfficial]

YES.

[@yojan69]

is there any "bad thing" or affects perfomance or something else if i use animator animations instead via code (this tutorial's)?

[@gamethusiastcafe7584]

perfect

[@sanusam420]

7:59 what type of GameObject is the "DialogueGroup"..?? Is it "empty GameObject "or other "UI elements".?? Please help me.. sorry for bad English..

[@fluorescente]

I am following your instructions, but LeanMoveLocal is making things move all over the place. The numbers I put in code are not the numbers that happen once in Game mode! any ideas?

[@fluorescente]

@Sir Fluff no, I had to resign... I guess it's about the scale factor and local positions, world positions... I don't know, I'm new in Unity and that is still very confusing for me

[@fluorescente]

btw I only had issued with images anchored to corners, when they are anchored (well, the cross thing with the rect transform) to the center, they work fine

[@Андрей-о1д4с]

I think it's important to activate and deactivate dialog windows when appearing and dissapearing.

[@osiris5449]

Please show me how to make an in-game with a scrollbar on the right.

[@mohammedo.6895]

I liked very much your source code theme, please how can I get similar one ?

[@julmardelima1434]

Why mine is moving very fast i cant see the animation of character jumping?

[@nagarjunavatti9288]

Hi, I tried the dialogBox code but somehow the dialog box appears on the screen right after pressing the play button. That's the first thing that appears on screen. Rest everything is working fine but how to stop invoking the dialog box right after pressing play button on unity Thank You

[@fluorescente]

It's about the rect transform, this tutorial doesn't work if the objects you try to animate are not aligned to the center

[@ThanhNguyen-po7zy]

its weird to me. It works once only whenever I modify something in the code then unity reload them. after that, it does no thing even when my scrollview is at 0, 0, 0

[@furkanozkahraman6101]

is it leantween ?

[@kyung.lee.official]

Great tutorial but I thought the cover means how to tween from a circle to a pentacle.

[@gamehub24275]

Nice work, how to implement it on pause menu , timscale=0(is stoppung animation )

[@CocoCode]

You can add .setIgnoreTimeScale(true); to your animation

[@gamehub24275]

@@CocoCode Thank you i will try it :)

[@Marwan_W_Elzeiny]

Thanks for the tutorial Coco Code it works for me but when switching canvas to scale with screen size: 1920x1080 it makes something cannot understand, after clicking ok button the dialog box stuck on the down of the screen and cannot close so what is the problem

[@tuutti_dev]

I think the positioning should be the problem. Have u solved it?

[@Marwan_W_Elzeiny]

No I turned it to scale screen size 1920x1080 and then doesn't solve in normal canvas it works but in other it moves for 20 y and then stops in this position

[@tuutti_dev]

@@Marwan_W_Elzeiny So if you have the moving object under empty object wich scale isn't scaled for the hole screen then it does that. So scale moving objects parent to full screen size. Try that first

[@Marwan_W_Elzeiny]

@Tuutti Ok will gonna try thanks

[@katherinezhu574]

When I was following the open and closing settings window part, only the texts on the window shows up, but not the background image of the dialogue box...does anyone know what was the problem? thanks!

[@Brainyplanet]

Can we use this in monetized game which is on Play store? Or I have to take permission.

[@CocoCode]

Yes, you can use LeanTween in your projects for free!

[@Brainyplanet]

@@CocoCode Oh great! Thanks for the tutorial.

[@TheIsolatedGamerz]

Good shit man! :)

[@nofilkhan3164]

Wao ,you are awesome !!!

[@deyvischarles]

'CanvasGroup' does not contain a definition for 'LeanAlpha' and 'Transform' does not contain a definition for 'LeanMoveLocalY' Unity 2020.3.6f1 :(

[@cuentaprueba8332]

Look this 1:26

[@mohamedridahilali5062]

Hey, Did u solve this issue ?

[@marcdirian6370]

Hello Coco so nice tutorials !! May I try a question ? :-) I've got in a UI, 4 buttons in a control panel. Those are not visible by using Y parameter (Y = -400) to have it out of game. I'd like to use a script to make appear this "control panel" and get it visible (Y =0) when I click on a button. Is it possible ? thank's

[@amburger1984]

you could just attach a scrip to the onclick button and set the buttons position to a new Vector3(x, 0)

[@binarium4376]

1:26 2012?

[@CocoCode]

My bad! Of course 2020 ;)

[@binarium4376]

ya understandable :)

[@hegemon3]

I use Unity 2020.3.30f1 and I don't have LeanTween in My Assets

[@gamedeveloper1000]

There's now something called UIToolkit and it includes transitions..

[@The-Dev-Ninja]

good bro.😀

[@freedom6984]

How can this setup to work on multiple resolutions?

[@CocoCode]

Glad you ask! Check out my other video about that: kzbin.info/www/bejne/h5-3XmWBrbupr80

[@freedom6984]

@@CocoCode thanks, i followed your video but it didn't work out( I want to make a panel fly out from the bottom part of the screen, so if I do the move function, depending on the size of the screen, the panel stops in different place. What am I doing wrong?😅

[@이지현-w5m9w]

Hey Thankyou

[@jeremaineramirez5475]

where is the "other video" without the coding

[@CocoCode]

I'm still working on it, sorry for the delay!

[@jeremaineramirez5475]

@@CocoCode oh sorry, I though it was uploaded already

[@CocoCode]

The next video is up! kzbin.info/www/bejne/mKOciq2mnqeYf9k

[@ChristVill45]

Is this for Android Code?

[@CocoCode]

Works on all platforms ✅

[@cyrus3430]

1:30 you said if you are using 2012 or newer😂😂😂

[@CocoCode]

🙈

[@stefancc83]

and my Dialog is opened as soon as I run my app

[@stefancc83]

ok, I found :) ... great tutorial btw

[@nagarjunavatti9288]

@@stefancc83 how did you solve this issue, even I am facing the same

[@stefancc83]

@@nagarjunavatti9288 I don’t remember exactly, but I thing you need to set isActive to false

[@nagarjunavatti9288]

@@stefancc83 using System.Collections; using System.Collections.Generic; using UnityEngine; public class DialogueBox : MonoBehaviour { public Transform box; public CanvasGroup background; // Start is called before the first frame update private void OnEnable() { background.alpha = 0; background.LeanAlpha(0.43f,0.5f); box.localPosition = new Vector2(0, -Screen.height); box.LeanMoveLocalY(0, 0.5f).setEaseOutExpo().delay = 0.1f; } // Update is called once per frame public void CloseDialog() { background.LeanAlpha(0, 0.5f); box.LeanMoveLocalY(-Screen.height, 0.5f).setEaseInExpo().setOnComplete(OnComplete); } void OnComplete() { gameObject.SetActive(false); } } Here is the code

[@nagarjunavatti9288]

I tried to set the Open Dialog box button to false .. still no luck :(

[@yojan69]

1:26 2012 xdd

[@cyberkonco]

Sir how make Character automaticaly jumping without button, after scene opening?

[@mhamadomar7893]

Huh like what?

[@uchihai_a_h4871]

I use unity animation clips than tweening as it gives visual feedback inside editor itself.

[@CocoCode]

I also like using Animator in Unity UI - in my opinion it’s a bit more designer-friendly. but for such simple animations like dialog appear, Tweening may be the better way to go. Second video about the Animator coming soon!

[@CocoCode]

Thanks for tuning in! Next Animations video coming next week! 💜 Join our Discord: discord.gg/hNnZRnqf4s​

[@CocoCode]

The next video is up! kzbin.info/www/bejne/mKOciq2mnqeYf9k

[@CocoCode]

Dive deeper into advanced animations! 👉 Check out my newest course, Master Unity UI ➡ bit.ly/cc-unity-ui-29 It’s packed with everything you need to create awesome UI ✨🎨

[@hassanmaswedish2290]

Boooooo lake lakinlaki

[@MrGrapesforall]

is this a joke? hiding your screen half the time have no idea where you placed any of the code

[@Superlollo7777]

Thank you so much!