Aller au contenu principal
Fonctionnement

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

Trois raisons

cartes animées design

Une carte par raison, chacune avec un grand chiffre qui surgit.

Idéal pour : Pourquoi on change d'outil.

Réglages

Police
Thème
Taille
Humeur

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

Trois raisons
16:9
Trois raisons
9:16
1:1
1:1

Ce que vous écrivez

  • title The headline; wrap words in *stars* to colour them, or empty to hide (≤64)· obligatoire
  • items The reasons, numbered in order (2 to 4)· obligatoire
  • kicker Small label above the title, or empty to hide (≤32)
  • layout A card per reason with a big number, or an editorial list with numbers in the margin
  • numerals Outlined numbers that fill when their reason is in focus, or solid numbers

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.titlerushie.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": "Three reasons",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "three-reasons",
      "props": {
        "kicker": "Why Northwind",
        "title": "3 reasons teams switch to *PageToVid*",
        "items": [
          {
            "title": "It reads your page",
            "text": "Facts from the page, not filler."
          },
          {
            "title": "It films your site",
            "text": "Real footage in a real browser."
          },
          {
            "title": "It speaks four languages",
            "text": "Voice and captions in each."
          }
        ],
        "layout": "cards",
        "numerals": "outline"
      }
    }
  }
}

Autres animations Fonctionnement