Aller au contenu principal
Comparaison

Sortie en direct du vrai moteur de rendu — modifiez les réglages et elle se met à jour instantanément.

Avant / après · Rushie

cartes animées design

Un balayage d’une image à l’autre, avec des étiquettes.

Idéal pour : transformations, rénovations, retouches.

Réglages

Police
Thème
Taille
Humeur

Formats validés par le contrôle d'image

Avant / après · Rushie
16:9
Avant / après · Rushie
9:16
1:1
1:1

Ce que vous écrivez

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

Les images (before, after) viennent de l'image de la scène, sinon d'un dégradé à vos couleurs.

Un modèle en code : gratuit sur toutes les offres, sans crédits IA.

L'utiliser dans un film

Ce que vous pouvez changer :rushie.props (others)
Pour les développeurs (MCP et JSON)

Voici la scène exacte à envoyer à create_animation (MCP) : gardez la structure, changez les mots et écrivez la narration — c'est la voix qui fixe la durée de la scène. Collez-la dans update_storyboard avec set_data pour modifier un film déjà fait.

{
  "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"
      }
    }
  }
}

Autres animations Comparaison