Español 🇪🇸

Curve Animator es un addon para FancyMenu que amplía las posibilidades del Element Animator mediante un editor visual de curvas Bézier integrado directamente en su editor de keyframes.

Con Curve Animator puedes controlar por separado tanto la trayectoria del elemento como el ritmo de la animación. La curva de movimiento permite crear recorridos rectos, arcos y trayectorias personalizadas, mientras que la curva temporal permite configurar aceleraciones como ease-in, ease-out y ease-in-out. Ambas curvas se modifican visualmente arrastrando sus puntos de control.

El addon incorpora diferentes modos de reproducción:

• Al abrir el menú.
• Al cerrar el menú.
• Al abrirlo y cerrarlo.
• En loop mientras el menú permanezca abierto.

También permite combinar varios Element Animators sobre el mismo botón o elemento. Por ejemplo, puedes reproducir una animación de entrada mientras otra animación en loop añade un movimiento ambiental continuo.

Cómo utilizarlo

1. Crea un Element Animator desde el editor de FancyMenu.
2. Añade al menos dos keyframes y selecciona los elementos que quieres animar mediante Manage Targets.
3. Abre el editor de keyframes.
4. Pulsa el nuevo botón Movement Curve.
5. Elige si quieres editar la curva de movimiento o la curva de tiempo.
6. Arrastra los puntos de control para diseñar la animación.
7. Selecciona el modo de reproducción y guarda los cambios.

Las animaciones se actualizan en cada frame para ofrecer movimientos fluidos incluso en pantallas con altas tasas de refresco.

Curve Animator es completamente del lado del cliente y no necesita instalarse en el servidor.

English 🇺🇸

Curve Animator is a FancyMenu addon that expands the capabilities of the Element Animator by adding a visual Bézier curve editor directly to its keyframe editor.

With Curve Animator, you can control the element’s movement path and animation timing separately. The movement curve allows you to create straight paths, arcs, and custom trajectories, while the timing curve lets you configure easing effects such as ease-in, ease-out, and ease-in-out. Both curves can be edited visually by dragging their control points.

The addon includes several playback modes:

• When opening the menu.
• When closing the menu.
• When opening and closing the menu.
• Looping while the menu remains open.

It also allows multiple Element Animators to be blended on the same button or element. For example, you can play an entrance animation while another looping animation adds continuous ambient movement.

How to use it

1. Create an Element Animator in the FancyMenu editor.
2. Add at least two keyframes and select the elements you want to animate through Manage Targets.
3. Open the keyframe editor.
4. Click the new Movement Curve button.
5. Choose whether you want to edit the movement curve or the timing curve.
6. Drag the control points to design the animation.
7. Select the playback mode and save your changes.

Animations are updated every frame to provide smooth movement, even on high-refresh-rate displays.

Curve Animator is entirely client-side and does not need to be installed on the server.