Ir al contenido
charmotion

Planificador de estados de animación de mascota

Elige el tipo de app que estás creando. Verás los estados de mascota que necesita, el momento en que se reproduce cada uno, si va en loop o se reproduce una vez, el tono que conviene buscar y lo que debes evitar.

Se ejecuta por completo en tu navegador. Tu archivo nunca se sube.

Fintech y banca: 8 estados

Tono

Tranquila y confiable. Celebra con discreción; nunca bromees cuando algo sale mal con el dinero.

Evitar

Animaciones sobre saldos o números de confirmación, y reacciones tiernas ante pagos rechazados o alertas de fraude. Muestra primero un texto claro.

MomentoEstadoReproducciónPrioridad
Inicio de la applaunchse reproduce una vezBase
Predeterminado en el panelidleloopBase
Cargando saldos o enviando dineroloadingloopBase
Transferencia o pago completadosuccessse reproduce una vezBase
Pago fallido o rechazadoerrorse reproduce una vezBase
Lista de transacciones vacíasleepingloopOpcional
Meta de ahorro alcanzadahappyloopOpcional
Consejo o recordatorio de seguridadattentionloopOpcional

Cada estado de arriba es una de las 17 animaciones de un set de Charmotion, así que este plan se corresponde uno a uno con el archivo de Rive: los loops son valores de mood, las reacciones puntuales son triggers y la intro de inicio se reproduce desde su propia LaunchStateMachine.

Loops vs reacciones puntuales

Los loops (idle, loading, sleeping) se reproducen mientras la pantalla esté en ese estado. Las reacciones puntuales (success, error, yes, no) se reproducen una vez en respuesta a un evento y luego vuelven al loop.

Empieza por lo esencial

Lanza primero los estados esenciales y agrega el resto cuando veas dónde ayuda realmente la mascota. Respeta la configuración de movimiento reducido con una pose fija.

Más información

Obtén todos los estados en un solo archivo

Un set de Starter o Todo en uno le da a tu personaje las 17 animaciones (todos los estados de estos planes) como archivo de Rive con máquinas de estados listas, además de video, GIF y código.

Más herramientas gratis