Thank you everyone!! Roundify has surpassed 10,000 installs! I am blown away that 10,000 people have installed this plugin! With reaching this milestone, I have added some new features which you can read about below.
Roundify is a Plugin that gives UIs Rounded Corners. It will Roundify Frames, ScrollingFrames, TextLabels, TextButtons, TextBoxes, ImageLabel and ImageButtons! It will automatically inherent the attributes of the UI element you are Roundifying.
I was wondering how the plugin worked, so I went ahead and had a look and honestly it is a pretty good idea, I thought it was cool how you’re using pre-made assets to form a curved border.
I’m curious if the plugin will support a more diverse range of thicknesses in the future? Currently it seems to only support outlines of 2-12px.
One of my favourite parts of Roundify is that it is simple to use yet produces nice results. Looking forward to future releases.
Thank you very much. I honestly can’t remember who should be this outline thing first, but I just loved the style and wanted to make an easier way of doing it.
Yes, I’ll eventually have it go from 2-? Honestly whatever anyone will use. I’ll do increments of 2, but if increments of 1 is preferred, I can also do that.
So I’d like to hear from you, how large of a border would you personally use?
However, there are things I’d like to seen changed
First of all, your used images suffers from black outline pixels, as talked about in Quenty’s article
Provided below are some spritesheets without this issue - feel free to use them.
(Edit: right-click the image and save it, instead of copying it to your clipboard - saving the actual file keeps the original data, so you won’t get black transparent pixels that way)
You also seem to generate a bunch of ImageLabels - why not use 9-slicing?
Here’s a tutorial on how that works: How to use SliceCenter (Roblox's 9-Slice GUI Property)
Besides that, it simplifies your plugin a whole lot by using 9-slicing - you only need to upload 1 image for each radius size, and you only need 1 ImageLabel to get it all done, making it easier for you to add to your plugin and for people who use your plugin to adjust the generated ImageLabel later on. Simply set the SliceCenter property to Rect.new(d / 2 - 0.5, d / 2 - 0.5, d / 2 + 0.5, d / 2 + 0.5) for the above uploaded spritesheets and it should work like a charm with 9-slicing (where d is assumed to be the diameter of the circle / width or height of image)
As for suggestions to the plugin:
With enough small increments, you can change your current list-selection for the size into a numeric spinner or a slider, making the size selection step feel smoother.
Currently the generated ImageLabels are sized outside of the boundary of the GuiObject used when roundifying it - you should definitely try add an option (or make it default behavior) to keep the rounded borders inside of the frame, as roundifying a container element currently makes its size not represent the actual size of the container element. (Although I do see it might be an issue for ImageLabels/Buttons with an image set)
I want to first off say thank you for testing it and giving me some suggestions!
I knew that the corners would sometimes start to distort…Just didn’t know how to fix it, but now you showed me something that should help with that.
I didn’t even think of using 9-Slice, so thank you for showing me that!!
I’ve thought of a slider…Just didn’t know how to do so, so I did what I knew and saved that for a later update.
And about it going outside the boundary, I like you suggestion of adding an option to keep it inside the frame.
I will definitely work to implement your suggestion and make a better plugin overall.
Few question though, would it work the same way if I used my square box image or would I need to mess with the ZIndex?
Would I have to make seperate images to get larger corners or can I use just this one?
