Web Motion

Que fait Web Motion ?

Objectif

Transformer tout contenu nécessitant un processus de changement en animations web éditables, diagrammes animés, GIF, courtes animations ou séquences B-roll explicatives. Conserver par défaut une source web unique avec une timeline déterministe, puis en dériver les formats demandés par l'utilisateur.

Ce Skill ne prend pas en charge les cartes statiques ordinaires, le montage de rushes existants, les programmes audio ou les études thématiques. Les chemins de ressources dans le dépôt sont relatifs à la racine de la suite Visual Multimedia ; seuls les chemins correspondant à la route actuelle sont lus.

Mode de fonctionnement

Confirmer la source du contenu, le public cible, le rapport de sortie, le mode de lecture et la source réelle de la durée. Lorsque les titres, étiquettes, sous-titres ou brouillons de narration visibles par le public ne sont pas encore clairement confirmés, les soumettre d'abord à $clean-copy pour vérification et attendre sa propre confirmation ; ce Skill ne maintient plus de liste de formulations IA.

Avant la réalisation finale, soumettre un plan confirmable : texte visible exact, ordre des scènes ou états, supports de mouvement, début—changement—résultat, dimensions du canevas, orientation typographique et palette de couleurs, ressources réelles nécessaires et leurs sources, puis s'arrêter. Ne passer à la réalisation que si l'utilisateur ignore explicitement la confirmation. Le mouvement doit exprimer une progression, une causalité, une comparaison, un retour ou un changement d'état ; changer simplement le titre, un fondu d'entrée sur toute la page ou l'apparition successive de cartes ne peut pas représenter un diagramme animé.

Découper le contenu confirmé en fragments sémantiques. Pour chaque fragment, enregistrer les nouvelles informations, la portée sonore, le rôle visuel et la base temporelle. Utiliser une source web editable-media v6, afin que window.editableMedia conserve l'état structuré et que window.__hf.duration/seek(seconds) fournisse un temps déterministe ; les lectures manuelle, automatique et mixte lisent la même timeline sémantique, sans créer de seconde horloge.

Ne sélectionner que la route nécessaire selon la tâche : les animations de texte utilisent la bibliothèque d'animations textuelles ; les changements de mécanismes techniques suivent les règles de mouvement graphique sémantique ; les B-roll explicatifs utilisent des modèles d'activités enregistrés ; HyperFrames n'est utilisé que si l'utilisateur le choisit explicitement pour créer une copie de rendu indépendante. Lorsqu'il faut assembler le résultat avec des rushs ou un son pour former une vidéo complète, transmettre le fragment web et les limites temporelles réelles à $video-production ; ne pas prendre en charge le montage de ressources existantes dans ce Skill.

Après la réalisation, examiner le début, tous les changements clés et l'état final, puis effectuer une lecture complète. Vérifier que le positionnement aléatoire est cohérent, que le résultat n'est pas réinitialisé par des boucles locales, que le texte reste toujours lisible, que les plans et objets n'entrent pas en conflit sur le même transform, et que les trames décodées du GIF ou de la vidéo correspondent à celles de la source du navigateur. En cas d'échec d'exportation, conserver la source web et signaler l'étape spécifique, sans basculer silencieusement vers une autre route.

Ressources

• ../../references/web-visual-production.md : source web, scènes, lecture et export local.
• ../../references/semantic-graphic-motion-production.md : comment les relations entre objets et les changements d'état deviennent du mouvement.
• ../../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 : route déterministe pour les animations de texte.
• ../../references/explanatory-broll-production.md : sélection de modèles pour B-roll explicatif, projection temporelle réelle et sortie transparente.
• ../../references/technical-diagram-production.md : diagrammes techniques et animations stabilisées d'ensemble.
• ../../references/hyperframes-rendering.md : à lire uniquement si l'utilisateur choisit explicitement HyperFrames.
• ../../scripts/validate-editable-media.mjs et ../../scripts/render-web-media-local.mjs : validation structurelle et export formel local.

Sortie et achèvement

Livrer la source web, la timeline actuelle, une image de contrôle des états clés, les formats demandés par l'utilisateur (GIF/vidéo/calque transparent), ainsi que le résultat de la comparaison entre les trames sources du navigateur et le fichier final. Sans demande explicite, ne pas produire de cartes statiques supplémentaires, de vidéos montées complètes ou d'autres formats.