Aller au contenu principal
Appel à l'action

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

Bascule d'interrupteur

cartes animées design

Un grand interrupteur de réglages est touché, son bouton s'étire en glissant, et un cercle part du bouton pour changer le thème de toute la carte du clair au sombre (soleil devenant lune, étoiles qui apparaissent), en pilule, interrupteur Material fin ou carré sur fond sombre, clair, écran vert ou votre image.

Idéal pour : Mode sombre, réglages et moments d'activation/désactivation de fonction.

Réglages

Police
Thème
Taille
Humeur

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

Bascule d'interrupteur
16:9
Bascule d'interrupteur
9:16
1:1
1:1

Ce que vous écrivez

  • label What the switch is called (≤22)· obligatoire
  • backdrop What it sits on: dark, light, pure chroma-key green (#00b140) to key over your footage, or your picture
  • pointer Who does the tapping: a fingertip touch, a mouse cursor, or nobody
  • subtitle A line under the name (≤44)
  • onText Status word when switched on (≤12)
  • offText Status word when switched off (≤12)
  • direction Switch it on and the card turns dark, or switch it off and the card turns light
  • shape A chunky pill switch, a slim track with an overhanging knob, or a squared switch

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

Idéal pourCarte de fin
Ce que vous pouvez changer :rushie.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": "Toggle flip",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "toggle-flip",
      "props": {
        "backdrop": "dark",
        "image": "https://storage.googleapis.com/pagetovid-media/demo/pagetovid-demo-en-v2.jpg",
        "pointer": "finger",
        "label": "Dark mode",
        "subtitle": "Easier on the eyes at night",
        "onText": "On",
        "offText": "Off",
        "direction": "to-dark",
        "shape": "pill"
      }
    }
  }
}

Autres animations Appel à l'action