Míralo en tu app.
Nuestros personajes de la casa, en vivo en pantallas reales de apps y momentos de producto. Elige una pantalla para ver qué se reproduce y cuándo.
Inicio: una intro y luego reposo
La intro de inicio se reproduce una vez mientras se abre tu app, unos 2.6 segundos, y termina en la pose de reposo. Luego el personaje queda en reposo hasta que la primera pantalla está lista.
Qué se reproduce
Intro de inicio y luego idle (mood 0)
Guía de animación de splash screen
Te damos la bienvenida
Configuremos todo juntos.
Onboarding: un saludo
El loop wave saluda a las personas nuevas en las primeras pantallas. Cuando terminan un paso, cambia a happy para que el avance se sienta como un pequeño logro.
Qué se reproduce
Wave (mood 2), happy (mood 1) después de cada paso
Mascotas en el onboarding
Sincronizando tus datos…
Carga: la espera se siente viva
El loop de carga corre mientras se sincronizan los datos, así que una espera nunca parece congelada. Para esperas de menos de un segundo, no muestres nada.
Qué se reproduce
Loading (mood 5), success cuando termina
Guía de animación de carga
Hero del sitio web: una cara junto a tu titular
El personaje saluda mientras la gente lee tu titular y puede reaccionar a la página: happy cuando alguien se registra, thinking en la tabla de precios.
Qué se reproduce
Wave (mood 2), success al registrarse
Animación de mascota para sitios web
Aún no hay mensajes
Cuando alguien te escriba, aparecerá aquí.
Estado vacío: aún no hay nada
Una bandeja de entrada o una lista vacía recibe un loop triste o dormido y un siguiente paso claro. Se percibe como calma, no como un error.
Qué se reproduce
Sad (mood 4) o sleeping (mood 8)
Mascotas en estados vacíosVPN segura
Conectando…
Londres · Reino Unido
Una VPN conectándose
Carga mientras se conecta, luego la reacción success se reproduce una vez y un loop happy se mantiene mientras estás protegido.
Qué se reproduce
Loading (mood 5), success y luego happy (mood 1)
Mascotas para apps de seguridad
Buscando…
Una búsqueda que termina
Thinking mientras cargan los resultados, luego la reacción success cuando llegan. Un número y un trigger desde tu código.
Qué se reproduce
Thinking (mood 3) y luego success
Estados de animación de la mascota$250.00
para Alex Morgan
Enviando…
Una transferencia que falla
Carga mientras se mueve el dinero. Si falla, la reacción error se reproduce una vez y un loop sad se mantiene hasta que la persona lo intenta de nuevo.
Qué se reproduce
Loading (mood 5), error y luego sad (mood 4)
Mascotas para apps fintech
Escuchando…
Un asistente de IA respondiendo
Listening mientras la persona escribe, thinking mientras trabaja el modelo, talking mientras llega la respuesta y luego un gesto de sí con la cabeza cuando termina.
Qué se reproduce
Listening (6), thinking (3), talking (7) y luego yes
Avatares para asistentes de IALogos que se mueven.
Archivos en vivo, no videos: pasa el puntero sobre ellos o toca uno. Cada uno está hecho con las partes de su propio logo.
Crea el tuyo.
Cómo funciona- 01
Agrega tu personaje o logo
Sube un PNG, JPEG o WebP (SVG para logos), o diseña uno con IA en la app.
- 02
Lo animamos
El motor encuentra sus partes y crea cada animación con tu propio arte, sin redibujarlo nunca.
- 03
Pégalo en tu app
Recibe el archivo de Rive, el código para tu plataforma y los videos. Conecta los moods a tus pantallas, como en los ejemplos de arriba.
Preguntas
Las respuestas cortas. Todas las preguntas
¿Son animaciones reales?
Sí. Cada pantalla reproduce el archivo de Rive que incluye un set de personaje, controlado por los mismos números de mood y triggers que usaría tu propio código. Nada es un video simulado.
¿Quiénes son estos personajes?
Kiko, Sizzle, Pebble y Gummo son personajes de la casa de Charmotion. Los animó el mismo motor que anima a los tuyos, a partir de una sola imagen cada uno.
¿Cómo consigo esto con mi propio personaje?
Sube tu dibujo en la app o diseña un personaje con IA (2 diseños con IA gratis). Los sets de personaje empiezan en Starter y cada uno tiene las 17 animaciones.
¿Qué archivos recibo?
Un archivo .riv con todas las animaciones y una máquina de estados, código para web, React y SwiftUI, y videos MP4, GIF y WebM o MOV con fondo transparente que se exportan cuando los necesitas.
Ponlo en movimiento.
Los diseños con IA y las ideas de logo son gratis. Sin tarjeta.