Frameflow
Hilf dem Benutzer, seinen eigenen Text, Bilder und Videos in einen bearbeitbaren Scroll-Story-Prototypen zu verwandeln. Die Open-Source-Workbench befindet sich unter https://github.com/Karen0758/frameflow-scroll-story-workbench; ihre docs/USER_GUIDE.md erklärt die Steuerung. Verwende das vorhandene Projekt des Benutzers, falls vorhanden, und bewahre die Quellmedien auf.
Projekt erstellen
- Bestimme die Szenenreihenfolge, Titel/Text jeder Szene, visuelle Ebenen, Interaktionen und welches Video zu welcher Szene gehört. Schließe nur Lücken, die die tatsächliche Arbeit blockieren; schlage sinnvolle Standardwerte für Dauern und Layouts vor.
- Behalte Hintergrundtextur, Motiv, Schatten und Text als separat bearbeitbare Elemente, wenn die Quellmedien dies erlauben. Ein graustufiges transparentes Motiv kann im Multiply-Modus über einer Farbe oder Textur verwendet werden. Backe die Ziel-Farbe nicht in das Motiv ein, nur um Multiply zu imitieren.
- Überprüfe für jedes Video Dauer, Framegröße, Bewegungsintervall und repräsentative erste/mittlere/letzte Frames. Wähle ein Intervall und eine Bildrate, die aussagekräftige Bewegung bewahren, ohne unnötige statische Frames zu erzeugen. Extrahiere alle Frames in eine einheitliche Leinwandgröße und natürliche numerische Dateinamen-Reihenfolge. Falls der Browser-Extraktor der Workbench verwendet wird, denke daran, sein Limit beträgt 120 Frames und er behält den Videohintergrund bei. Werden transparente Personen benötigt, bereite eine Freistellungssequenz separat vor; behaupte nicht, dass der Browser-Extraktor dies getan hat.
- Überprüfe Kopf, beide Füße, Schuhspitzen und Schatten über die gesamte Sequenz. Behalte eine stabile Grundlinie und visuelle Skalierung bei; wenn die Quelle einen Zoom enthält, korrigiere diesen vor dem Import. Decke abgeschnittene Merkmale nicht durch Strecken oder Verstecken in CSS ab. Wenn ein Merkmal in den Quellframes fehlt, erkläre die Einschränkung und suche nach oder erstelle Ersatzquellframes, wenn autorisiert.
- Erstelle/ordne in Frameflow Szenen neu, importiere gleichgroße Frames und Texturen, setze Titel/Text/Farbe/Übergang und lege anschließend separate Zeitsteuerungen für Übergang, Motiv und Text fest. Passe Desktop- und Mobile-Layouts unabhängig voneinander an. Vorschau der Vorwärts- und Rückwärtsnavigation und überprüfe Übergangsecken, ersten/letzten Frame, Lesbarkeit des Textes und Ladeverhalten.
- Exportiere ein
.frameflow-Bundle als bearbeitbare Übergabe und teile dem Benutzer mit, wo es gespeichert wurde. Workbench-Daten bleiben ansonsten im localStorage/IndexedDB dieses Browsers. Eine erfolgreiche Vorschau oder das Erstellen in der Workbench belegt nicht, dass eine fertige Website exportiert oder bereitgestellt wurde.
Wenn Code oder Veröffentlichung gewünscht wird
Die aktuelle Workbench exportiert ein bearbeitbares Bundle, keine eigenständige öffentliche Story-Website. Um eine Website zu veröffentlichen, implementiere das entsprechende Runtime im Ziel-Webprojekt, stelle lizenzierte Schriften und Medien bereit und überprüfe das Browserverhalten bei Desktop-/Mobile-Größen sowie die bereitgestellte URL. Die Veröffentlichung in einem Repository oder Hosting-Dienst erfordert die Autorisierung des Benutzers; lade seine Videos oder Rahmenbilder nicht standardmäßig hoch.