This is gold. Thanks for going over stuff one by one and not skipping tiny but important details. Gonna watch all the tutorials while I recreate the UI of my previous game.
Many people are good developers, but not a good teacher. This video is abusoltely perfessional than 99% tutorial videos, a good tutorial is not technology itself, but you can explain knowledges in a progressive way and on students perspective. 🚀🚀
All 3 parts of this tutorial are absolutely stellar! Pardon the pun. After watching them you'll have a solid foundation to make all sorts of UIs in all sorts of graphic design styles. I hope there's a video covering the other elements and customisation, like the progress bar! And maybe a general tips and tricks like being able to use HTML tags in the text field for labels e.g. To set the text to align = justified
I am back to Unity after couple years break. Finally, they made UI tool that does not look like ancient crap. I still have flashbacks from 2008 when creating UI in Unity was a total pain in the ass.
@@haikaljaafar77 you're not alone, I just spent 30 minutes trying to figure what was going on. I was about to try loading an older version of unity when I found your comment so thanks for that haha
This is by far the best explanation and usage example of the Unity UI Toolkit, but I can't get any of the visual elements to work, even if I follow this tutorial, none of the visual elements show up like they do in the video. I don't understand what I'm doing wrong.
SOLVED: I'm using 2022.3.4f1 and the VisualElement defaults don't match the video. (I never saw or heard what version of Unity was being used) Flex > Basis > Grow = 0 (default was 1) Align > Align Items = stretch (default was AUTO) Background > Color > A = 255 (default was 0!)
The UI toolkit changes a lot from version to version, but the version details were not clearly stated in my video. I'm sorry for that. Anyway, I'm glad it was resolved well.
I couldn't figure that one out either because the checkbox is the same color as the background. When I clicked the checkbox next to the "Canvas Background" title, it was available.
![KSI - Dirty [Official Visualiser]](http://i.ytimg.com/vi/VoDh1h1dPUE/mqdefault.jpg)
This might be the best tutorial I've ever watched
Best tutorial ever on UI toolkit. Thanks for all the effort you put in.
This is gold. Thanks for going over stuff one by one and not skipping tiny but important details. Gonna watch all the tutorials while I recreate the UI of my previous game.
Many people are good developers, but not a good teacher. This video is abusoltely perfessional than 99% tutorial videos, a good tutorial is not technology itself, but you can explain knowledges in a progressive way and on students perspective. 🚀🚀
If you felt that way, I'm glad that my intentions were conveyed well. Thank you for your comment.
if the VisualElement is not scaling in height, change the Felx Grow option to 0. It's set to 1 by default.
Thank you, that helped a lot 🙂
Thanks !!! I have been lokking for this kind of tutorial for a while. It is very clear and simple. I can not wait to see the next one !
The third video will be uploaded soon. Thank you for 😙!
Excellent tutorials regarding UI toolkit. Thank you so much to releasing these tutorials for free. Subscribed 🔔
The best UI Toolkit tutorial I have ever seen. Thanks.
Thank you for watching!
Really good video!
All 3 parts of this tutorial are absolutely stellar! Pardon the pun.
After watching them you'll have a solid foundation to make all sorts of UIs in all sorts of graphic design styles.
I hope there's a video covering the other elements and customisation, like the progress bar!
And maybe a general tips and tricks like being able to use HTML tags in the text field for labels e.g. To set the text to align = justified
Thank you for watching and leaving a great feedback. In the next video, I will take your feedback into consideration.
brilliant tutorial, thank you!
Thank you. A great and very well thought-through tutorial.
...also the graphics in the video is beautifully done
I'm really glad to hear that. Thanks.
Amazing tutorial. It's clear that you put in a lot of effort. Thanks!
It feels rewarding to hear you say that. Thank you for watching and leaving a comment.
What a very good tutorial, thank you for this ! :)
Thank you for watching. I hope you like the rest two video.
I am back to Unity after couple years break. Finally, they made UI tool that does not look like ancient crap. I still have flashbacks from 2008 when creating UI in Unity was a total pain in the ass.
This tutorial is great! Thanks so much! Looking forward to the next one with the slide-out pane
Thank you for watching. I'm working on the next video.😙 It won't be long.
@@UIMotionEffects
この動画二は日本語の字幕があるのでとても分かりやすく有意義でした！
ありがとうございます！！！
the way he showed margin versus padding instead of just explaining it to you 🤯
wow, thx., I was really stuck with Flex before this.
영어강의까지!!! Awesome😮🎉🎉🎉🎉
K-Unity 입니다 ㅋㅋㅋ.
Holy shit man, great video
so good, saved my game
Great Tutorial !.
Thank you for watching!
forget about blazor avalonia maui or flutter. im making my multiplaform app in unity lol
You can also use just c# and the style sheet if you dont want to mess with uxml
I think that’s a good way too.
It uses percentages instead of pixels FINALLY OH MY GOD FINALLY YESSS
How can i modify the style properties of children objects of a progress bar in UI toolkit?, all properties are greyed out
I follow the tutorial step by step but not getting the red square for the #VisualElement at 4.29 timestamp. I wonder why
It is difficult to determine what's the problem with the information alone. Sorry.
@@UIMotionEffects nvm I got it. I just change the transparency of the colour hahaha. Nice video thanks bro
@@haikaljaafar77 you're not alone, I just spent 30 minutes trying to figure what was going on. I was about to try loading an older version of unity when I found your comment so thanks for that haha
nice you save me a lot of time thanks !
@@haikaljaafar77 thanks for your answer! grateful!!!
This is by far the best explanation and usage example of the Unity UI Toolkit, but I can't get any of the visual elements to work, even if I follow this tutorial, none of the visual elements show up like they do in the video.
I don't understand what I'm doing wrong.
SOLVED: I'm using 2022.3.4f1 and the VisualElement defaults don't match the video. (I never saw or heard what version of Unity was being used)
Flex > Basis > Grow = 0 (default was 1)
Align > Align Items = stretch (default was AUTO)
Background > Color > A = 255 (default was 0!)
The UI toolkit changes a lot from version to version, but the version details were not clearly stated in my video. I'm sorry for that. Anyway, I'm glad it was resolved well.
Hi, I created but I can not add the font asset. How can I fix that?
안녕하세요 강의 잘보고 있습니다! 그런데 Visual Element 배치하는데 Size에서 width는 변경이 되는데 height는 값을 변경하거나 뷰포트에서 끌고 움직여도 변환이 되지 않습니다. 이유가 뭔지 알 수 있을까요?
부모에서 높이를 지정하고, 자식의 Grow를 1로 하면 자식의 Height를 바꿔도 그 높이가 변하지 않을 수 있습니다. 2번째 영상에 Shrink와 Grow에 대한 자세한 설명이 있으니 한 번 참고해 보세요. 감사합니다.
No "Set Native" option for Image sizing!!!? :(
Really nice tutorial. Is the script read by AI?
my visual element grows to fill the entire canvas , any help .
How to change the size of Tab Icon in TabView in Unity 2023.2.0f1?
my canvas background tab is greyed out
i think new update has changed it quite a lot
I couldn't figure that one out either because the checkbox is the same color as the background. When I clicked the checkbox next to the "Canvas Background" title, it was available.
perfect
Great tutorial
*English comment for algorithm gods*
Thank you for watching 😙.
So cool!It's easier for me to build my project.
The best tutorial 💯
I want to learn this for along time
Thank you 🫡
Thank you for watching. I'm glad to hear that.