Wissensanimationsvideo erstellen

Der Benutzer liefert einen Sprechtext (Text oder Audio) + ein Stil-Referenzbild. Du wählst die Vorlage aus, entwirfst das Storyboard, schreibst den Code und renderst das Video.

Technologie-Stack: Remotion (Videos mit React schreiben) + Python-Skripte (Sprachausgabe/Synchronisation/Mischung) + ffmpeg.

Kernprinzip: Der Stil bestimmt das Werkzeug. Lege zuerst den Typ fest, dann wähle das Werkzeug und schreibe die Szenen basierend auf der Vorlage für diesen Typ.

Autor: Xiao Bai (Xiao Bai) · GitHub @newbaisays-aigc · MIT-Lizenz Projekt-URL: https://github.com/newbaisays-aigc/knowledge-animation-video

Dieses Skill ist unabhängig von spezifischen KI-Tools. Solange deine Host-Umgebung SKILL.md lesen, Shell-Befehle ausführen und Dateien schreiben kann, kannst du es verwenden. Für TTS wird bevorzugt components/common/scripts/tts.py verwendet (Edge TTS, benötigt Internetverbindung); Falls die Umgebung die Installation von Python-Abhängigkeiten nicht erlaubt, verwende die Sprachsynthese-Fähigkeit des Hosts und gib die gleiche vo.mp3 + die zeitliche Abfolge der Sätze aus. Die Modellauswahl ist nicht eingeschränkt: Jedes Modell, das Code schreiben kann, ist geeignet. Bei großem Codeumfang sollten Modelle mit starker Reasoning-Fähigkeit bevorzugt werden.

Schritt 1: Auswahl zu Beginn (muss zuerst gemacht werden, nicht überspringen)

Stelle dem Benutzer die folgenden 4 Fragen auf einmal. Wenn die Plattform tabbasierte Fragen unterstützt, verwende sie; sonst liste die Nummern auf und bitte den Benutzer um Antwort.

Frage 1: Videotyp (Merkregel: Für Effekthascherei nimm 3D, für Nahbarkeit nimm Handzeichnung, für Ableitungen nimm Formeln, für Strukturen nimm Infografik, für Geschichte nimm Archiv, für Kunstwerke nimm Galerie)

Nr.	Typ	Geeigneter Inhalt	Geeignet für
A	3D-Daten	Harte Daten: Datennachrichten, Produkteinführungen, Branchenberichte, Finanzberichte	Finanz- und Tech-Blogger, New Media Redakteure, Marketing- und Produktmanager
B	Handgezeichnete Skizzen	Meinungen und Geschichten: Geschichte & Kultur, soziale Phänomene, Lesenotizen, Psychologie	Geisteswissenschaftler, Lehrer für Wissensvermittlung, Buchblogger
C	Mathematische Formeln	Abstrakte mathematische, physikalische Formeln, Algorithmen und KI-Prinzipien	Naturwissenschaftler, Studenten, die Kurse erstellen, Tech-Blogger
D	Infografik	Prozesse, Methoden, Systemarchitekturen, Produktfunktionen, Geschäftsabläufe	Berufstätige, Unternehmensschulungen, B2B- und SaaS-Betreiber
E	Retro-Archiv	Historische Persönlichkeiten, historische Ereignisse, Erfindungsgeschichte, Markengeschichten, alte Gegenstände	Geschichtsblogger, Populärwissenschaftler, Markeninhalte, Tourismus
F	Kunstgalerie	Gemäldebetrachtung, Kunstgeschichte, Kulturgüter, Design, Architektur, Fotografie	Kunstblogger, Kunstpädagogen, Museen und Tourismus, Designer
G	Hilf mir bei der Auswahl	Wenn der Benutzer unsicher ist, lies den Text und empfehle	—

Frage 2: Video-Seitenverhältnis

