Masker - A UI Masking Plugin

Resources Community Resources
,
#1

Description
Roblox UI Masking has been requested by the UI/UX community for a long time, but after a long time of waiting with no avail, I took it upon myself to develop a plugin for developers to use when masking UI Images.

This is the current interface for the plugin:
image

Current Masks
Currently, there are 4 masks: Triangle, star, pentagon, circle.

As the plugin grows I’ll add more masks.

Planned Masks

  • Hexagon
  • Parallelogram
  • Rombas
  • Diamond

Planned Features

  • Ability to edit mask colour
  • More customization through plugin interface

Summary
I put my heart and soul into creating this plugin so I hope you guys will like it and use it. You can download it here: Masker Lite [Beta]

29 Likes
#2

This looks interesting, would you mind Open Sourcing it or sharing your approach?

#3

you can download source of every plugin easy

#4

I’m aware, official open sourcing is just more elegant however. Especially if we may contribute on a git repository ourselves.

#5

At the moment I’m not planning to make it open source, but I can share my approach. I’m using viewport frames and parts with decal’s on them to produce the masking effect.

1 Like
#6

Hasn’t this already been made, though?

2 Likes
#7

That’s a module. I decided to create a plugin which allows it to be created with just a click of a button. If you want you could use that plugin, but I’d suggest you use the plugin as it’s faster and much simpler.

#8

Here’s the source.

Masker-Lite-Beta.rbxm (27.0 KB)

#9

Very interesting approach, although I’d suggest using one sided planes instead of parts to maximize performance, as a single part contains 12 triangles where-as a single sided plane contains 2.

#10

Interestingly, I’ll keep this in mind when I begin development on the next update. Thanks for the feedback! :slight_smile: