Unity UI canvas modes and canvas scaler explained
Chapters
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
โ๏ธ Github
https://github.com/Maraakis/ChristinaCreatesGames/tree/main/Canvas%20Tutorial%20Related%20scripts
๐ Chapters ๐
๐ 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
Science & Technology
#Unity Canvas Mode
#Unity tutorial
#Learn Unity
#ChristinaCreatesGames
#Game dev
#Game development
#game dev tutorial
#game development tutorial
#UI Design
#unity canvas render mode
#Unity Canvas
#Unity Canvas Rendering
#World Canvas
#Screenspace Mode
#Canvas Camera Mode
#Unity Canvas Scaler
#Resize UI Unity
#Unity Ui Canvas
#Unity Canvas explained
#unity Canvas tutorial
#Canvas 101
#Unity Canvas 101