godot UI animation help

[ruby pawn]

The first video is what i want the animation to do, the 2nd video is what it does in the default resolution, and the 3rd video is what happens if the resolution changes (exaggerated example). is there a better way to animate this? and is there a way to fix this?

dont mind my mouse being at a different position, thats my video recording software messing up

but when i press one of the 3 options, i want the buttons to go away, but if the screen size is changed, some of it is still there.

[quasi turtle]

use control that will sit at the bottom right (using anchor preset) then make the button control children

[ruby pawn]

I'm sorry i don't quit get it

Also @celest obsidian, I'm a little late sorry but here it is

Oh I'm actually early

I took a nap so my heads messed up

[celest obsidian]

Just got on the train actually 😄

[ruby pawn]

Lmao

Yoo perfect timing

I love trains

Trains >> cars

[celest obsidian]

IDontK actually gave a good answer. Let me get my laptop ready to make screenshots

[ruby pawn]

Oo

I didn't really understand what he meant

I need each of the buttons to move one by one with a delay like in the animation

I would use tweens but i wanna famialarize myself with godots ui and animation player and tweens seem complicated ;-;

People say animation player is very powerful so

[celest obsidian]

The green parts are the anchors. You can set those with one of the presets (this might look diferent in 3.5)

Here i set it to center right for example. Now they will reposition automatically no matter your resolution

[ruby pawn]

Wait so i create a new control inside my main control

And anchor it there?

Then make all the buttons the child of the new control?

[celest obsidian]

Nah you just select all your buttons and set center right

Then you try how it looks in different resolutions (like windowed and full screen f.e.)

[ruby pawn]

I've tried that already, and the result is the 3rd video since the animation starts at the same pixels

Lemme try again

[celest obsidian]

I mean you could do that as its cleaner

Ah wait, let me see the animation in its own screenshot showing the parameters and maybe the values you set

[ruby pawn]

Alr

[celest obsidian]

Btw I meant adding a parent node...

[ruby pawn]

Ye i got it dw

Thanks

[quasi turtle]

Used with container hierarchy ;p

[ruby pawn]

I'll try once my laptop turns on

[celest obsidian]

Alright

[celest obsidian]

I dont understand?

[quasi turtle]

I just got used with container hierarchy

Actually I don't know how to word it

[ruby pawn]

whats container hierarchy

[celest obsidian]

Using Containers to position your Control Nodes

[ruby pawn]

also im on my laptop now

i shall try right now

[celest obsidian]

F.e. you could use VBoxContainer for your Buttons but idk how that affects your animations. they look nice btw

If it doesnt work you could send me the .tscn file and I shall try on my end (and not steal your animation, hehe :D)

[ruby pawn]

lmao thanks, although its just a simple move to the left

i made this entire thing just to get used to the ui, a game with just ui nodes

unfortunately that didnt work

the 2nd one is using the animation while in a different resoltuion

and also in the 3rd one, even in the default resolution, the button isnt coming fully outside like in the editor i think

i think the buttons are expanding in game which is strange

since it doesnt do that in the editor and i just change its rect position

[ruby pawn]

ill just dm you the zip file, thanks