Zum Hauptinhalt springen
So funktioniert's

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

Wisch-Punkte

gestaltete motion-karten

Onboarding-Karten, wie ein Stapel aufgeschichtet, werden nacheinander von einer Fingerspitze weggewischt, während die großen Seitenpunkte darunter jedem Wisch folgen (sich wie ein Wurm strecken, füllen oder wachsen), bis auf der letzten „Los geht’s“ angetippt wird.

Ideal für: App-Onboarding, Karussells und Feature-Touren.

Einstellungen

Schrift
Theme
Größe
Stimmung

Formate, die die Bildprüfung bestanden haben

Wisch-Punkte
16:9
Wisch-Punkte
9:16
1:1
1:1

Was du schreibst

  • pages Onboarding pages, swiped through in order· Pflicht
  • 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
  • cta Button on the last page (empty for none) (≤18)
  • dots The active dot stretches like a worm, the dots fill in as you go, or the active dot grows

Bilder (image) kommen aus dem Bild der Szene, sonst aus einem Verlauf in deinen Farben.

Eine Code-Vorlage: in jedem Tarif kostenlos, ohne KI-Credits.

In einem Film verwenden

Was du ändern kannst:rushie.props.pagesrushie.props (others)
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": "rushie",
  "heading": "Swipe dots",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "swipe-dots",
      "props": {
        "backdrop": "dark",
        "image": "https://storage.googleapis.com/pagetovid-media/demo/pagetovid-demo-en-v2.jpg",
        "pointer": "finger",
        "pages": [
          {
            "title": "Plan your week",
            "text": "Drag tasks into the days that suit you."
          },
          {
            "title": "Share the load",
            "text": "Invite your team and split the list in a tap."
          },
          {
            "title": "Stay on track",
            "text": "Gentle nudges before anything is due."
          },
          {
            "title": "You're all set",
            "text": "Let's make this week count."
          }
        ],
        "cta": "Get started",
        "dots": "worm"
      }
    }
  }
}

Weitere So funktioniert's-Animationen