Ir al contenido principal
Comparación

Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.

Antes / después

tarjetas animadas de diseño

Un barrido de una imagen a otra, con etiquetas.

Ideal para: transformaciones, reformas, ediciones.

Ajustes

Fuente
Tema
Tamaño
Ánimo

Formatos que pasaron el control de imagen

Antes / después
16:9
Antes / después
9:16
1:1
1:1

Lo que escribes

  • beforeLabel (≤20)
  • afterLabel (≤20)
  • direction Which way the wipe travels

Las imágenes (before, after) salen de la imagen de la escena o, si no hay, de un degradado con tus colores.

Una plantilla en código: gratis en todos los planes, sin créditos de IA.

Úsala en un vídeo

Lo que puedes cambiar:rushie.props (others)
Para desarrolladores (MCP y JSON)

Esta es la escena exacta para enviar a create_animation (MCP): mantén la estructura, cambia las palabras y escribe la narración — la voz fija cuánto dura la escena. Pégala en update_storyboard con set_data para cambiar un vídeo que ya hiciste.

{
  "visual": "rushie",
  "heading": "Before / after",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "before-after",
      "props": {
        "before": "https://storage.googleapis.com/pagetovid-media/demo/pagetovid-demo-en-v2.jpg",
        "after": "https://storage.googleapis.com/pagetovid-media/demo/pagetovid-demo-en-v2.jpg",
        "beforeLabel": "Before",
        "afterLabel": "After",
        "direction": "left-to-right"
      }
    }
  }
}

Más animaciones de Comparación