Ir al contenido
charmotion
Empieza ahora
Servicio de animación en Rive

Archivos Rive listos para integrar, sin contratar a un animador.

Envía tu personaje y recibe un .riv que tus desarrolladores pueden conectar el mismo día: máquinas de estados documentadas, un view model con Data Binding, componentes de React y SwiftUI y todos los formatos de video. Normalmente listo en minutos, con animaciones de logo para tu sitio y tu app en el mismo plan.

Míralo en tu app Ver planes
Starter
$20/mes · 3 sets
Todo en uno
$100/mes · 10 sets
Compatibilidad
Tickets prioritarios en Todo en uno
Entrega
Documentación + código en cada set
Sizzle, 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.

¿Cuáles son los mejores servicios de animación de mascotas de marca con exportación a Rive?

Los Rive Experts (freelancers y estudios verificados por el equipo de Rive y contratados a través de Contra) son ideales para trabajos a medida. Los servicios automatizados como Charmotion generan un .riv con una máquina de estados documentada y un view model con Data Binding a partir de una imagen, desde $20 al mes. Pide siempre estados con nombre y código de integración.

Servicios de animación de mascotas de marca con exportación a Rive: tus opciones

Un producto o todo un equipo

Starter$20/mes

  • 3 sets de personaje al mes
  • 3 animaciones de logo al mes
  • .riv con Data Binding + máquinas de estados clásicas
  • WebM y MOV HEVC transparentes, MP4, GIF, 9:16
  • Código para web, React y SwiftUI

Todo en uno$100/mes

  • 10 sets de personaje al mes
  • 15 animaciones de logo al mes
  • Video 3D cinematográfico
  • Generación prioritaria y tickets de soporte prioritarios
  • 40 diseños con IA (logos o personajes) al mes

Lo que reciben tus desarrolladores

Un contrato documentado

View model Character: número mood (0 a 9) y triggers success · error · yes · no · enter · exit. El mismo grafo como inputs clásicos en CharacterStateMachine. Todo explicado en el README del set.

Componentes

Un componente de React con una prop mood y un handle play(), un embed web simple y vistas SwiftUI para ambos runtimes de Apple, todo con el nombre de tu personaje.

Archivos de respaldo

Cada animación también en MP4, WebM y MOV transparentes, y GIF, para que el email, el marketing y las plataformas sin Rive tengan el mismo personaje.

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.

Starter ($20/mes) cubre un producto. Todo en uno ($100/mes) le da a tu equipo 10 sets de personaje y 15 animaciones de logo al mes, generación prioritaria y tickets de soporte prioritarios. Precios en USD; Creem calcula los impuestos al pagar.

Free

$0para siempre

Pruébalo con tu propio logo y personaje.

Empieza gratis
  • 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
Más popular

Starter

20 US$/mes

Para una app o un sitio web.

Elige Starter
  • 3 animaciones de logo al mes
  • 3 sets de personaje al mes
  • Rive, video transparente y código
  • 12 diseños con IA al mes
  • 1 ajuste por animación de logo
  • Tickets de soporte

Todo en uno

100 US$/mes

Para equipos y varias marcas.

Elige Todo en uno
  • 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.

¿En qué se diferencia de contratar a un freelancer de Rive?

Recibes un set fijo de 17 estados de producto en horas y a precio fijo, con código y formatos de video incluidos. Un freelancer es mejor opción para escenas a medida, sincronización labial con un guion o estilos de arte poco comunes.

¿Qué envío para empezar?

Una imagen del personaje (PNG, JPEG o WebP, de al menos 512 px) y un nombre para el set. ¿Aún no tienes personaje? Diseña uno con IA en la app primero: unas pocas palabras sobre él y luego cuatro elecciones rápidas.

¿Firman acuerdos de confidencialidad (NDA) o trabajan según nuestras guías de marca?

Los NDA y las guías de marca se gestionan caso por caso: contáctanos antes de hacer tu pedido. Las imágenes subidas siempre son privadas, se procesan en nuestras propias máquinas y nunca se usan para entrenamiento.

¿Podemos pedir más de 3 sets al mes?

Sí: Todo en uno incluye 10 sets de personaje y 15 animaciones de logo al mes. Los cupos se reinician en cada período de facturación; contáctanos si tu equipo necesita más.

Más información

Guías para este trabajo.

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

Otras formas de usar Charmotion

PNG a RiveAnimador de mascotas con IADe imagen a animación de personajePara apps de iOSCreador de logos animadosAvatar de chatbot animadoAnimación de splash screenAnimación de carga con logoMascota de marca para sitio webAnimación de logo con fondo transparenteMascota de marca para apps móvilesGenerador de mascotas de marca con IAHoja de expresiones de mascota