Unity UI Canvas Anchors explained

Christina Creates Games โ€ข April 2, 2024
Video Thumbnail
Christina Creates Games Logo

Christina Creates Games

@christinacreatesgames

About

Creating UI in Unity doesn't have to be a headache! Let's learn how this all works.

Video Description

The Unity UI Anchors menu looks intimidating? I'll explain how to use it. We'll have a look at how anchors and pivot points determine where your game's UI elements sit on different screen resolutions, how those positions are calculated and how understanding them helps a lot in building a general UI layout as well as a modal window. ๐Ÿ“– Chapters ๐Ÿ”– 00:00 Why is my UI broken? 00:15 Positioning elements on UI by dragging 02:17 Positioning an element in a corner with UI anchors 03:26 Having an element stretch the whole witdh of the screen using stretch anchors 04:30 The alt modifier 05:25 A UI Element's Pivot Point - why it's important 06:38 Reposition a UI element's pivot point 08:53 How to keep elements together 11:21 How to anchor elements in a window 15:10 Use a Layout Component and Content Size fitter to lock a window's size ๐Ÿ“ Get the PDF Version of my tutorials Would you rather read a book? I have a collection of eBooks on the Unity UGUI System here: ๐Ÿ“˜ Itch: https://christinacreatesgames.itch.io/ ๐Ÿ’ฌ Join the Discord You are very welcome to join https://discord.gg/8pDT2J2TBX ! ๐ŸŽฎ Play My Games ๐ŸŽฒ https://christinacreatesgames.itch.io ๐Ÿ›๏ธ Recommended Assets https://assetstore.unity.com/lists/highly-recommended-9071944798250?aid=1101lr4hF [affiliate] ๐Ÿ“– List of books all around Gamedev and Design I recommend: https://www.christinacreatesgames.com/bookshelf Otherwise, using my affiliate codes for these stores helps to support my channel: ๐Ÿ›’ Unity Asset Store: https://assetstore.unity.com/?aid=1101lr4hF [affiliate] ๐Ÿช Synty Store: https://syntystore.com/christinacreatesgames [affiliate] ๐Ÿชธ Envato Elements: https://1.envato.market/ChristinaCreatesGames [affiliate] ๐Ÿ”–Humble Bundle: https://humblebundleinc.sjv.io/xLGLNR [affiliate] ๐ŸŒŸ Actionable UI Feedback for Your Game I offer UI consulting for gamedev projects! With 15+ years of design experience and a background of a teacher, Iโ€™m here to help: ๐Ÿ‘‰ Learn more: https://www.vennegerts.com/en/gamedevelopment-consulting/ โ˜• Support Me on Ko-fi If you enjoy the content and want to support my work: ๐Ÿ’› Buy me a cocoa: https://ko-fi.com/christinacreatesgames #unitytutorial #unity3d #gamedev #indiedev

You May Also Like

No Recommendations Found

No products were found for the selected channel.