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: https://kaylousberg.itch.io/kaykit-dungeon-remastered
🖥️ Steam Hardware & Software Survey: https://store.steampowered.com/hwsurvey/?platform=combined
🔍 Unity Profiler Walkthrough video:
https://www.youtube.com/watch?v=xjsqv8nj0cw
📖 Free Unity Profiling eBook: https://unity.com/de/resources/ultimate-guide-to-profiling-unity-games
🌟UI Particle Image Asset: https://assetstore.unity.com/packages/tools/gui/ui-particle-image-235001?aid=1101lr4hF [affiliate]
⚓My tutorial on UI Anchors:
https://www.youtube.com/watch?v=Lf8gbfEHgcI
💬 Discord 💛
You are very welcome to join! https://discord.gg/Gy7a9h3APK
🛍️ 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: https://assetstore.unity.com/lists/highly-recommended-9071944798250?aid=1101lr4hF [affiliate]
Unity Asset Store: https://assetstore.unity.com/?aid=1101lr4hF [affiliate]
Synty Store: https://syntystore.com/christinacreatesgames [affiliate]
🌟 Need help with your project's UI?🧠
I have been a designer for more than 15 years, a teacher for three and I offer paid consulting for your project! You can find all the information here:
https://www.vennegerts.com/gamedevelopment-consulting/
I am looking forward to hearing from you 💛
🎮 Play my games on Itch.io 🎮
https://christinacreatesgames.itch.io
✍️ Github
https://github.com/Maraakis/ChristinaCreatesGames/tree/main/Canvas%20Tutorial%20Related%20scripts
📖 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