Karen0758/frameflow-scroll-story-workbench

Frameflow

Aidez l'utilisateur à transformer ses propres textes, images et vidéos en un prototype de narration à défilement modifiable. Le poste de travail open-source se trouve à l'adresse https://github.com/Karen0758/frameflow-scroll-story-workbench ; son docs/USER_GUIDE.md explique les commandes. Utilisez le projet existant de l'utilisateur s'il est présent, et conservez les médias sources.

Construire le projet

1. Identifiez l'ordre des scènes, le titre/corps de chaque scène, les couches visuelles, les interactions et la vidéo associée à chaque scène. Résolvez uniquement les lacunes qui bloquent le travail réel ; proposez des valeurs par défaut raisonnables pour les durées et les mises en page.
2. Conservez la texture d'arrière-plan, le sujet, l'ombre et le texte comme des éléments modifiables séparément lorsque les actifs sources le permettent. Un sujet transparent en niveaux de gris peut utiliser le mode de fusion Multiplication sur une couleur ou une texture. N'incrustez pas la couleur cible dans le sujet simplement pour imiter la Multiplication.
3. Pour chaque vidéo, inspectez la durée, la taille de l'image, l'intervalle de mouvement et les images représentatives du début/milieu/fin. Choisissez un intervalle et une fréquence d'images qui préservent un mouvement significatif sans images statiques inutiles. Extrayez toutes les images à une taille de toile unique et dans un ordre naturel de noms de fichiers numériques. Si vous utilisez l'extracteur intégré du poste de travail, rappelez-vous qu'il a une limite de 120 images et qu'il conserve l'arrière-plan de la vidéo. Si des personnes transparentes sont nécessaires, préparez une séquence de découpe séparément ; ne prétendez pas que l'extracteur intégré l'a fait.
4. Vérifiez la tête, les deux pieds, les pointes de chaussures et l'ombre tout au long de la séquence. Maintenez une ligne de sol stable et une échelle visuelle ; si la source a un zoom, corrigez-le avant l'importation. Ne masquez pas les éléments coupés en les étirant ou en les cachant dans le CSS. Si un élément est absent des images sources, expliquez la limitation et cherchez ou créez des images de remplacement lorsque cela est autorisé.
5. Dans Frameflow, créez/réorganisez les scènes, importez des images et textures de même taille, définissez le titre/corps/couleur/transition, puis réglez séparément les minutages de la transition, du sujet et du texte. Ajustez les mises en page desktop et mobile indépendamment. Prévisualisez la navigation avant et arrière et inspectez les coins de transition, la première/dernière image, la lisibilité du texte et le comportement de chargement.
6. Exportez un bundle .frameflow comme maquette modifiable et indiquez à l'utilisateur où il est enregistré. Sinon, les données du poste de travail restent dans le localStorage/IndexedDB de ce navigateur. Une prévisualisation ou une construction réussie du poste de travail ne signifie pas qu'un site web final a été exporté ou déployé.

Lorsqu'un code ou une publication est demandé

Le poste de travail actuel exporte un bundle modifiable, pas un site web de narration public autonome. Pour publier un site, implémentez le runtime correspondant dans le projet web cible, fournissez des polices et des médias sous licence ou possédés, puis vérifiez le comportement du navigateur aux tailles desktop/mobile et l'URL déployée. La publication vers un dépôt ou un service d'hébergement nécessite l'autorisation de l'utilisateur ; ne téléversez pas ses vidéos ou images par défaut.