Ice Motion : l’art du mouvement
Cette compétence décide comment les choses bougent. Elle est appelée par un workflow (ice-film, ice-explainer, ice-remake, ice-edit, ice-lottie) après l’existence du brief et de la direction. Elle écrit le plan de mouvement ; elle ne construit ni ne rend jamais.
1. Ce que cette compétence possède et ce à quoi elle renvoie
| Possède | Renvoie à |
|---|---|
| Tâches de mouvement, verbes de mouvement, cause et effet | Typographie cinétique, sous-titres, temps de lecture, cadence de frappe des caractères d’affichage : ice-type |
| Durées, assouplissements, décalages, chevauchements, ressorts | Musique, effets sonores, voix off, grilles de temps, timing des mots : ice-audio |
| Politique de maintien (vivant, caméra uniquement, immobilité réelle, pas d’inactivité) | Portes, vérification des raccords, analyses d’images, mesure de densité : ice-qa |
| Catalogue de coupes et transitions, politique de transition | Syntaxe du moteur, rendu, capture d’obturateur, zones de sécurité de la plateforme : ice-engines |
| Raccords, report, loi des vecteurs, passations | Styles artistiques et de dessin, rigs de personnages, grammaires de narration : ice-styles |
| Caméra, composition, taille du héros, lumière de mise en scène, mesures de richesse | Palette, association de polices, empreintes anti-uniformité, journal des décisions : ice-direction |
| Mouvement 2D, 2.5D et 3D ; physique ; morphing ; boucles | Lettrages arabes et de droite à gauche et directions : ice-arabic |
| Mouvement du curseur et de démonstration UI dans les films | Mouvement UI de l’application et du site web expédiés, Lottie, préparation vectorielle des logos : ice-lottie |
| Deck de mouvements, mouvements atomiques, plans de plan | Vérité des actifs, capture UI réelle, logos : ice-assets |
Renvoyez aux autres compétences par leur nom ; ne reformulez jamais leurs règles.
2. Procédure lors de l’appel
- Lisez les créneaux du brief (type de film ou de montage, plateforme, format, durée, langue, registre, mots de marque) et le journal de direction. Si le type est manquant, demandez au workflow, ne devinez pas.
- Ouvrez
references/motion-language-by-type.mdet définissez le langage de mouvement du film : politique de maintien, politique de transition, politique de caméra, politique de dépassement, grammaire de l’horloge et du flou, rythme. Appliquez les préréglages de l’industrie et de la personnalité de la marque uniquement là où le brief est silencieux. - Écrivez la personnalité du mouvement : une métaphore plus 3 à 5 règles (
references/motion-grammar.mdsection 8). Plusieurs exemples variés y existent ; n’en copiez jamais un. - Distribuez la palette de mouvement : 3 mouvements de base, au plus 2 accents, au plus 1 signature, en évitant les mouvements de base du film précédent (
references/move-deck.md,references/anti-slideshow-and-density.mdsection 6). - Pour chaque temps fort, écrivez sa tâche de mouvement et son verbe, son minutage et son assouplissement, et son niveau d’importance (
references/motion-grammar.md,references/timing-and-easing.md,references/measured-motion.md). - Pour chaque frontière, écrivez une ligne de raccord avec le porteur, les vecteurs de sortie et d’entrée et la raison (
references/seams-and-carry.md,references/transition-policy.md,references/cut-catalog.md). - Pour chaque mouvement de caméra, écrivez sa raison et sa fenêtre (
references/camera.md). - Vérifiez le plan par rapport aux règles anti-diaporama et aux objectifs de densité pour le type (
references/anti-slideshow-and-density.md), et par rapport au seuil de richesse visuelle : lisez les chiffres du seuil dans le tableau « Seuil de richesse » du type de film (le fichierreferences/film-types/<type>.mddu workflow ice-film) et les mesures et correctifs dansreferences/composition-and-staging.mdsection 7. Un plan en dessous du seuil est remis en scène avant que quoi que ce soit ne soit construit. - Pour les publicités, les parcours produits et les films textuels sans voix off, écrivez également le contrat de mouvement vérifiable par machine (forme :
assets/motion-contract.example.json; doctrine :references/continuous-journey.md) et exécutezpython scripts/validate_motion_contract.py ice/plan/motion-contract.json --project-root .jusqu’à ce qu’il imprime PASS. Remettez le plan au workflow ; ice-qa vérifie le rendu. Trois choses que le validateur vérifie littéralement :- Références : trois références spécifiques au rôle avec notes de décomposition. Lorsque la recherche datée n’a trouvé aucune référence que vous pouviez réellement regarder, écrivez
"references": [](ou celles que vous avez) plus"referencesWaiver": {"reason": "<ce qui a été recherché, pourquoi aucune n’est regardable>", "researchNote": "ice/research/<note>.md"}; ne pointez jamais une référence vers une note qui décrit un film que vous n’avez pas vu. - Lignée : à travers chaque frontière, il compare les identifiants, pas les images :
transition.semanticIdde la scène sortante doit être égal àentry.semanticIdde la scène suivante, donc donnez à l’objet porté le mêmesemanticIddes deux côtés. Que l’image porte vraiment est jugé sur le rendu par ice-qa et le réviseur. - Verbes génériques (glisser, grandir, mettre à l’échelle, flotter et le reste de sa liste) échouent à moins que l’objet ne soit littéralement ce mécanisme ; ajoutez alors
"literalMechanism": "<le vrai mécanisme en une phrase>"à cette unitéprimaryMotionou textuelle.
- Références : trois références spécifiques au rôle avec notes de décomposition. Lorsque la recherche datée n’a trouvé aucune référence que vous pouviez réellement regarder, écrivez
- Enregistrez chaque décision de mouvement avec sa raison et sa source via ice-direction (
ice/DIRECTION.md).
3. Lois universelles (valables dans tous les types)
- Chaque mouvement a un travail (attirer l’attention, assurer la continuité, montrer un changement, exprimer un caractère) ou il est coupé.
- Le mouvement suit le sens : les flux coulent, les constructions s’assemblent, les compte à rebours défilent, les routes se tracent dans leur direction, les nombres comptent pendant que leur cause change.
- Un seul mouvement focal à la fois ; les éléments secondaires attendent, le mouvement focal n’attend jamais.
- Les entrées décélèrent, les sorties accélèrent, les mouvements à l’écran s’assouplissent en entrée et en sortie, les impacts accélèrent jusqu’au contact ; jamais de mouvement linéaire pour les mouvements spatiaux sauf si mécanique ; jamais un seul assouplissement pour tout (au moins 3 caractères d’assouplissement par film).
- Les sorties sont plus rapides que les entrées ; les entrées utilisent 2 à 3 canaux de décroissance, jamais l’opacité seule ; jamais de croissance à partir de zéro.
- Les décalages restent en dessous d’environ 0,5 s par groupe, irréguliers, par ordre d’importance ; les décalages sont plus courts que les mouvements qu’ils décalent.
- Le contraste est le message : variez la vitesse (scène la plus lente environ 3 fois la plus rapide), la durée du plan, la densité et l’immobilité ; utilisez l’échelle, les effets et les accents une seule fois.
- Quelque chose traverse chaque frontière : un objet porté, un vecteur correspondant, la voix ou le temps ; la sortie de la scène A décide de l’entrée de la scène B (même axe, direction, vitesse).
- La caméra est une ponctuation : elle bouge pour une raison nommée, lentement pour les transitions, rapidement uniquement pour les accents, jamais trois poussées vers l’intérieur d’affilée.
- Les maintiens sont des décisions : la politique de maintien du film est choisie par type et appliquée partout ; une scène qui manque de contenu est raccourcie ou dotée d’une histoire, jamais de tremblement.
- Chaque image est une fonction pure du temps : ressorts en boucle fermée, aléatoire ensemencé, pas d’horloge murale, pas de solveurs avec état.
- Les effets ne compensent jamais une mise en page faible, des poses faibles ou des preuves manquantes.
4. Conflits résolus par champ d’application (résumé)
| Question | Réponse par type | Fichier |
|---|---|---|
| Qu’est-ce qui bouge pendant un maintien ? | Vivant (lancement, pub app, social, hype), caméra uniquement (explicatif, interview, données, long format), immobilité réelle comme ponctuation (marque, pauses artistiques, pauses cinétiques, comédie), pas d’inactivité (visite guidée UI, lancement narré) | references/holds-and-stillness.md |
| Fondus enchaînés ? | Interdits entre les scènes dans les lancements, pubs app, hype, cinétiques, collages, music-led, sociaux ; autorisés comme « cela continue » dans les marques calmes, l’art, le long format, les podcasts, les graphiques enchaînés | references/transition-policy.md |
| Coupes franches ? | Environ 95 pour cent des changements dans les séquences montées, les explicatifs et les collages ; dans les films où la caméra est l’éditeur, uniquement sur un temps fort, au maximum deux fois | references/transition-policy.md |
| Dépassement ? | Aucun pour les données, la finance, la santé, le luxe, la caméra, le texte ; minuscule pour le lancement et l’UI ; un ressort par film grand public ; ludique uniquement pour les enfants et les mascottes | references/timing-and-easing.md |
| Sorties sur les scènes non finales ? | Interdites là où la transition est la sortie (films de lancement assemblés) ; sorties accélérées courtes ou rétrogradation sur place dans les explicatifs narrés | references/transition-policy.md |
| Remplir le cadre ou grand fond vide ? | Remplir (spots commerciaux, explicatifs, toutes les publicités verticales) ou environ 70 pour cent de fond texturé (références de genre minimal, marques calmes, paysage uniquement) : choisir selon le genre de référence et le registre. Dans les deux cas, le seuil de richesse du type s’applique ; « premium » soustrait l’encombrement, jamais la plénitude | references/composition-and-staging.md sections 2 et 7 |
| Caméra pendant les maintiens ? | Poussée lente de 3 à 6 pour cent (politiques A et B) ; verrouillée (C et D) | references/camera.md, references/holds-and-stillness.md |
5. Contrat de sortie : le plan de mouvement
Le workflow le stocke sous ice/plan/motion-plan.md. Remplissez chaque emplacement ; les emplacements sont des espaces réservés, jamais des valeurs d’exemple.
## Langage de mouvement
type : <type de film ou de montage> | politique de maintien : <A|B|C|D> | transitions : <primaire + accents> | politique de caméra : <...>
dépassement : <aucun|minuscule|un ressort|ludique> | horloge : <fps, lisse ou pas à pas> | grammaire de flou : <étalement|net|obturateur>
personnalité : <une métaphore> + <3-5 règles>
palette : base <mouvement, mouvement, mouvement> | accents <mouvement, mouvement> | signature <mouvement ou aucun>
richesse : part_du_héros <n> | largeur_du_héros <n ou n/d> | remplissage_cadre <n sur 16> | moitié_vide <s> | couches_profondeur <n> | mouvement_dans_le_plan <n pour cent> | plus_longue_immobilité <s> | événements_lumineux <n> | matériau_réel <pour cent ou n/d> (chiffres du seuil du fichier du type de film)
## Temps forts (une ligne chacun)
| t entrée-sortie | rôle du temps fort | importance 1-3 | élément focal | travail | verbe | assouplissement | durée | décalage | apporte |
## Raccords (une ligne par frontière)
| t de coupe | mouvement sortant (axe, direction, vitesse, flou) | type de raccord | mouvement entrant | porteur | paire d’assouplissement | signal | raison |
## Fenêtres de caméra
| de | apogée | fin de maintien | à | cible | mouvement | raison |
6. Fichiers
| Besoin | Ouvrir | Quand |
|---|---|---|
| Définir le langage de mouvement pour un type, une industrie ou une marque | references/motion-language-by-type.md | En premier, à chaque fois |
| Décider si et pourquoi quelque chose bouge ; verbes ; cause et effet ; personnalité | references/motion-grammar.md | Planifier chaque temps fort |
| Durées, direction d’assouplissement, décalages, loi de chevauchement, politique de dépassement, points d’ancrage temporels | references/timing-and-easing.md | Minuter chaque temps fort |
| Nombres humains mesurés et les 12 assouplissements adaptés | references/measured-motion.md et scripts/measured-eases.mjs | Lancement, pub app, UI, hype ; correspondance avec un mouvement de référence |
| Formules de ressort, guide d’amortissement, familles de préréglages, courbes cubic-bezier nommées | references/springs-and-curves.md et scripts/springs.mjs | Tout ressort ou courbe personnalisée |
| Ce qui se passe pendant les maintiens ; fins de maintien ; gels ; boucles | references/holds-and-stillness.md | Avant tout maintien ou fin |
| Construction exacte d’une coupe ou d’une transition | references/cut-catalog.md | Construire un raccord |
| Quelle transition, combien, politique de fondu enchaîné et de sortie, champs du plan de raccord | references/transition-policy.md | Choisir les raccords |
| Report, loi des vecteurs, contrats de passation, tolérances, protagoniste racine | references/seams-and-carry.md | Chaque frontière |
| Films à une forme, un monde et un acteur | references/one-take-films.md | La direction appelle un film continu |
| Raisons de la caméra, règles de grue, durées de mouvement, secousses, limites de densité | references/camera.md | Tout mouvement de caméra |
| Point focal, taille du héros, couches, mise en page, mise en scène, lumière de mise en scène, seuil de richesse visuelle (section 7) | references/composition-and-staging.md | Cadrer chaque plan ; vérifier le plan à l’étape 8 |
| 2D vs 2.5D vs 3D, parallaxe, profondeur de champ, valeurs de vol 3D | references/depth-and-3d.md | Temps forts de profondeur ou 3D |
| Modes d’échec du diaporama, rythme, objectifs de densité, règles de dépense | references/anti-slideshow-and-density.md | Réviser le plan |
| Principes d’animation en tant qu’ingénierie, recettes physiques, morphing, dessin en direct, boucles | references/physics-and-morphing.md | Temps forts physiques ou de morphing |
| Curseur, clic, glisser, bascules, états d’agent, recettes de démo UI | references/cursor-and-ui.md | Toute démonstration UI |
| Petits mouvements avec tables de valeurs et un sélecteur d’intention | references/atomic-moves.md | Choisir un mouvement pour un temps fort |
| Deck de mouvements de 46 cartes, noms refusés, catalogues de mécanismes | references/move-deck.md | Distribuer la palette de mouvement |
| Plans avec codes temporels, constructions de plans, squelettes temporels | references/shot-blueprints.md | Planifier une séquence de plans |
| Horloges d’image, grammaires de flou, quand flouter le mouvement, grain | references/motion-blur-and-clock.md | Régler l’horloge et le flou |
| Un protagoniste racine, chaîne d’état, canaux d’héritage, enregistrements de coupes franches, texte qui agit, fermeture (original du fondateur) | references/continuous-journey.md | Publicités et parcours produits |
| Contrat de décision physique, lancer, attraction, fermeture UI rigide, son par phase de mouvement (original du fondateur) | references/motion-choreography.md | Temps forts physiques ou causals |
| Contrats d’unité de concentration d’image et de texte, test de nécessité de la caméra, verbes de caméra, formule d’ancrage 2D (original du fondateur) | references/semantic-camera.md | Toute décision de caméra dans les publicités |
| Forme du contrat de mouvement | assets/motion-contract.example.json | Écrire un contrat de mouvement (les valeurs ne sont qu’une illustration) |
Scripts (Windows, macOS, Linux). Versions minimales de Node et Python : runtimes dans le fichier references/versions.json de la compétence ice-engines ; Paquets Python : scripts/requirements.txt (épingles exactes en synchronisation avec versions.json).
| Script | Runtime | Utilisation |
|---|---|---|
node scripts/measured-eases.mjs [ease] [samples] | Node | Imprimer ou importer les 12 assouplissements mesurés |
node scripts/springs.mjs [w z seconds] | Node | Imprimer ou importer les ressorts en boucle fermée et les temps de stabilisation |
python scripts/validate_motion_contract.py <contract.json> [--project-root <folder>] | Python, bibliothèque standard | Porte stricte du contrat causal, temporel, de divulgation, de lignée, de caméra et de son ; sortie 1 liste les échecs |
python scripts/audit_web_section_motion.py <project folder> | Python, bibliothèque standard | Rejette les modèles de code de section web animée (sortie 1) |
python scripts/audit_motion.py --video <mp4> --audio <wav> | Python avec numpy et opencv-python-headless | Débuts audio et densité de changement visuel par rapport à une référence ; un diagnostic, pas un verdict |
Les fichiers du fondateur portent la mention « De la compétence de conception de mouvement commercial du fondateur ».