Aller au contenu principal
Fonctionnement

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

Flèche dessinée à la main

cartes animées design

Une flèche dessinée part d'une étiquette et pointe un endroit de votre capture.

Idéal pour : Désigner une chose sur une page.

Réglages

Police
Thème
Taille
Humeur

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

Flèche dessinée à la main
16:9
Flèche dessinée à la main
9:16
1:1
1:1

Ce que vous écrivez

  • title Headline over the shot, or empty to hide (≤56)· obligatoire
  • label What the arrow points at, in a few words (≤32)· obligatoire
  • note One line under the label, or empty to hide (≤72)
  • x Where the arrow points. Across the picture: 0 is the left edge, 1 the right (≤1)
  • y Where the arrow points. Down the picture: 0 is the top, 1 the bottom (≤1)
  • pen How the arrow is drawn: a marker stroke, rough chalk or a glowing neon line
  • layout A framed card over its own blurred backdrop, or the picture filling the whole frame

Les images (image) 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.titlerushie.props.labelrushie.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": "Arrow pointer",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "arrow-pointer",
      "props": {
        "image": "https://storage.googleapis.com/pagetovid-media/demo/pagetovid-demo-en-v2.jpg",
        "title": "Start from any page",
        "label": "Paste your link here",
        "note": "Open it on any laptop and your numbers are already there",
        "x": 0.5,
        "y": 0.4,
        "pen": "marker",
        "layout": "framed"
      }
    }
  }
}

Autres animations Fonctionnement