How do we animate Visual Elements?

How do we animate visual elements? I've seen threads like this one which reference a ValueAnimation class. Is there any documentation about how to use this anywhere?

We're using the 0.0.4 preview of runtime and are focused only on runtime use cases.

Thanks for any info!

 

I've ended writing constructs like this:

Code (CSharp):

1.            
2. button.experimental.animation.Start(25f, 200f, 300, (b, val) =>
3. {
4.     b.style.height = val;
5. }).Ease(Easing.OutBounce);
6.  

Is that kind of imperative scripting from C# the current best way to accomplish animation of visual elements? Is anything similar possible from within the UXML itself at the moment and/or from the UI Builder? I'm wondering how to expose these things to artists.

Thanks!

 

[QUOTE = "sebastiend-unity, publicación: 5964518, miembro: 980243"] Hola,

Gracias por tu pregunta Planeamos tener herramientas de creación de animaciones como parte de nuestra hoja de ruta futura (UI Builder). Actualmente, sin embargo, lo que describió es la mejor manera de hacer animaciones de IU basadas en UITK.

Sebastien [/ QUOTE]
no ready yet?

 

Hello @sebastiend-unity , is there any update on this thread?

With UIToolkit now in the LTS release for 2021, I'm hopefully that there's a relatively easy way to animate my UI Builder elements. Particularly fade-ins/outs when the Scenes load.

 

https://forum.unity.com/threads/announcing-uss-transition.1203832/
https://forum.unity.com/threads/quick-transition-tutorial.1203841/

 

I know about transitions, but is it currently possible to do following animations in UITK?

 

You can achieve shakes like this by adding and removing "left" "right" rotation classes to an element that has a transition property/duration set at correct intervals via code. That's how I am doing it.
Unity is working on giving us timeline animation options in UI Toolkit. When it's ready is anyone's guess.