Aller au contenu principal
Accroches

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

Phrase manifeste

motion design

Une phrase forte dont le mot clé ressort, avec une ligne d'appui dessous.

Idéal pour : Ce que vous croyez, dit une fois, en grand.

Réglages

Police
Thème
Taille
Humeur

L'utiliser dans un film

Idéal pourRécitLancement
Ce que vous pouvez changer :kickertextsupport
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": "motion",
  "heading": "Manifesto",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "motion": {
      "spec": {
        "version": 1,
        "name": "Manifesto line",
        "intent": "statement: one strong sentence with an emphasised word and an optional support line",
        "stagger": "item",
        "params": [
          {
            "name": "kicker",
            "type": "text",
            "default": "What we believe",
            "maxLength": 28,
            "label": "Eyebrow"
          },
          {
            "name": "text",
            "type": "text",
            "default": "Great software should explain itself, out loud.",
            "maxLength": 72,
            "label": "Statement"
          },
          {
            "name": "support",
            "type": "text",
            "default": "So we built the tool that lets every product do it.",
            "maxLength": 96,
            "label": "Support line"
          }
        ],
        "layers": [
          {
            "id": "kicker",
            "kind": "text",
            "text": "{{kicker}}",
            "role": "label",
            "uppercase": true,
            "color": "c2",
            "align": "center",
            "maxLines": 1,
            "box": {
              "col": 0,
              "row": 0.6,
              "cols": 12,
              "rows": 0.9
            },
            "tall": {
              "col": 0,
              "row": 0.6,
              "cols": 12,
              "rows": 0.6
            },
            "enter": {
              "primitive": "fadeUp",
              "distance": "nudge",
              "order": 0
            }
          },
          {
            "id": "text",
            "kind": "text",
            "text": "{{text}}",
            "role": "display",
            "align": "center",
            "maxLines": 3,
            "box": {
              "col": 0,
              "row": 1.8,
              "cols": 12,
              "rows": 7.4
            },
            "tall": {
              "col": 0,
              "row": 1.9,
              "cols": 12,
              "rows": 7
            },
            "enter": {
              "primitive": "wordStagger",
              "order": 0
            },
            "emphasis": {
              "primitive": "highlightSweep"
            },
            "emphasize": "explain",
            "exit": {
              "primitive": "exitLift"
            }
          },
          {
            "id": "support",
            "kind": "text",
            "text": "{{support}}",
            "role": "title",
            "color": "sub",
            "align": "center",
            "maxLines": 2,
            "box": {
              "col": 1,
              "row": 9.6,
              "cols": 10,
              "rows": 2.4000000000000004
            },
            "tall": {
              "col": 0,
              "row": 9.299999999999999,
              "cols": 12,
              "rows": 2.700000000000001
            },
            "enter": {
              "primitive": "fadeUp",
              "distance": "nudge",
              "order": 1
            }
          }
        ]
      },
      "name": "Manifesto line"
    }
  }
}

Réutilisez-la : enregistrez data.motion.spec une fois avec save_motion_spec (vérifiée comme avec validate_motion_spec), puis toute scène peut utiliser le visuel « motion » avec data.motion.specId et ses propres paramètres. Nom de la spec : « Manifesto line ».

Autres animations Accroches