How Do I Color Around A Part In A ViewportFrame?

This is a simple question with what’s most likely a very complex solution. I have a map system for my battle royale game and it’s supposed to show where the storm is, which it does fine.
Map Issue 3 Visual
However, I want the outside of the storm to be purple and not the inside of it, like in popular battle royale games. I can make the storm itself transparent on my own, I would just like to know how I’m supposed to make the atmosphere purple, this is the script for my viewport frame.


There’s probably a lot of solutions for this and I’d be willing to try any of them. Thanks if you do try to help with this!

instead of the storm being a circle you can make it a plate with a hole cutout

I know that, but I can’t. I don’t have a cylinder with no inside mesh and there aren’t any out there. I also just can’t get the circle in the center to be transparent in an image file. Plus, since the UI shrinks over time, the plate would need to be way larger.

You can use “Erased Alpha” meshes inside the viewport to effectively mask the ViewportFrame:

I just erased the Vertex Alpha of the mesh, which causes it to erase the ViewportFrame where it is. I did it in Blender, and exported it as a FBX object.

Here is the place, you should just be able to clone that StormMask Mesh and keep using your same exact setup (make the vieport frame background visible, and just replace your sphere with the StormMask, that’s it):
ViewportFrame_Masking_FortniteStorm.rbxl (148.1 KB)

If for some reason you can’t just clone it, I also uploaded the sphere with Erased Alpha as a developer item: Erased Alpha Sphere - Creator Store

ViewportFrame Masking - Developer Forum

I didn’t even understand a word of what you were talking about so I went along and tried a different strategy, but I came back, gave it a shot, and after tinkering around for about 30 minutes to an hour (I wasn’t keeping track of the time), I got it to work! Thank you so much! If this game gets popular then I will never forget you.