Making a timeline UI for animation plugin

Not sure if this is the category where this post should be in.

Hello. I’m currently trying to make an animation plugin. But like other animation plugins, where they can drag the position on the timeline, how can I make a UI like that? It goes for moon + default and other animation editors. Thanks for any help.

1 Like

What do you need help in specifically?

Only need help with timeline UI and how to position the keyframes

1 Like

Timeline UI uses the X & Y axis from my knowledge.

X Axis: For Timeline bar.

image

Y Axis: For Position, and Time (Frame per second)

1 Like

Thank you for the help! I really did not have the idea of how I’d do it. This at least gives me an idea to make it! And what can I do for the keyframes?

1 Like

Keyframes such as icons? or types?

No, like how would I position it? Put them in the same Y axis as the object or…?

1 Like

In-game it uses XYZ, on the board it uses XY, correct?

Position each keyframe to the correct and intended frame, then Each part inside the rig has it’s own Y Axis frame-position.

For the X Axis it’s just the time-frame.

I am pretty confused tho, i am just using my known knowledge.

1 Like

Sorry for replying again (half a year later). Haven’t really been on the platform, so haven’t found a way to do this. I actually can’t make UI like this without proper guidelines, soo…

bro replying 6 months later is crazy

Absolutely, sir. But either way, any advice or suggestions?

Hm, there really isnt much resources for doing something like this even outside of roblox, but I found this thing made in typescript but theres UI maybe you can try to recreate it?
https://ievgennaida.github.io/animation-timeline-control/

Hopefully this works. Thank you for sharing.

1 Like