Web Motion (Web-Animationen)

Was macht Web Motion (Web-Animationen)?

Ziel

Inhalte, die erst durch ihren „Veränderungsprozess“ verständlich werden, in editierbare Web-Animationen, dynamische Diagramme, GIFs, Kurzfilme oder erklärende B-Roll umwandeln. Standardmäßig wird eine Web-Originalquelle mit einer eindeutig bestimmbaren Zeitachse beibehalten, von der aus die vom Benutzer genannten Medien abgeleitet werden.

Dieses Skill ist nicht zuständig für statische Karten, vorhandenes Filmmaterial, Audio-Programme oder Themenrecherche. Ressourcenpfade innerhalb des Repositorys sind relativ zum Stammverzeichnis des Visual-Multimedia-Pakets und werden nur entlang des aktuellen Pfads gelesen.

Arbeitsweise

Bestätige die Inhaltsquelle, Zielgruppe, Ausgabeseitenverhältnis, Abspielart und die Quelle der tatsächlichen Dauer. Wenn sichtbare Titel, Beschriftungen, Untertitel oder Entwürfe eines Voice-Over noch nicht eindeutig bestätigt sind, übergib sie zuerst an $clean-copy zur Prüfung und warte auf dessen Bestätigung; dieses Skill pflegt keine eigene Liste von KI-Formulierungen.

Vor der eigentlichen Implementierung einen bestätigbaren Vorschlag einreichen: exakter sichtbarer Text, Szenen- oder Zustandsreihenfolge, Bewegungsvehikel, Start-Änderung-Ergebnis, Leinwandabmessungen, Schrift- und Farbrichtung, benötigte echte Materialien und deren Quellen – dann anhalten. Nur wenn der Benutzer die Bestätigung explizit überspringt, wird direkt implementiert. Bewegung muss Fortschritt, Kausalität, Vergleich, Rückmeldung oder Zustandsänderung ausdrücken; nur Titel zu ändern, ganze Seiten einzublenden oder Karten der Reihe nach zu zeigen, gilt nicht als dynamisches Diagramm.

Den bestätigten Inhalt in semantische Fragmente aufteilen. Jedes Fragment notiert neue Informationen, Audioumfang, Bildaufgabe und zeitliche Grundlage. Eine editable-media v6-Web-Originalquelle verwenden, bei der window.editableMedia den strukturierten Zustand speichert und window.__hf.duration/seek(s) eine deterministische Zeit liefert; manuelle, automatische und gemischte Wiedergabe lesen dieselbe semantische Zeitachse, es wird keine zweite Uhr aufgebaut.

Je nach Aufgabe nur die notwendigen Routen wählen: Schriftanimationen nutzen die Text-Motion-Bibliothek; technische Mechanismen nutzen die semantischen Grafikbewegungsregeln; erklärende B-Roll verwendet registrierte Aktivitätsvorlagen; eine unabhängige Rendering-Kopie wird nur erstellt, wenn der Benutzer explizit HyperFrames wählt. Wenn das Ergebnis mit echtem Filmmaterial oder Ton zu einem vollständigen Video montiert werden soll, die Web-Fragmente und die echten Zeitgrenzen an $video-production übergeben; in diesem Skill wird kein vorhandenes Material geschnitten.

Nach der Implementierung Anfang, alle wichtigen Änderungen und den Endzustand prüfen, dann vollständig abspielen. Prüfen auf konsistente Zufallspositionierung, dass das Ergebnis nicht durch lokale Schleifen zurückgesetzt wird, dass Text immer lesbar ist, dass Kamera und Objekte nicht um dieselbe Transformation konkurrieren, und dass GIF- oder Videodecoderframes mit den Browser-Quellframes übereinstimmen. Beim Export die Web-Originalquelle beibehalten und den genauen Schritt melden, nicht lautlos auf eine andere Route wechseln.

Ressourcen

• ../../references/web-visual-production.md: Web-Originalquelle, Szene, Wiedergabe und lokaler Export.
• ../../references/semantic-graphic-motion-production.md: Wie Objektbeziehungen und Zustandsänderungen zu Bewegung werden.
• ../../references/text-motion-production.md, ../../scripts/text-motion-library.mjs, ../../assets/text-motion-library/text-motion-runtime.js, ../../assets/text-motion-library/text-motion-binding.js: Deterministische Schriftanimation-Route.
• ../../references/explanatory-broll-production.md: Vorlagenauswahl, Echtzeitprojektion und Transparenzausgabe für erklärende B-Roll.
• ../../references/technical-diagram-production.md: Technische Diagramme und stabile Gesamtanimationen.
• ../../references/hyperframes-rendering.md: Nur lesen, wenn der Benutzer explizit HyperFrames wählt.
• ../../scripts/validate-editable-media.mjs und ../../scripts/render-web-media-local.mjs: Strukturvalidierung und lokaler Export.

Ausgabe und Abschluss

Liefere die Web-Originalquelle, die aktuelle Zeitachse, Prüfbilder der Schlüsselzustände, das vom Benutzer angeforderte GIF/Video/Transparenzüberlagerung sowie das Abgleichsergebnis zwischen Browser-Quellframes und endgültigen Dateien. Keine zusätzlichen statischen Karten, vollständigen geschnittenen Videos oder anderen Seitenverhältnisse erstellen, wenn nicht gefordert.