Aller au contenu principal
Fonctionnement

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

Cercle au marqueur

cartes animées design

Un marqueur entoure une zone de votre capture pendant que la note apparaît.

Idéal pour : Entourer ce qui compte sur une page.

Réglages

Police
Thème
Taille
Humeur

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

Cercle au marqueur
16:9
Cercle au marqueur
9:16
1:1
1:1

Ce que vous écrivez

  • title Headline over the shot, or empty to hide (≤56)· obligatoire
  • note The short note stuck beside the mark (≤64)
  • x Centre of the marked area. Across the picture: 0 is the left edge, 1 the right (≤1)
  • y Centre of the marked area. Down the picture: 0 is the top, 1 the bottom (≤1)
  • size Half the marked area's width, as a share of the picture's width (≤0.4)
  • mark A scribbled loop, a rough box or a double underline
  • pen A bold marker, a wide see-through highlighter or a thin sketchy pencil
  • 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 (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": "Scribble circle",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "scribble-circle",
      "props": {
        "image": "https://storage.googleapis.com/pagetovid-media/demo/pagetovid-demo-en-v2.jpg",
        "title": "This button starts your film",
        "note": "Paste your page, press it, and the film renders",
        "x": 0.5,
        "y": 0.45,
        "size": 0.19,
        "mark": "circle",
        "pen": "marker",
        "layout": "framed"
      }
    }
  }
}

Autres animations Fonctionnement