In the picture below, the orange bar is rounded on the left side but I want it to be rounded on the right side.
I’m using tile scaling, which makes it so that if you set x to 5 for example, it’ll show 1/5 of the image. This means that if you make it 1/5 of the original image size and set tile scaling to 5 it won’t look stretched.
Is there any way i can show the last 1/5 of the image instead of showing the first 1/5 of the image?
Or is there another way i can fix it?
Any help appreciated! Thanks!
PS: Rotating the image won’t work because the original image is rounded on both sides and if I use tile scaling it’ll still cut out the side on the right with the rounded corner!
I really am not sure I understand what you need, but can it not be done by using the long orange bar image as background and setting the other 2 with higher Z-index on top of it?
@Kampfkarren Unfortunately you can’t flip the image with tile scaling
@TaaRt - Thanks for the suggestion! I’ll try something like that but depends on whether I can still keep it from looking stretched (and working with TileSize)!
This is probably your best bet. If you rotate the image then the back flat side will be against the green and then round part will be to the right side. hahaha I’m dumb it’s tile scaling nevermind.
Rotate it 180 degree’s, i’m almost 100% certain you can do this, you may have to re-script everything backwards if it is a health bar or something that decreases in size but this should work for you.
I’m guessing you want to use 3 different images…
Use the Slice ScaleType and edit the ImageRectOffset and ImageRectSize properties, but you need to know the original image file’s size.
Kinda hard to write an explanation without spending a lot of time writing a big long example, so here’s a sample file slice example.rbxmx (8.0 KB)
OH, and another way is to make 3 frames, set clipsdescendants to true, use slice on your images, make the x size for the images large, and position them
