Learn all you need about the differend canvas modes and the canvas scaler in this Unity UI deep dive tutorial. We are going to cover:
- Basics of how to structure UI into multiple Canvases and why
- How to check if your cursor is over UI
- Sorting Canvases
- Each of the three different Canvas Modes (Overlay mode, Camera mode, World Space mode)
- Taking screenshots without the UI showing and why you probably want Camera Mode for that
- Placing UI into the world with World Space canvas and understanding how its scaling works
- Billboarding UI in World Space
- The three Canvas Scaling modes: Constant Pixel Size, Scale with Screensize and Constant Physical size
🔗 Links I mentioned in the video
🧱 KayKit 3D Dungeon assets: [ Ссылка ]
🖥️ Steam Hardware & Software Survey: [ Ссылка ]
🔍 Unity Profiler Walkthrough video: [ Ссылка ]
📖 Free Unity Profiling eBook: [ Ссылка ]
🌟UI Particle Image Asset: [ Ссылка ] [affiliate]
⚓My tutorial on UI Anchors: [ Ссылка ]
💬 Discord 💛
You are very welcome to join! [ Ссылка ]
🛍️ Affiliate links 🛍️
If you'd like to support my channel, please use my affiliate links when buying cool stuff:
My favourite assets I install by default into every project: [ Ссылка ] [affiliate]
Synty Store: [ Ссылка ] [affiliate]
🎮 Play my games on Itch.io 🎮
[ Ссылка ]
✍️ Github
[ Ссылка ]
📖 Chapters 🔖
00:00 Overview
00:34 The Canvas Component in Unity
01:34 Working with multiple Canvas objects - UI performance
04:01 How to check if cursor is over UI element
05:07 Sorting UI Canvas in Unity
05:49 Canvas Mode: ScreenSpace Overlay
07:41 Canvas Mode: ScreenSpace Camera
09:20 How to take screenshots without UI example
10:35 Canvas Mode: World Space UI
11:38 World Space Scaling explained
12:36 UI Billboarding in World Space example
13:31 World Space signs with TextMesh Pro
14:14 Canvas Scaling
14:47 Which resolution should you use for your UI
15:31 Canvas Scaling: Constant Pixel Size explained
17:20 How to create a scaling UI for multiple screen resolutions: Scale with Screensize
19:01 Canvas Scaling mode: Constant Physical Size
20:36 Recap
#unitytutorial
Unity UI canvas modes and canvas scaler explained
Теги
Unity Canvas ModeUnity tutorialLearn UnityChristinaCreatesGamesGame devGame developmentgame dev tutorialgame development tutorialUI Designunity canvas render modeUnity CanvasUnity Canvas RenderingWorld CanvasScreenspace ModeCanvas Camera ModeUnity Canvas ScalerResize UI UnityUnity Ui CanvasUnity Canvas explainedunity Canvas tutorialCanvas 101Unity Canvas 101