Un solo archivo de mascota para todas las plataformas donde publicas tu app.
Sube tu mascota y obtén un .riv con un contrato documentado: un número mood de 0 a 9 para los estados en loop y triggers para success, error, yes, no, enter y exit. El mismo archivo controla al mismo personaje en Flutter, React Native, Android, iOS y en la web, así que las rachas, las respuestas de los quizzes y las pantallas vacías se ven igual en todas partes.
Este es el .riv real que entrega nuestro motor, reproduciéndose en tu navegador. Es la misma máquina de estados que controlas desde tu app con un input numérico y un trigger por cada reacción puntual.
El mismo contrato en cada runtime
Con qué se comunica tu código
CharacterViewModelMachine con el view model Character: número mood (0 idle, 1 happy, 2 wave, 3 thinking, 4 sad, 5 loading, 6 listening, 7 talking, 8 sleeping, 9 attention) y los triggers success · error · yes · no · enter · exit.
CharacterStateMachine expone el mismo grafo como inputs clásicos, y LaunchStateMachine reproduce la intro.
Por plataforma
iOS: vistas SwiftUI para ambos runtimes de Apple, incluidas.
Web y React: embed y componente, incluidos.
Flutter: el paquete rive.
Android: app.rive:rive-android.
React Native: @rive-app/react-native; usa el view model, ya que las API de inputs se eliminaron en Nitro v0.6.
Para Flutter, Android y React Native recibes el .riv y un README con el contrato, no fragmentos de código. Consulta Rive en Android, Flutter y React Native.
Pensado para rachas, quizzes y pantallas vacías
Momento en la app
Animación
Tipo
Racha diaria mantenida
success, luego happy
reacción puntual, loop
Respuesta correcta
success o yes
reacción puntual
Respuesta incorrecta
error o no
reacción puntual
Carga de lección o sincronización
loading
loop
Racha en riesgo, recordatorio
attention
loop
Racha perdida
sad
loop
Pantalla vacía
sleeping
loop
Onboarding
wave, enter
loop, reacción puntual
Es el estilo de feedback de mascota de Duolingo: reacciones cortas que tu código dispara, entre loops tranquilos. No incluye archivos Lottie ni escenas personalizadas más allá de las 17 animaciones.
Resultados reales
Archivos entregados, tal como los descargarías.
MP4 Cada set
1080 × 1080 a 60 cuadros por segundo. Aquí: el saludo de Gummo, de un set entregado.
WebM y MOV transparentes Cada set
Incluye canal alfa, por eso se ve el fondo de cuadros. El MOV es HEVC con alfa para apps y editores de Apple.
GIF Cada set
Vistas previas ligeras para documentación, correo y chat. El loop “thinking” de Kiko.
Video de inicio en 9:16 Cada set
1080 × 1920 para historias y splash screens. La intro de inicio de Sizzle.
kiko.riv · 150 KB
CharacterStateMachine
input numérico mood 0 a 9: idle, happy, wave, thinking, sad, loading, listening, talking, sleeping, attention triggers: success · error · yes · no · enter · exit
LaunchStateMachine
launch → idle, se reproduce una vez
Máquina de estados (state machine) de Rive Cada set
Un solo archivo pequeño en lugar de 17 videos. Es lo que hace funcionar la demo de la parte superior de esta página.
Diseña, anima y obtén enlaces de descarga en el chat
Incluido
Planes
Empieza gratis. Mejora tu plan cuando necesites más.
El .riv y el código están en todos los planes de pago, desde Starter ($20/mes). Cada set también incluye MP4 y GIF de cada animación, que sirven para videos de onboarding y capturas para la tienda, pero no pueden reaccionar a tu app. Precios en USD; Creem calcula los impuestos al pagar.
¿El mismo archivo de mascota funciona en Flutter y React Native?
Sí. Flutter lo reproduce con el paquete rive y React Native con @rive-app/react-native. Para esas plataformas incluimos un README con los nombres de las máquinas de estados, los valores de mood y los nombres de los triggers, en lugar de código. En el runtime Nitro de React Native, usa CharacterViewModelMachine con Data Binding, ya que las API de inputs se eliminaron en la v0.6.
¿La mascota puede celebrar rachas como el búho de Duolingo?
De la misma forma, sí: Duolingo anima a sus personajes con máquinas de estados (state machines) de Rive que controla el código de la app. Dispara success cuando se mantiene una racha o hay una respuesta correcta, error o no ante una incorrecta, y entre una y otra cambia el mood a happy o sad. El set tiene 17 animaciones fijas; las escenas a medida requieren un animador.
¿Cuánto aumenta el peso de mi app una mascota animada?
El .riv de un arte plano pesa entre 35 y 45 KB con las 17 animaciones; un arte 3D o detallado en modo Motion ronda 1 MB. Además, el runtime de Rive se suma a tu binario, así que revísalo para tu plataforma si el peso es crítico. Los archivos MP4 y MOV en HEVC funcionan sin ningún runtime.
¿Por qué Rive y no Lottie para la mascota de una app?
Una mascota cambia de estado mientras tu app se ejecuta. Una máquina de estados de Rive lo hace en un solo archivo y mezcla las transiciones entre estados; con Lottie, tu código tiene que intercambiar animaciones lineales separadas. Entregamos Rive y video, no JSON de Lottie.
¿La mascota de la app funciona sin conexión?
Sí. Incluye el .riv en tu app y se reproduce sin conexión; nada se transmite desde nuestros servidores. Los archivos MP4, MOV y WebM también funcionan sin conexión.
Archivo de Rive en vivo
