Timeline in UI

You can do it with widget animations. Look into how repeaters work. You treat an animation progress as alpha, animation produces a curve, you pipe data in. It works exactly like a timeline, with curve graph an all.

Example:


Alternatively, have the underlying actor drive the widget position with an actual timeline.


The thing is that for something that was demonstrated in the vid, I wouldn’t use an animation. A simple interpolation could work better and would be easier to set up.

Give the canvas slot a target location and have it arrive there during Tick. Much more natural and handles interrupts. You can hard-code locations or get them from widgets’ geometry.

If you use a timeline, you will need to faff around with TL playrate - TLs and Anims are time based and going from 1st menu option to the last takes more time than going from 1st to 2nd.

My advice is: let Tick interpolate it for you.

1 Like