Aller au contenu principal
Fonctionnement

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

Problème barré

cartes animées design

Des cartes de problèmes tremblent et sont barrées, puis la solution arrive.

Idéal pour : Le passage du problème à la solution.

Réglages

Police
Thème
Taille
Humeur

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

Problème barré
16:9
Problème barré
9:16
1:1
1:1

Ce que vous écrivez

  • problem The problem, shown first in red (≤60)· obligatoire
  • name Product name, revealed with the solution (≤24)· obligatoire
  • headline The solution line under the product name (≤60)· obligatoire
  • items Three to five pain points and what each turns into· obligatoire
  • kicker Label over the problem, or empty to hide (≤24)
  • transition How the clean side arrives: a circle from the centre or a diagonal sweep
  • layout How the solved points line up: a two-column grid or a single checklist

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.problemrushie.props.namerushie.props.headlinerushie.props.itemsrushie.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": "Problem to solution",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "problem-solution",
      "props": {
        "kicker": "The problem",
        "problem": "Launch videos take weeks",
        "name": "PageToVid",
        "headline": "A finished film from your page",
        "items": [
          {
            "pain": "Hire an agency",
            "fix": "Paste a link"
          },
          {
            "pain": "Write a script",
            "fix": "Script written for you"
          },
          {
            "pain": "Record and edit",
            "fix": "Filmed in a browser"
          }
        ],
        "transition": "ripple",
        "layout": "grid"
      }
    }
  }
}

Autres animations Fonctionnement