16:9 Querformat (1920×1080): Bilibili, Xigua, YouTube, Kurse
9:16 Hochformat (1080×1920): Douyin, Video-Konto, Xiaohongshu
1:1 Quadratisch (1080×1080): WeChat-Momente, Nachrichten-Stream

Frage 3: Art der Sprachaufnahme

Text: Der Benutzer gibt Text, du erstellst die Sprachausgabe (TTS)
Audio: Der Benutzer gibt eine aufgenommene Audiodatei, du transkribierst und synchronisierst sie
Keine Sprachausgabe: Nur Bild + Hintergrundmusik

Frage 4: Untertitel?

Mit Untertiteln (Standard, empfohlen): Satzweise am unteren Bildschirmrand anzeigen, geeignet für stummgeschaltetes Ansehen auf dem Handy
Ohne Untertitel: Saubereres Bild, geeignet für nachträgliches Hinzufügen von Untertiteln in Schnittsoftware wie CapCut

Hinweis: Wenn bei Frage 3 „Keine Sprachausgabe“ gewählt wird, sind Untertitel der einzige Weg für den Zuschauer, den Inhalt zu verstehen. Weise den Benutzer darauf hin, sie zu behalten.

Nach den Fragen: Sende eine separate Nachricht, um den Benutzer um die Materialien zu bitten, und warte dann auf die Antwort. Beginne erst mit dem Schreiben des Skripts, dem Storyboard oder der Generierung, wenn beide Materialien eingegangen sind.

Diese Nachricht sollte wie folgt formuliert sein (ersetze die Beispiele je nach bereits ausgewähltem Typ):

Alles klar, als nächstes brauche ich zwei Dinge von dir:

Material 1: Sprechtext Sende einen Text oder eine aufgenommene Audiodatei. Für den ersten Test empfehle ich eine kurze Länge von 15–30 Sekunden (ca. 60–120 Zeichen), das spart Kosten und erleichtert Tests. Wenn du noch keinen Text hast, sag mir das Thema und die gewünschte Länge (z. B. „Napoleon vorstellen, 20 Sekunden“), ich schreibe dann einen Entwurf zur Bestätigung.

Material 2: Stil-Referenz (sehr wichtig) Stil lässt sich schwer in Worte fassen – am besten zeigst du mir direkt ein Bild. Eine der folgenden Optionen ist in Ordnung:

Lade ein oder mehrere Bilder hoch

Sende einen Link: Pinterest, Xiaohongshu, Bilibili, YouTube – Bild- oder Videolinks sind okay

Falls du nichts hast, antworte mit „Standardstil verwenden“

Tipp zum Finden von Referenzen: Suche auf Pinterest oder Xiaohongshu nach „[Typ-Schlagwort]“ und wähle dein Lieblingsbild aus.

Suchbegriffe für die einzelnen Typen: Kunstgalerie → „museum art documentary motion“; Retro-Archiv → „vintage documentary motion graphics“; 3D-Daten → „数据可视化 3D (Datenvisualisierung 3D)“; Handgezeichnete Skizzen → „手绘动画 / doodle explainer (Handzeichnung Animation / doodle explainer)“; Mathematische Formeln → „3Blue1Brown 风格 (3Blue1Brown Stil)“; Infografik → „信息图动画 / infographic motion (Infografik Animation / infographic motion)“.

Regeln für den Materialeingang:

