Ir al contenido
charmotion
Hoja de expresiones de mascota

Todas las expresiones de tu mascota, desde una sola imagen.

Sube una imagen de tu mascota y recibe su set de expresiones como animaciones: happy, sad, thinking, sleeping, talking y cinco estados de ánimo más, además de las reacciones success, error, yes, no, enter y exit. Cada una mueve tu propio arte, así que la cara, los colores y las proporciones nunca cambian de una expresión a otra, como suele pasar cuando una herramienta de imágenes con IA vuelve a dibujar al personaje.

Estados de ánimo
10 expresiones en loop
Reacciones
6 reacciones puntuales + intro de inicio
Coherencia
El mismo arte en cada fotograma
Desde
$20/mes
Kiko, un personaje de demostración de Charmotion Archivo de Rive en vivo
En loop
Una vez

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.

La hoja completa, 17 animaciones

ExpresiónTipoUso habitual
idleloopEstado en reposo, pantalla principal
happy, waveloopBienvenida, onboarding, buenas noticias
thinking, loadingloopProcesando algo, esperando
sadloopEstado fallido, racha perdida
listening, talkingloopAsistentes de chat y de voz
sleepingloopPantallas vacías, todavía sin contenido
attentionloopConsejos, recordatorios, notificaciones
success, errorreacción puntualGuardado, pagado o algo salió mal
yes, noreacción puntualRespuestas, confirmaciones
enter, exitreacción puntualAparecer y salir
launchintroUnos 2.6 s, termina en reposo (idle)

Un solo personaje, no diecisiete imitaciones

Por qué nada cambia

Las herramientas de imagen con IA generan cada expresión como una imagen nueva, así que los ojos, los colores y los accesorios cambian entre una y otra. Aquí cada expresión se anima con keyframes a partir de la misma imagen subida, y cualquier cara que le falte a tu dibujo se agrega en su estilo para que la apruebes. El arte plano y de frente recibe expresiones faciales y saludos con el brazo; el arte 3D o detallado conserva sus píxeles exactos en el modo Motion y muestra el estado de ánimo con squash, inclinación, saltos y parpadeos. Más en por qué la animación con IA cambia tu personaje.

No incluido en la hoja

  • Poses nuevas, ángulos o un turnaround: el set anima la pose de tu imagen.
  • Emociones personalizadas además de las 17, como enojo o sorpresa.
  • Archivos PNG: en su lugar, extrae imágenes fijas como fotogramas del MP4 o del GIF.
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.

Kiko pensando, resultado en GIF

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.

import { useRive, useStateMachineInput } from "@rive-app/react-canvas";

export function Kiko({ mood = 0 }) {
  const { rive, RiveComponent } = useRive({
    src: "/kiko.riv",
    stateMachine: "CharacterStateMachine",
    autoplay: true,
  });
  const input = useStateMachineInput(rive, "CharacterStateMachine", "mood");
  if (input) input.value = mood; // 0 idle · 1 happy · 2 wave · 3 thinking · 4 sad · 5 loading …
  return <RiveComponent style={{ width: 320, height: 320 }} />;
}

Código listo para pegar Cada set

Componentes para web, React y SwiftUI con el nombre de tu personaje.

Formatos incluidos en cada plan
FormatoEspecificacionesStarter y Todo en uno
MP41080 × 1080, 60 fps, las 17 animacionesIncluido
Video de inicio en 9:16MP4 de 1080 × 1920Incluido
GIFVistas previas de 480 px, fondo sólidoIncluido
Rive (.riv)Vectorial; view model de Data Binding + inputs heredados: mood para los loops, triggers para las reacciones puntuales, máquina de estados launchIncluido
WebM con fondo transparenteVP9 con canal alfa, 1080 × 1080Incluido
MOV con fondo transparenteHEVC con canal alfaIncluido
CódigoComponentes web (HTML), React y SwiftUIIncluido
Descargar todo (.zip)Archivo Rive, código, README y pósters en un solo archivoIncluido
Exportación de videoMP4, GIF, WebM y MOV transparentes, 9:16: elige formatos y animaciones en la página del set, listos en alrededor de un minutoIncluido
Asistentes de IA (MCP)Claude, Cursor, VS Code y CodexIncluido
Planes

Empieza gratis. Mejora tu plan cuando necesites más.

Cada set incluye el .riv y el código, y exporta cada expresión como MP4, GIF, video 9:16 y WebM y MOV transparentes bajo demanda, desde Starter ($20/mes). Precios en USD; Creem calcula los impuestos al pagar.

Free

$0para siempre

Pruébalo con tu propio logo y personaje.

  • Ideas de animación de logo (3 conceptos)
  • Vista previa en pantallas de app
  • Sin tarjeta
  • 2 diseños con IA (logos o personajes)
  • Funciona desde Claude, Cursor, Codex
  • Soporte por email

Todo en uno

100 US$/mes

Para equipos y varias marcas.

  • 15 animaciones de logo al mes
  • 10 sets de personaje al mes
  • Video 3D cinematográfico incluido
  • 40 diseños con IA al mes
  • 3 ajustes por animación de logo
  • Generación y soporte prioritarios
Preguntas frecuentes

Antes de empezar.

Más en las preguntas frecuentes completas.

¿Mi mascota se verá igual en cada expresión?

Sí. Cada expresión se anima a partir de la misma imagen subida, así que los colores, contornos, proporciones y accesorios se mantienen como están dibujados. Si a tu dibujo le falta una cara que el set necesita, como triste, hablando o dormido, agregamos una boca u ojos cerrados a juego en su estilo, y tú los apruebas primero. Los generadores de imágenes crean cada expresión como una imagen nueva, por eso los personajes cambian entre una y otra.

¿Puedo obtener las expresiones de la mascota como imágenes PNG fijas?

Los archivos PNG no forman parte del set, pero puedes sacar una imagen fija de cualquier fotograma del MP4 o del GIF, por ejemplo con ffmpeg -ss 1 -i happy.mp4 -frames:v 1 happy.png. En un plan de pago, decodifica el WebM transparente con -c:v libvpx-vp9 antes de -i para obtener una imagen fija sin fondo.

¿Pueden agregar expresiones de enojo, sorpresa u otras?

Por ahora no. Todos los sets tienen las mismas 17 animaciones, lo que mantiene el precio fijo y el contrato del código idéntico para cada personaje. Si necesitas emociones a medida, contáctanos o encárgaselas a un animador freelance.

¿Recibo poses de cuerpo completo o un turnaround del personaje?

No. El set anima la pose de tu imagen, de frente al espectador; no inventa poses nuevas, vistas laterales ni una hoja de turnaround. Si tu mascota las necesita, dibújalas primero. Además, las vistas laterales y de tres cuartos se animan peor que una vista frontal.

¿Las expresiones seguirán nuestras guías de marca?

Siguen tu ilustración: no se cambia el color ni el estilo de nada, así que si la imagen cumple tus guías de marca, también lo hace cada expresión. El estilo de movimiento no se ajusta por marca; si tus guías son estrictas, contáctanos antes de hacer tu pedido.

Míralo primero con tu personaje.

Gratis, en tu navegador. Tu imagen se queda en tu dispositivo, a menos que pidas el clip animado corto.

Vista previa gratis