Zum Hauptinhalt springen
Hooks

Live-Ausgabe der echten Render-Engine — ändere die Einstellungen und sie aktualisiert sich sofort.

Manifest-Satz

motion design

Ein starker Satz mit hervorgehobenem Schlüsselwort und einer Zeile darunter.

Ideal für: Woran Sie glauben, einmal gesagt, groß.

Einstellungen

Schrift
Theme
Größe
Stimmung

In einem Film verwenden

Gemacht fürStoryLaunch
Was du ändern kannst:kickertextsupport
Für Entwickler (MCP und JSON)

Das ist genau die Szene für create_animation (MCP): Struktur behalten, Worte ändern und den Sprechertext schreiben — die Stimme bestimmt, wie lange die Szene dauert. Mit set_data in update_storyboard einfügen, um einen fertigen Film zu ändern.

{
  "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"
    }
  }
}

Wiederverwenden: data.motion.spec einmal mit save_motion_spec speichern (geprüft wie mit validate_motion_spec), dann kann jede Szene das Visual „motion“ mit data.motion.specId und eigenen Parametern nutzen. Name der Spec: „Manifesto line“.

Weitere Hooks-Animationen