How to make this type of gui button

Help and Feedback Scripting Support
,
#1

I saw this type of GUI button in a game but don’t know how to make it

image

5 Likes
#2

Hello Philipceo90, I have made this GUI button for you

Sorry but I’m not really good at making GUIs but i hope this is enough

2 Likes
#3

You could use tweening to make it slide instead of having it instant.

1 Like
#4

How did you create this? Can you show me a picture of the gui and the guis inside

1 Like
#6

why are you changing the rotation

#7

Because it takes more time and it’s harder if I have to cut the white circle out and I’m also kinda bad when it has to do with GUIs but I can try making so it slides instead if you want, but I’m not sure if I’m good enough

1 Like
#8

You can make the background of the button in an art program, and make the circle and tween it to side to side when clicked

#9

Yeah i’m gonna try using a art program

#10

Just make a frame with a uicorner to make it round. Easiest way to separate the circle.

1 Like
#11

I’m done with the editing but now I just need to code it but I’ll do that tomorrow because it’s very late

#12

Hello, @Philipceo90 I’m done with the new toggle button here is the code:

1 Like
#13

And this is how it looks like:

1 Like
#14

what software did you use? and how does it animate

#15 
 Circle:TweenPostion(POSITION OF THE END)
wait(0.7)
BackgroundGreenFrame.Visible = true

or something

#16

Here take it, i dont need it, you can change the colors if you want to also.
guistuff.rbxl (33.4 KB)
(this is kind of broken but its an easy fix)

2 Likes
#17

@Philipceo90 I used photopea, and if you check the 19-second long video you can see all of the code

#18

So you used photopea to make the background?

1 Like