Roundify plugin

plugin
ui

#1

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. :slight_smile:


I introduce to you, Roundify!

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.

Image of Roundify

Roundify

Examples


Example2


New Features

February 9th, 2019 Update:

  • Increased range to 2-25px
  • Auto adjust to light or dark theme depending on your settings
  • Toggle button to Auto Adjust ZIndex

August 26th, 2018 Update:

  • Ability to input any number between 2 and 12 (If you’re under or over it’ll auto input)
  • Ability to choose if you would like to create a Border or not. (Disclaimer: ScrollingFrames, ImageButtons and ImageLabels require ‘IsBorder’ to be true (will show an error if you forget))

I’ve included instructions with the plugin, but I’ll post the instructions here too if you’d like to see them. They’re pretty straight forward. :slight_smile:

Instructions
  1. Select your size of border
  2. Toggle ‘IsBorder’
  3. Select your UI Element
  4. Click ‘Roundify’

I would love to hear what you think, and if you use Roundify, I’d love to see your creations! :slight_smile:
I truly hope this helps you!

This is my first plugin. If you find bugs please let me know.

Also if you’d vote on this poll, it’d be helpful to me.

  • I want Rounded Corners ranging to at least 25px
  • I could use Rounded Corners 50 px
  • 12px is good for the Corners

0 voters


Which Plugin Design do you Prefer?
UI Trimming to be circular?
#2

Very nice and useful plugin, well done.

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.

image

One of my favourite parts of Roundify is that it is simple to use yet produces nice results. Looking forward to future releases.


#3

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. :stuck_out_tongue:

So I’d like to hear from you, how large of a border would you personally use?


#4

I hardly dab around in UI work, however I believe that increments of 1 would make Roundify a bit more versatile if you know what I mean.

Keep it up.


#5

Thanks for the feedback, means a lot!


#6

Just a heads up, there’s a plugin that already exists with a similar name. But good work!


#7

Thanks for the heads up, I was unaware she had created one.

Mine does it differently, so hopefully there shouldn’t be any conflicts between the two.


#8

OMG SUPER USEFULL :+1: :+1: :+1: !

Thanks for this!


#9

God bless you.


#10

Haha, You are very welcome!! I’ll be adding more to it in the coming days. :slight_smile:


#11

Thank you!


#12

love the name Roudify xd


#13

Haha, thanks. :slight_smile:


#14

I’ve been waiting for this aha!! Perfect <3


#15

Glad you like it!


#16

I thought you were the same guy who made that other Roundify Plugin lol
Anyways, thanks.


#17

Cool, this is great :slight_smile:


#18

Thanks!


#19

Nope, different person, different plugin. :stuck_out_tongue:


#20

Hey there - nice plugin!

However, there are things I’d like to seen changed :slightly_smiling_face:
image
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.
7 9 11 13 15 17 19 21 23 25

(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)