Mask your UI with Awesome Custom Animated Shapes!

Channel:
Subscribers:
566,000
Published on ● Video Link: https://www.youtube.com/watch?v=cKlI_zGjh3c



Category:
Tutorial
Duration: 10:26
19,072 views
520


✅ Get the Project files and Utilities at https://unitycodemonkey.com/video.php?v=cKlI_zGjh3c
Let's build a Custom Mesh Shape to Mask our UI!
👇
🌍 Get Code Monkey on Steam!
👍 Interactive Tutorials, Complete Games and More!
✅ Add to your Wishlist! 👉 https://store.steampowered.com/app/1294220/

📍 Patreon Sponsor: https://badadventurer.com/
https://www.patreon.com/unitycodemonkey/

It's very simple to make a Mask in Unity. You create a Game Object, add an Image and the Mask Component, then add what you want to Mask as a child.
The issue is that while you can Mask multiple children, you cannot combine multiple Shapes into one Mask.
One possible solution is to use a Texture with the exact shape you want, however that limits what you can do since you're dealing with a Texture.
Another approach is to build a custom Mesh shape and use that as a Mask.
The Mesh can have any shape you want and by moving the vertices over time you can get some great animations and it all works great as a UI Mask.

If you have any questions post them in the comments and I'll do my best to answer them.

🔔 Subscribe for more Unity Tutorials https://www.youtube.com/channel/UCFK6NCbuCIVzA6Yj1G_ZqCg?sub_confirmation=1

00:00 Start


See you next time!

📍 Support on Patreon https://www.patreon.com/unitycodemonkey
🤖 Join the Community Discord https://discord.gg/eHjUVrm
📦 Grab the Game Bundle at https://unitycodemonkey.com/gameBundle.php
📝 Get the Code Monkey Utilities at https://unitycodemonkey.com/utils.php

#unitytutorial #unity3d #unity2d

--------------------------------------------------------------------

Hello and welcome, I am your Code Monkey and here you will learn everything about Game Development in Unity 2D using C#.

I've been developing games for several years with 7 published games on Steam and now I'm sharing my knowledge to help you on your own game development journey.

You can see my games at www.endlessloopstudios.com


--------------------------------------------------------------------

- Website: https://unitycodemonkey.com/
- Twitter: https://twitter.com/UnityCodeMonkey
- Facebook: https://www.facebook.com/UnityCodeMonkey/







Tags:
unity mesh ui
unity mask mesh
unity mask image
ui mask unity
unity mask ui
unity mask tutorial
code monkey
unity mask
unity mesh
c# mesh
unity tutorial
unity game tutorial
unity tutorial for beginners
unity 2d tutorial
unity 3d
unity
game design
game development
game dev
game development unity
unity 2d
unity 3d tutorial
programming
coding
c#
code
software development
learn to code
learn programming
unity tutorials