{"id":7353,"date":"2023-01-25T09:37:46","date_gmt":"2023-01-25T07:37:46","guid":{"rendered":"https:\/\/store.algosyntax.com\/?post_type=asx-lms-tutorial-cpt&p=7353"},"modified":"2026-03-09T11:31:34","modified_gmt":"2026-03-09T09:31:34","slug":"ue5-methods-to-mask-objects-using-material-editor","status":"publish","type":"asx-lms-tutorial-cpt","link":"https:\/\/store.algosyntax.com\/tutorials\/unreal-engine\/ue5-methods-to-mask-objects-using-material-editor\/","title":{"rendered":"UE5 Opacity Mask In The Material Editor With Rotation"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

In this article, we will explore various methods to mask objects using the Material Editor in Unreal Engine 5 (UE5).<\/p>

\u00a0<\/p>

Masking is a powerful technique that allows developers to hide or reveal certain parts of an object or scene, and can be used for a variety of purposes, such as creating special effects, hiding invisible collision meshes, or creating more detailed and realistic environments.<\/p>

\u00a0<\/p>

Whether you are a beginner or an experienced developer, this article will provide you with the knowledge and tools you need to mask objects in UE5 like a pro.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t

Simple Masking On A Single Axis<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The simplest way and setup is to mask the portion of the object that crosses a certain threshold in any of the three axis X,Y,Z.\u00a0

For this tutorial, Let’s assume we want to make some part of the mesh invisible when it crosses our Z threshold. Eg Any part of the mesh that’s lower than 20 Units in World Space should be invisible or masked out.

In this scenario, Z is our axis, and 20 is the threshold. Anything above 20 in world space will be visible.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

  1. Creating\u00a0The Material<\/h3><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Most of the work will be done by the material that will be applied to the Mesh we want to mask. For this to work, we must set our material Blend Mode\u00a0<\/strong>to “Masked”<\/strong>. This is so that we can get access to the “Opacity Mask<\/strong>” output.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Enable\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t\t

    The Opacity Mask<\/h4>\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    The “Opacity Mask” is a feature in the Material Editor of Unreal Engine 5 (UE5) that allows developers to mask specific parts of an object by controlling its transparency. This is achieved by submitting a value of 0.0 or 1.0 where 0 represents fully transparent areas and 1.0 represents fully opaque (visbible) areas.

    NB: Keep in mind we are working in per pixel terms (of the material), meaning we can set a different value per pixel depending on the math we do before submitting the value.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t

    The Absolute World Position Node<\/h4>\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    The “Absolute World Position” node in the Material Editor of Unreal Engine 5 (UE5) is a node that outputs the absolute world position<\/strong> of a pixel<\/strong> on a mesh in the scene. This means we can check if the pixel is below 20 Z units in world space. If it’s below 20 Z-Unitz we set it to invisible<\/strong> by setting the opacity mask value<\/strong> to 0. Simple right?<\/p>

    \u00a0<\/p>

    To do this “IF x, then y” comparison we need to use the Material Editor “IF” node. This “If” node outputs a different value, 0 or 1 in our case , depending on the Z axis of the pixel.

    NB: To get the Z-axis value of the pixel, we can use the Component Mask node.<\/strong><\/p>

    \u00a0<\/p>

    \u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    It’s important to remember the B value or “20” in this case can be set by blueprints by changing it into a parameter that can be set by using Dynamic Material Instances.\u00a0

    <\/strong>This means you can have an arbitrary Z value threshold that can be set by game events\/ procedurally.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t\t\t\t

    1. Setting Mask Point from Blueprints<\/h3><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      This section is optional. From step 1 above, if you apply your material to a mesh and it goes under 20 z units, it will be masked. The following is just a suggestion on how to control this cutoff or threshold point from Blueprints.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

      \n\t\t\t\t\t

      Material Parameter Collection vs Normal Parameters<\/h4>\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      Material Parameter Collection allows you to group and control multiple parameters as a single unit, and it can be shared among multiple materials, which can be very useful for situations where multiple materials need to share the same parameter value. While Normal Parameters are specific to a single material and can be used to control various aspects of the material.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

      \n\t\t\t\t\t\t\t\t\t

      Whatever approach you choose does not matter, just make sure you reference the parameter in the material and in the blueprint. You can then set this paramater on begin play or on tick depending on your project’s demands.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

      \n\t\t\t\t\t

      Opacity Mask With Rotation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      Sometimes you wish to take the Rotation of objects into consideration when masking.\u00a0 The simplest way to do this is to use the Forward Vector of an Actor\/Object. You then just check if Absolute World Position is in front or behind the object\/acotor by use of the Dot product.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

      \n\t\t\t\t\t\t\t\t\t

      Check If Absolute World Position is in front or behind The Objects Forward Vector.<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      Keep in mind you can pass in the Forward Vector Position and Actor Position from Blueprints to the Material Editor through the use of Material Parameters.\u00a0<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

      \n\t\t\t\t\t\t\t\t\t

      To check if the absolute world position<\/strong> is behind or in front of the forward vector, you can calculate the dot product<\/strong> between the forward vector<\/strong> and the vector pointing from the object’s position<\/strong> to the absolute world position<\/strong>. The dot product will give you a scalar value that represents the angle between the two vectors.<\/p>

      Here’s the general idea:<\/p>

      1. Calculate the vector pointing from the object’s position to the pixel world position. You can do this by subtracting the object’s position from the point’s position.<\/p><\/li>

      2. Normalize both the forward vector and the vector pointing from the object’s position to the point.<\/p><\/li>

      3. Calculate the dot product between the two normalized vectors.<\/p><\/li>

      4. If the dot product is positive, it means the point is in front of the object. If the dot product is negative, it means the point is behind the object. If the dot product is zero, it means the point is perpendicular to the forward vector.<\/p><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

        \n\t\t\t\t\t\t\t\t\t

        You can then add either an IF node or custom node that returns either 1 or 0 (the mask) depending on if the Dot Product is positive or negative. Plug the result of this if condition into the Opacity Mask.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

        \n\t\t\t\t\t

        Opacity Mask Using Box Mask 3D<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t

        The Material Editor has a Box Mask 3D\u00a0 Node. You can use this to drive a mask. The concept is simple.\u00a0<\/p>


        We have a point\/position, and we draw a 3D BOX in World Space. We then check if this point is within this 3D Box. If it is in, the BOX Mask 3D node will return 1.0 or true, if not, it will return 0.<\/p>

        \u00a0<\/p>

        Simple right? This means we can check if our Absolute World Position is in this area and then chose if we want to make it or not.<\/p>

        \u00a0<\/p>

        The box mask 3d node has the following inputs: A,B ,Bounds and falloff.<\/p>

        \u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

        \n\t\t\t\t\t\t\t\t\t

        The box mask 3d node has the following inputs: A,B ,Bounds and falloff.<\/p>

        \u00a0<\/p>

        The “A”<\/strong> is the position you want to check\/verify if it’s within the box.<\/p>

        “B”<\/strong> is the origin or start position of the box.<\/p>

        “Bounds<\/strong>“, is the size of the box. I.e we start from B and apply the size and we have a box.<\/p>

        Falloff<\/strong> is like a border radius for the box, you can soften the edges of the box.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

        \n\t\t\t\t\t\t\t\t\t

        You’ll usually witness developers doing a 1-minus from the result of the Box Mask 3D. This simply inverting the result. That is, convert trues to false and false to true. Depends on your use case of the box mask result.\u00a0 You can even replace it with an IF node or a custom node with If conditions that return a specific result.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":0,"template":"","asx-lms-tutorial-categories":[45,74],"asx-lms-tutorial-tags":[75],"class_list":["post-7353","asx-lms-tutorial-cpt","type-asx-lms-tutorial-cpt","status-publish","hentry","asx-lms-tutorial-categories-unreal-engine","asx-lms-tutorial-categories-materials","asx-lms-tutorial-tags-materials","entry"],"acf":[],"_links":{"self":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/asx-lms-tutorial-cpt\/7353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/asx-lms-tutorial-cpt"}],"about":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/types\/asx-lms-tutorial-cpt"}],"version-history":[{"count":0,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/asx-lms-tutorial-cpt\/7353\/revisions"}],"wp:attachment":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/media?parent=7353"}],"wp:term":[{"taxonomy":"asx-lms-tutorial-categories","embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/asx-lms-tutorial-categories?post=7353"},{"taxonomy":"asx-lms-tutorial-tags","embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/asx-lms-tutorial-tags?post=7353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}