Mask in Unity UI like a PRO! (+soft mask) - Unity UI tutorial

Показать описание

This tutorial/guide will show you how to mask Unity UI elements very easy and simple way! I'm also using wonderful asset from mob Sakai that allows us to easily soft mask. I'll show you everything based on three examples:
- Basic Unity Rect Mask 2D
- Unity Mask and SoftMask to create smooth corners
- SoftMask to create nice fade in scrolling animation

➡️ Github URL for Unity Packages:

➡️ Great assets by Kenney used in this video:

Timestamps:
0:00 - Intro
0:21 - Basic Unity Rect Mask 2D
1:02 - Unity Mask and SoftMask
3:22 - SoftMask/ fade in scrolling

Рекомендации по теме

Комментарии

IMPORTANT:

To those guys whose Git Link isn't working, you need to add .git at the end to fetch the asset properly.

sayamsyed

This definitely needs more attention. What a great tutorial! The YouTube algorithm has done good today.

rafateivfik

IT TOOK ME SO LONG TO FIND YOU

Thanks!!! CAn't believe unity doesn'thave built in support for this basic feature

SassyPantsy

THe softmask dont work in URP... what to do?

entertainmentoverloaded

Woah, that is amazing tutorial! Thank you so much! I had no idea there is mask 2d - I will be using it heavily :D.

PitiITNet

if anyone stumbles upon this : unity's mask component doest take the alpha channel into account now, as long the alpha value is not of exactly 0
Which is ok because you can't really tell the difference between 0 and 1 alpha value

irisdv

Great video mate! Look forward to more

atomialep

You remind me of Clear Code YT channel, he makes Godot tutorials (and any other tutorials) in the same pleasurable and relaxing way! 😊

vaibhavkrkm

Feels good to learn something new. Thanks.

Zihenroy

Don't forget the .git at the end when using the url!

angelrubiov

Any reason why all the elements inside this softmask appear purple, as if they are not rendering?

markbogdan

This video is golden thank you very much for this valuable information :)

muhammetislambedirbeyoglu

TROUBLESHOOT HINT: I was experiencing magenta (pink) coloured masks after applying the softmask, and found out that this is a Unity build issue. To correct it, you can delete your Libraries folder in your Unity project root to force Unity to correctly rebuild all assets (including the softmask shader causing the issue). This may take a few minutes to complete. (I'm using a MacBook Pro under Unity 2020.3.26)

isaacdart