Mouvement produit Remotion
Transformez une interaction produit en une histoire visuelle claire : établissez le contexte, montrez une action, rendez son résultat lisible, puis transférez l'attention vers l'action suivante. Adaptez le mouvement au brief. Les plans statiques, les films muets, les transitions retenues et les mouvements de caméra continus sont tous des choix valides.
Établir le film
Identifiez le public, le résultat produit, la durée, les dimensions, les écrans requis et les actifs fournis. Conservez les choix explicites concernant le son, le mouvement de la caméra, le comportement natif de l'interface et les sous-titres. Résolvez les éléments manquants essentiels ; choisissez des valeurs par défaut raisonnables pour le style accessoire.
Inspectez l'interface réelle et le contenu disponible avant de planifier les affirmations. Préservez les polices, proportions, couleurs, libellés et comportements d'interaction reconnaissables. Utilisez des actifs authentiques autorisés ; étiquetez les données de démonstration synthétiques. Enregistrez la source et la date de capture des nombres annoncés, de l'unité comptée, des filtres et de la méthode de déduplication. Un sous-ensemble représentatif ne justifie pas une affirmation de catalogue complet.
Rédigez un plan de plans compact avec l'intervalle de trame de chaque plan, la cible focale, l'action/résultat, l'intervalle lisible, la transition et la mention sonore optionnelle. Incluez la fin. Planifiez séparément le cadrage paysage et portrait lorsque les deux sont demandés ; le recadrage seul peut perdre un contrôle ou un libellé.
Choisir les directives pertinentes
- Lisez chorégraphie lors de la planification des mouvements de caméra, des courbes d'accélération, des transitions qui se chevauchent, ou de l'ajustement des mises en page et des cibles du curseur.
- Lisez interface utilisateur déterministe lors de l'implémentation d'animations, de comportements CSS natifs, de flou de mouvement ou de coupures franches entre écrans distincts.
- Lisez son et rendu lors du placement audio, de l'optimisation des exports ou de la validation du film livré. Sa section de vérification visuelle s'applique également au travail muet.
Utilisez scripts/motion.mjs pour les mathématiques réutilisables lorsque c'est utile. Il est sans dépendances ; copiez-le ou importez-le dans le projet cible avec un chemin relatif approprié. Inspectez ses exports et ses contrats d'arguments avant intégration. progress, expoIn, expoOut et track gèrent le timing ; cameraAt et project aident à évaluer le cadrage composé ; selectState sélectionne les coupures ; cueStartFrame et duckGain aident au placement audio. Le fichier utilitaire est optionnel et ne crée pas de projet Remotion. Cette compétence fonctionne indépendamment de toute démo de dépôt.
Construire et inspecter
Faites de l'animation une fonction pure de la trame et des entrées fixes. Préservez la sélection d'écran discrète en dehors de l'échantillonnage temporel, les hooks d'animation continus à l'intérieur, et l'audio à l'extérieur. Consultez la référence déterministe pour cette distinction et son exception de fondu enchaîné.
Implémentez d'abord une action représentative et un transfert. Inspectez les trames rendues à l'intervalle de lecture, au pic de vitesse, à la limite de coupure et à la destination avant de répéter le motif. Modifiez le timing, la mise en scène ou la hiérarchie lorsque l'action n'est pas claire ; la décoration ne peut pas compenser une causalité manquante.
Le mouvement de la caméra doit révéler le contexte ou guider l'attention. Si un déplacement continu convient au brief, chevauchez des pistes de panoramique et de travelling à synchronisation indépendante et inspectez leur résultat projeté. Un parent en mouvement ne prouve pas que son objet focal bouge à l'écran. Choisissez des plans calmes ou totalement statiques lorsqu'ils servent le brief. Le grain, la respiration, les secousses et le mouvement perpétuel sont des choix esthétiques optionnels.
Après toute modification de mise en page, réévaluez le flux en aval, les cibles de la caméra, les points de clic du curseur, les limites de défilement et le cadrage. Un rendu réussi seul ne les vérifie pas.
Fournir des preuves
Rendez les formats demandés avec la chaîne d'outils figée du projet. Inspectez les trames consécutives autour des transitions risquées et le résultat encodé à vitesse normale lorsque la lecture est disponible. Vérifiez le texte, le contenu réel, l'alignement du curseur, les recadrages, la disponibilité des actifs, la durée et la fin. Pour le son, distinguez les vérifications mesurées du signal de l'écoute réelle.
Rapportez les chemins de sortie, les commandes/vérifications réellement exécutés, les limitations matérielles et les défauts non résolus. Indiquez explicitement lorsque la lecture en temps réel ou l'audition audio n'était pas disponible. Une planche contact soutient la révision visuelle ; elle n'établit pas le rythme ni la qualité audio. Publiez ou envoyez le travail en externe uniquement avec l'autorisation de l'utilisateur.