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

comparacionescalmadoligerolento

Tu página antes, tu vídeo después.

Ideal para: Enmarcar la transformación.

Ajustes

Fuente
Tema
Tamaño
Ánimo

Úsala en un vídeo

Lo que puedes cambiar:left/right
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": "compare",
  "motion": "floatInBlock",
  "heading": "Before / after",
  "caption": "Same content, new life",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "compare": {
      "leftTitle": "Static page",
      "rightTitle": "As a video",
      "leftItems": [
        "Text nobody reads",
        "Flat",
        "Low reach"
      ],
      "rightItems": [
        "Engaging story",
        "Motion + voice",
        "Shareable everywhere"
      ]
    }
  }
}

Más animaciones de Comparación