# How could I create a circular bordering around a rotating minimap, so that the map is only seen inside the border, and outside of the border is transparent.

**URL:** <https://forums.unrealengine.com/t/how-could-i-create-a-circular-bordering-around-a-rotating-minimap-so-that-the-map-is-only-seen-inside-the-border-and-outside-of-the-border-is-transparent/293455>\
**Category:** UI\
**Tags:** transparent, hud, border, minimap, unreal-engine, Blueprint, question\
**Created:** [September 11, 2014, 6:31pm UTC](https://forums.unrealengine.com/t/how-could-i-create-a-circular-bordering-around-a-rotating-minimap-so-that-the-map-is-only-seen-inside-the-border-and-outside-of-the-border-is-transparent/293455 "2014-09-11T18:31:47Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![jechli\_1](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@jechli\_1](https://forums.unrealengine.com/u/jechli_1)\
**Post date:** [September 11, 2014, 6:31pm UTC](https://forums.unrealengine.com/t/how-could-i-create-a-circular-bordering-around-a-rotating-minimap-so-that-the-map-is-only-seen-inside-the-border-and-outside-of-the-border-is-transparent/293455/1 "2014-09-11T18:31:47Z")

</div>

Right now I have a minimap that I’ve drawn on the HUD with DrawTexture, which displays it as a square given the width-height dimensions. It also rotates, so it looks like spinning square depending on the player’s movements. However, I want to place a circular border around the minimap, so that the minimap and its rotations are contained within that bordering, and the outside of the bordering should be transparent to the gameplay.

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_b9532c9a](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_b9532c9a](https://forums.unrealengine.com/u/anonymous_user_b9532c9a)\
**Post date:** [September 11, 2014, 7:13pm UTC](https://forums.unrealengine.com/t/how-could-i-create-a-circular-bordering-around-a-rotating-minimap-so-that-the-map-is-only-seen-inside-the-border-and-outside-of-the-border-is-transparent/293455/2 "2014-09-11T19:13:49Z")

</div>

Hi ,

You will want to create a texture mask to mask out the outside of the border while leaving the border and the inner contents in tact. For more information on location based opacity, have a look here: [A new, community-hosted Unreal Engine Wiki - Announcements - Epic Developer Community Forums](https://wiki.unrealengine.com/Location_Based_Opacity_in_UE4_Playlist) so you can get an idea for how to do this.

---

<div class="post-metadata">

**Author:** ![jechli\_1](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@jechli\_1](https://forums.unrealengine.com/u/jechli_1)\
**Post date:** [September 12, 2014, 6:03pm UTC](https://forums.unrealengine.com/t/how-could-i-create-a-circular-bordering-around-a-rotating-minimap-so-that-the-map-is-only-seen-inside-the-border-and-outside-of-the-border-is-transparent/293455/3 "2014-09-12T18:03:53Z")

</div>

Hi , thanks for the link! I have a better idea of how to do it now but I’m still not sure how I can mask it out in the hud blueprints. I can’t attach the mask to the map texture itself because i am only showing a portion of it, dynamically, so I will need an overlaying mask. It doesn’t really make much sense to me at the same time, because I need a transparent bordering mask to overlay the map, which will show the map under it…

 ![15245-mask_q.png](https://d3kjluh73b9h9o.cloudfront.net/original/4X/c/2/8/c28894a74247a90017384e78c59062550559e6f6.png)

---

<div class="post-metadata">

**Author:** ![Lovecraft\_K](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Lovecraft\_K](https://forums.unrealengine.com/u/Lovecraft_K)\
**Post date:** [September 15, 2014, 8:58pm UTC](https://forums.unrealengine.com/t/how-could-i-create-a-circular-bordering-around-a-rotating-minimap-so-that-the-map-is-only-seen-inside-the-border-and-outside-of-the-border-is-transparent/293455/4 "2014-09-15T20:58:00Z")

</div>

Hey -

Instead of a Draw Texture, use a Draw Material and this setup with your material placed where my texture sample is:

 ![15494-circularhudmaterial.jpg](https://d3kjluh73b9h9o.cloudfront.net/original/4X/0/4/6/046b5612e62f0c20afe03fbf1cca0373e397b12f.jpeg)

Thank You and Let me know if this doesn’t work for you -

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_9d771975](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_9d771975](https://forums.unrealengine.com/u/anonymous_user_9d771975)\
**Post date:** [February 19, 2017, 4:43am UTC](https://forums.unrealengine.com/t/how-could-i-create-a-circular-bordering-around-a-rotating-minimap-so-that-the-map-is-only-seen-inside-the-border-and-outside-of-the-border-is-transparent/293455/5 "2017-02-19T04:43:44Z")

</div>

![126915-circlematerial.jpg](https://d3kjluh73b9h9o.cloudfront.net/original/4X/a/6/b/a6b6dda2d8b56b9ae335ed5de6984cfe0695f56a.jpeg)

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_dceb25d5](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_dceb25d5](https://forums.unrealengine.com/u/anonymous_user_dceb25d5)\
**Post date:** [May 26, 2017, 7:42pm UTC](https://forums.unrealengine.com/t/how-could-i-create-a-circular-bordering-around-a-rotating-minimap-so-that-the-map-is-only-seen-inside-the-border-and-outside-of-the-border-is-transparent/293455/6 "2017-05-26T19:42:16Z")

</div>

Thanks everyone! got it working perfectly with Eric’s BP and then just modified that to my preferences like \_eni did but with my own values.

---

<div class="post-metadata">

**Author:** ![Mauxx91](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Mauxx91](https://forums.unrealengine.com/u/Mauxx91)\
**Post date:** [March 28, 2018, 8:05pm UTC](https://forums.unrealengine.com/t/how-could-i-create-a-circular-bordering-around-a-rotating-minimap-so-that-the-map-is-only-seen-inside-the-border-and-outside-of-the-border-is-transparent/293455/7 "2018-03-28T20:05:42Z")

</div>

Hi,  
you could use this asset I’ve found on the store to create rounded borders (also complete circular) around your minimap texture!

> **[Procedural UI: background and borders UMG material KIT in Materials - UE...](https://www.unrealengine.com/marketplace/en-US/product/procedural-ui-background-and-borders-umg-material-kit)**
>
> Material KIT to create UI background and borders procedurally via materials, usable in UMG! All the sample images of the KIT are created with UMG and included in the KIT as reference.

Bye