Benutzer hat nur ein Thema genannt, keinen Text: Schreibe zuerst den Text, sende ihn separat zur Bestätigung, fahre dann fort.
Benutzer hat nur den Sprechtext, keine Referenz: Erinnere ihn erneut an die Referenz. Verwende den Standardstil der Vorlage nur, wenn der Benutzer explizit „Standardstil verwenden“ sagt.
Benutzer hat einen Link geschickt: Öffne den Link zuerst, um das tatsächliche Bild oder Video zu erhalten (Pinterest-Links können mit https://widgets.pinterest.com/v3/pidgets/pins/info/?pin_ids=<Pin-Nummer> Bild- und Video-URLs abrufen). Bei Videos extrahiere gleichmäßig 8–10 Frames und setze sie zu einem Bild zusammen. Wenn die Schnittstelle nicht funktioniert, bleib nicht stecken und rate den Stil nicht anhand des Linktextes – bitte den Benutzer direkt um einen Screenshot oder ein Bild; verwende den Standardstil nur, wenn der Benutzer explizit „Standardstil verwenden“ sagt.

Wenn der Benutzer G (Hilf mir bei der Auswahl) gewählt hat, lies den Text und empfehle nach folgenden Regeln mit einer Begründung und warte auf Bestätigung:

Text enthält viele Zahlen, Prozentsätze, Ranglisten, Wachstum → A 3D-Daten
Beschreibt ein Kunstwerk (Gemälde, Kulturgut, Architektur) mit sehenswerten Details → F Kunstgalerie
Beschreibt reale historische Persönlichkeiten, Ereignisse, Erfindungen, Marken und deren Hintergrund → E Retro-Archiv
Hauptsächlich Meinungen, Geschichten, psychologische Konzepte, wenige Zahlen → B Handgezeichnete Skizzen
Enthält Formeln, Theoreme, Ableitungen, Algorithmenschritte → C Mathematische Formeln
Beschreibt Schritte, Prozesse, Frameworks, Modulbeziehungen → D Infografik

Schritt 2: Vorlage lesen

Nach der Typbestimmung lies nur die entsprechende eine Vorlagendatei, nicht alle:

A → templates/3d-data.md
B → templates/hand-drawn.md
C → templates/math-formula.md
D → templates/infographic.md
E → templates/vintage-archive.md (lies gleichzeitig components/vintage-archive/README.md und verwende die Komponentenbibliothek direkt)
F → templates/gallery.md (lies gleichzeitig components/gallery/README.md und verwende die Komponentenbibliothek direkt)

Jede Vorlage ist nach dem 7-Punkte-Schema aufgebaut: Spezifikationen bestimmen die Größe, Stil bestimmt das Aussehen, Rhythmus bestimmt die Zeit, Szenen bestimmen die Aktionen, Musik bestimmt die Stimmung, Werkzeuge bestimmen die Implementierung, Lieferung bestimmt die Prüfung.

Anpassungsregeln:

Spezifikationen, Lieferung: Grundsätzlich unverändert lassen, nur das Seitenverhältnis durch das vom Benutzer gewählte ersetzen.
Stil, Rhythmus, Szenen, Musik: Basierend auf dem Inhalt des Benutzers und dem Referenzbild anpassen.
Werkzeuge: Der Vorlage folgen, keine Werkzeuge anderer Vorlagen mischen.

Komponentenbibliothek: Unter components/ befinden sich bereits fertig abgestimmte, wiederverwendbare Komponenten. Wenn die entsprechende Vorlage eine Komponentenbibliothek hat, muss zuerst deren README gelesen werden. Bevorzugt Komponenten und Skripte aus der Bibliothek verwenden, nur für dieses Video spezifische Szenen neu schreiben. Das ist stabiler und reduziert Fehler. Derzeit vorhanden:

components/common/: Gemeinsame Skripte für alle Vorlagen, einschließlich Sprachausgabe (tts.py), Synchronisation von selbst aufgenommenem Audio (align.py), Drei-Versionen-Audiomischung (mix_audio.py) und Export (export_versions.sh). Diese Skripte werden in Schritt 4 und 7 direkt verwendet.
components/3d-data/: 3D-Daten-Referenzimplementierung (SpaceX-Finanzbericht-News-Quellcode), einschließlich 3D-Chinesisch-Schriftzüge, leuchtende Spuren, Gitterboden, Hologrammkörper und Maskenübergänge
components/gallery/: Kunstgalerie (WebGL-flüssiger-Glaslinsen-Leinwand, Kamerablick-Mathematik, Werkskarussell, Vergrößerungsglas, Werksarchivkarten und Detail-Layout, mit vollständigem Mona-Lisa-Beispiel)
components/vintage-archive/: Retro-Archiv (Papieretiketten, Fotokarten, Bänder, Stempel, rote Kreise, Messingschilder, Buchblättern, Messing-Vergrößerungsglas, Vollbild-Gemälde, Holztisch, Filmüberlagerungen, plus Skripte zum Bildabruf, zur Alterung, Sprachausgabe und Audiomischung, mit vollständigem Napoleon-Beispiel)

Wenn ein neuer, zufriedenstellender Effekt erzielt wird, sollten die allgemeinen Teile in die Komponentenbibliothek zurückfließen.

Schritt 3: Referenzbild analysieren

Sieh dir das Referenzbild genau an und extrahiere und notiere die folgenden Punkte (alle nachfolgenden Szenen müssen sich daran halten):

Hauptfarben: 3–5 (Farbwerte angeben, z. B. #0B1E3F)
Hintergrund: Einfarbig / Verlauf / Textur / Dunkel oder Hell
Haptik: Flach / 3D-Schattierung / Glas / Papier / Linienzeichnung
Schriftcharakter: Dick & Schwarz / Rund / Handschriftlich / Serifen
Kompositionsmerkmale: Weißraum, Elementdichte, zentriert oder versetzt
Wenn das Referenz ein Video ist, ergänze: Kamerabewegungen, Übergänge, Texteinblendungen, Rhythmus (schnell/langsam)

Bei Konflikten zwischen Referenzstil und gewählter Vorlage (z. B. handgezeichnet gewählt, aber ein 3D-Glasbild als Referenz gegeben), weise den Benutzer zuerst auf den Konflikt hin und biete 2–3 Integrationslösungen zur Auswahl an, bevor du weitermachst. Triff keine eigenmächtige Entscheidung.

Schritt 4: Sprachaufnahme verarbeiten, Zeitachse bestimmen

Text-Modus:

Leichte Bereinigung des Textes: Tippfehler und fürs Vorlesen ungeeignete Zeichen entfernen (z. B. ~ * #), ohne die Bedeutung des Benutzers zu ändern.
Mit components/common/scripts/tts.py die Sprachausgabe und die zeitliche Abfolge der Sätze generieren (Zahlen in arabischen Ziffern schreiben; falls die Umgebung keine Python-Abhängigkeiten unterstützt, verwende die Sprachsynthese-Fähigkeit des Hosts und gib die gleiche vo.mp3 und die zeitliche Abfolge der Sätze aus).

Audio-Modus:

Mit components/common/scripts/align.py Audio Text Ausgabeverzeichnis synchronisieren. Wenn ein Text vorhanden ist, verwende diesen für die Untertitel; wenn kein Text vorhanden ist, verwende den erkannten Text.
Wenn kein Text vorhanden ist oder die Ähnlichkeit unter 60 % liegt, gib das Ergebnis zur Überprüfung an den Benutzer.

Keine Sprachaufnahme-Modus:

Schätze die Dauer jedes Satzes mit 4–5 chinesischen Zeichen pro Sekunde.

Das Ergebnis ist eine Satz-Zeit-Tabelle, die als Grundlage für das Storyboard dient. Die Gesamtdauer des Videos richtet sich nach der Dauer der Sprachaufnahme; die Bilder folgen der Sprachaufnahme.

Schritt 5: Storyboard erstellen, auf Benutzerbestätigung warten (nicht direkt rendern)

Liste das Storyboard in einer Tabelle auf, jede Szene eine Zeile:

Szene	Zeit	Entsprechender Sprechtext	Bildinhalt	Animation	Soundeffekt

Anforderungen:

Ein Satz entspricht normalerweise einer Szene, lange Sätze können in 2 Szenen aufgeteilt werden.
Jede Szene muss ein „Hauptelement“ haben, und es muss klar beschrieben werden, wie es sich bewegt (woher, wohin, wie lange).
Zahlen und Schlüsselwörter aus dem Sprechtext müssen im Bild erscheinen.
Übergänge zwischen Szenen klar beschreiben.

Nach dem Senden des Storyboards frage den Benutzer: „Ist dieser Plan in Ordnung? Welche Szene möchtest du ändern?“ Fahre erst mit Schritt 6 fort, wenn der Benutzer bestätigt hat. Dieser Schritt vermeidet unnötige Kosten bei falscher Richtung.

Schritt 6: Video generieren

Richte das Projekt gemäß den Anforderungen der Vorlage „Werkzeuge bestimmen die Implementierung“ ein, schreibe Code und rendere:

Initialisiere ein Remotion-Projekt (wiederverwenden, falls bereits in der Umgebung vorhanden), stelle Breite und Höhe gemäß dem vom Benutzer gewählten Seitenverhältnis ein, Bildrate 30.
Schreibe jede Szene als eigenständige Komponente (Scene01, Scene02, …), füge sie in der Haupt-Composition in zeitlicher Reihenfolge zusammen. So kann später eine Szene geändert werden, indem nur diese eine Datei bearbeitet wird.
Schreibe die aus dem Referenzbild extrahierten Farben in eine gemeinsame Theme-Datei, aus der alle Szenen die Farben beziehen.
Untertitel (nur wenn der Benutzer bei Frage 4 „Mit Untertiteln“ gewählt hat): Satzweise anzeigen, synchron mit der Sprachausgabe. Wenn der Benutzer „Ohne Untertitel“ gewählt hat, rendere keine Untertitelebene, behalte aber die Satz-Zeit-Tabelle für Keyframes bei. Im Querformat am unteren Bildschirmrand, ca. 8 % vom unteren Rand; im Hochformat im unteren mittleren Bereich, ca. 25 % vom unteren Rand, um Schaltflächen und Textbereiche der Plattform zu vermeiden.
Hintergrundmusik und Soundeffekte: Generiere oder wähle sie gemäß den Anforderungen der Vorlage „Musik bestimmt die Stimmung“. Die Lautstärke der Hintergrundmusik auf 15 %–25 % der Sprachausgabe reduzieren, bei Stimme automatisch leiser machen.
Rendere zuerst 3–5 Keyframe-Screenshots zur Selbstkontrolle (Komposition, Textüberlauf, Farbkonsistenz mit Referenz), erst dann das vollständige MP4 rendern.

Bei Fehlermeldungen: Lies die Fehlerinformationen, um die spezifische Szene zu lokalisieren, und ändere nur diese Szene, nicht das gesamte Projekt neu schreiben.

Verpackungsdesign ist eine harte Anforderung. Es reicht nicht, Bilder und Text einfach auf einen einfarbigen Hintergrund zu setzen. Jede Szene muss aus der Referenz „Verpackungselemente“ extrahieren und diese in wiederverwendbare Komponenten umwandeln, z. B.: Tisch- oder Szenenhintergrundstruktur, Fotopapier- oder Kartenrahmen, eingerissene Papieretiketten, Bandbanner, Stempel, handgezeichnete rote Kreise, Messingschilder, Buchseitenumblättern, Filmkörnung, Vignettierung und Flackern. Zahlen und Schlüsselwörter sollten auf diesen Verpackungselementen erscheinen, nicht als nackter Text.

Materialquellen und Lizenzierung (harte Anforderung). Wenn echte Bilder benötigt werden (historische Persönlichkeiten, berühmte Gemälde, Kulturgüter), verwende components/vintage-archive/scripts/fetch_commons.py, um sie von Wikimedia Commons herunterzuladen. Es erstellt gleichzeitig ATTRIBUTION.md, das für jedes Material den Autor, die Lizenz und die Quellseite protokolliert:

Public domain (Gemeinfrei): Keine Namensnennung erforderlich, aber es wird empfohlen, die Quelle im Abspann zu nennen.
CC BY / CC BY-SA: Namensnennung ist erforderlich – im Abspann oder in der Beschreibung „Werkname · Autor · Quellseite · Lizenzname“ angeben.
CC BY-SA: Neben der Namensnennung muss das abgeleitete Werk unter derselben Lizenz veröffentlicht werden.

Nach dem Herunterladen zuerst das Bild ansehen, bevor die Szene geschrieben wird (siehe Schritt 7, Falle 1). Vor der Lieferung die ATTRIBUTION.md durchgehen und jede Namensnennung überprüfen. Schriftarten werden von setup_assets.sh heruntergeladen, alle unter OFL 1.1 / Apache 2.0, kommerziell nutzbar und einbettbar, aber der Lizenzhinweis muss mit dem Endprodukt mitgeliefert werden.

Lesbarkeitsregel für Text: Jeglicher Text muss sich innerhalb eines Verpackungselements befinden, kein Text darf außerhalb von Papierstücken, Bannern usw. schweben. Stempel und Hervorhebungen verwenden kontrastreiche Farben (z. B. gelber Hintergrund mit roter Schrift, dunkler Hintergrund mit heller Schrift). Keine halbtransparente rote Schrift direkt auf Papier legen.

Musik und Soundeffekte: Wenn der Benutzer eine lokale Medienbibliothek hat (z. B. Soundeffekt-Bibliothek auf Laufwerk D), frage zuerst nach dem Pfad. Wähle dann basierend auf der Stimmung Hintergrundmusik aus der Bibliothek und basierend auf der Aktion Soundeffekte (Blättern, Papier, Polaroid, Bleistift, Rauschübergänge, Drum-Hits, Subbässe, Meereswellen usw.). Wähle ein Musikstück, das am Ende des Videos natürlich ausklingen kann. Nur wenn keine Medienbibliothek vorhanden ist, verwende programmatisch generierte Musik.

Schritt 7: Lieferung und Änderungen

Exportversionen: Frage den Benutzer vor dem Rendern, welche Tonversionen exportiert werden sollen (Mehrfachauswahl möglich, Soundeffekte in jeder Version behalten):

Vollversion: Voiceover + Musik + Soundeffekte
Ohne Voiceover: Musik + Soundeffekte (geeignet, wenn der Benutzer später selbst eine neue Sprachaufnahme macht)
Ohne Musik: Voiceover + Soundeffekte (geeignet, wenn der Benutzer auf der Plattform lizenzierte Musik verwenden möchte)

Vorgehen: Die Szenen nur einmal rendern (stumm), dann verschiedene Audiospuren separat mischen, nicht mehrfach rendern. In components/common/scripts/ gibt es fertige Skripte: mix_audio.py gibt drei Audiospuren aus, export_versions.sh übernimmt das Mischen und Exportieren. Andere Vorlagen folgen dem gleichen Prinzip.

Teile dem Benutzer bei der Lieferung mit:

Dateipfad des fertigen Videos, Dauer, Seitenverhältnis, ob Untertitel enthalten sind und welche Tonversionen exportiert wurden
Welche Vorlage verwendet wurde, welche Hauptfarben
Ein Satz als Hinweis: „Sag einfach, wenn dir eine Szene nicht gefällt, z. B. ‚Die Erde am Ende möchte ich anders haben‘ – ich ändere dann nur diesen Teil.“

Wenn der Benutzer Änderungen wünscht:

Stelle zuerst fest, um welche Szene es sich handelt (bei Unsicherheit anhand der Beschreibung des Inhalts in der Storyboard-Tabelle nachschlagen).
Ändere nur die Komponentendatei dieser Szene, alle anderen Szenen bleiben unberührt.
Zeige dem Benutzer nach der Änderung zuerst einen Screenshot zur Bestätigung, rendere dann das vollständige Video erneut.

Wenn dieses Skill selbst aktualisiert wird

Wenn der Benutzer eine Änderung des Skill-Inhalts wünscht (Vorlage hinzufügen, Komponente hinzufügen, Dokumentation ändern) und dies auf GitHub pushen möchte:

Jeder Push muss einen neuen Tag erhalten, Versionsnummer im Format vMAJOR.MINOR.PATCH, übereinstimmend mit metadata.version im Frontmatter.
git tag / git push / gh release nicht manuell ausführen, sondern einheitlich tools/release.py verwenden:

python tools/release.py --bump minor --note "Hinweise für dieses Update"

Es führt nacheinander aus: Versionsnummer ändern → CHANGELOG.md aktualisieren → .skill-Paket neu erstellen → Commit → Tag erstellen → Pushen → GitHub Release erstellen (mit Distributionspaket).

Nach der Änderung muss der Benutzer nicht gefragt werden, ob er veröffentlichen möchte; führe einfach den obigen Befehl aus.

Checkliste aus praktischen Fehlern (aus dem ersten 27-Sekunden-Retro-Archiv-Video, befolgen spart viel Nacharbeit)

Materialbeschaffung

Der Dateiname von Wikimedia Commons kann täuschen. Der Titel lautet Winged Victory of Samothrace, aber heruntergeladen wird die Inschrift an der Wand. Nach dem Herunterladen des Bildes muss es zuerst angesehen werden, bevor die Szene geschrieben wird, weise keine Bilder basierend auf dem Dateinamen zu.
Hochformat-Fotos dürfen nicht im Vollbildmodus platziert werden (FullPainting / objectFit:cover schneidet das Motiv ab). Hochformat-Bilder immer mit einer Fotokarte (PhotoCard) verwenden – die Retro-Archiv-Vorlage zeigt standardmäßig „Fotos auf dem Tisch“, nicht Vollbild-Bilder.

Szenen schreiben

Wenn mehrere Textzeilen in einem Behälter mit gebogenen Kanten oder ungewöhnlicher Form platziert werden, darf die Zentrierung nicht einfach mit Flexbox geschätzt werden. Bei einem Bandbanner (Ribbon) ist die Unterkante der Papierfläche eine nach oben gewölbte Kurve; früher fiel der Untertitel komplett aus dem Papier heraus. Die Höhe muss an der „engsten Stelle der Kurve“ überprüft werden oder nach dem Rendern eines Einzelbildes mit einem 2-fachen digitalen Zoom visuell bestätigt werden, dass genug Weißraum vorhanden ist.
Lasse genügend Zeit für die Stabilisierung von eintreffenden Elementen: Wenn die aktuelle Szene weniger als 60 Frames hat, werden Elemente, die mit der Drop-Federanimation eintreffen, möglicherweise abgeschnitten, bevor sie zur Ruhe kommen (Papierstücke fliegen über den rechten Bildschirmrand). Nach dem AT-Frame des eintreffenden Papierstücks sollten mindestens 30 Frames Ruhezeit eingeplant werden.

Skripte ausführen

Der Eingabeparameter von export_versions.sh muss die Datei sein, die registerRoot() enthält (normalerweise src/index.ts). Die Übergabe von Root.tsx führt zu der Fehlermeldung „does not contain registerRoot“.
Vor dem Rendern zuerst 3–5 Keyframe-Screenshots zur Selbstkontrolle extrahieren, nicht blind bis zum Ende rendern. Die Methode zur Selbstkontrolle: Einen Teilbereich vergrößern, um zu sehen, ob Text überläuft, nicht nur das gesamte Miniaturbild betrachten – ein um 10 Pixel überlaufender Text, der im Miniaturbild unsichtbar ist, wird bei Vergrößerung deutlich sichtbar.

Wissensanimationsvideo

Was ist Wissensanimationsvideo?

In Ihrer bevorzugten KI fragen

Dokumentation