<inputs> Demandez-moi : le nom de votre produit, un logo (ou dessinez un symbole simple), vos couleurs de marque (ou extrayez-les du logo), cinq noms d'applications pour un dock Mac, le nom de votre application de chat, la ligne qu'un utilisateur tape dans son éditeur, un titre de 7 mots sur le problème, deux mots "Zero ___", deux lignes "Every ___." , la ligne de clôture et un morceau de musique. Si je saute une étape, utilisez ces valeurs par défaut : produit "Frame by Frame" (un cours de vidéo animée par IA) ; un symbole de viseur (quatre coins de parenthèse autour d'un "FF" en gras et une étincelle à quatre pointes en haut à droite) dans un badge carré arrondi bleu marine ; applications du dock Murmur (chat corail), Loupe (caméra ambre), Folio (notes papier), Cache (fichiers sarcelle), Stacks (tableaux ciel) ; ligne de l'éditeur "make a launch video for my app" ; titre "Your launch video takes too many weeks." ; "Zero keyframes" → "Zero timeline" ; "Every camera move." / "Every transition." ; ligne de clôture "All in one prompt" ; et nouvelle musique synthétisée à 100,4 BPM. </inputs> <direction> Un film de lancement de 20 secondes en 16:9, scène 1920x1080 rendue en 3840x2160, numéros de frames à 29,97 fps (f0–f596). Histoire de bureau Mac à marque avec une sensation premium de pub SaaS : blanc cassé chaud, bleu marine et bleu ciel, fonds d'écran photo réels, interface nette. Loi de mouvement pour CHAQUE entrée et stabilisation : p(n) = 1 − 0,61·0,78^(n−1). Cela représente 39 % de la distance sur la première frame, puis le reste décroît de 22 % par frame. Snap rapide, atterrissage doux. Les sorties font l'inverse : elles accélèrent d'environ 1,5× par frame jusqu'à la coupe, et le plan suivant commence déjà en mouvement dans la même direction. L'arrière-plan et l'interface montent toujours sur des caméras séparées. Les zooms sont nets (pas de flou). Les whip restent nets sauf indication contraire. Palette : page #F3F1EE, encre #121212, bleu marine #294376, bleus #42699D #5A82B4 #769CC2, sarcelle #57D0B4, ciel #7CC9E4. Typographie : Inter 400/500/600. Pas de violet, de pourpre ou de magenta nulle part. Histoire : un dock grandit sur un bureau au coucher du soleil → le curseur clique sur application après application (chat, appel vidéo, tableau), whip après whip → chaque fenêtre vole sur le bureau en même temps → le bureau rétrécit en un ordinateur portable sous "Your launch video takes too many weeks." → "Zero keyframes" roule vers "Zero timeline" sur un champ de couleur bleu vivant → le logo tourne et le mot-symbole se dévoile → l'application de chat du produit tape la demande et l'envoie → écrans partagés : "Every camera move." / "Every transition." → "All in one prompt" sur le champ → le badge → la marque de fin à l'encre. Interdit : fondus enchaînés, ease-in-out sur tout mouvement mesuré, keyframes lissées, frames figées (sauf la tenue finale), vraies personnalités publiques, kits d'interface stock, Math.random, copie des mots d'une vraie marque. </direction> <structure> Les coordonnées sont en px sur la scène 1920x1080. Grille musicale : croches toutes les 8,97 frames, phase 0,433 s. Coupes franches à f52, 76, 94, 118, 153, 188, 225, 246, 281, 335, 357, 419, 509, 548, 570 : gardez ces frames exactes. S1 f0–51, dock sur le bureau : Fond d'écran : une photo de coucher de soleil calme (eau immobile, îles lointaines), adoucie de 3 px, sur sa propre caméra. Échelle caméra 1,0 (f0) → 1,15 (f1) → 1,25 (f2) → 1,33 (f3) → 1,45 (f5) → 1,57 (f8) → 1,66 (f12) → 1,74 (f18) → 1,77 (f23), saut à 1,87 sur f24, tenue. Caméra x (px écran de l'origine de la scène) : 0 → −473 (f6) → −627 (f12) → −680 (f18) → −645 (f23) → −735 (f24) → −520 (f30) → −480 (f36) → −466 (f42). f43–51 y whips −480 → −481 → −486 → −492 → −507 → −523 (accélération). Dock : une pilule givrée (blanc 14 %, flou d'arrière-plan 18, bordure 1,2 px à blanc 32 %, rayon 26 % de la hauteur) à la scène x663–1387, y468–632 (f0 : une pilule vide plus petite x632–1288, y490–596). Cinq icônes squircles de 120 px (rayon 22,5 %, ombre douce) avec des centres à x754 + 135,4·i, y550. Les icônes apparaissent sur f1, 3, 4, 6, 7. Chaque icône après la première atterrit 18 px à droite et se stabilise en 2 frames. Le dock monte sur sa propre caméra à 0,75× l'échelle du fond d'écran jusqu'à f23, puis exactement 1,0 à partir de f24. Dans le whip f43–51, il mène le fond d'écran jusqu'à 50 px. Curseur : flèche macOS noire avec contour blanc, 25 px de haut à l'échelle de la scène. f0 à l'écran (1686,728), hors écran à droite f2–14, rentre à f15 à (1800,782) en décélérant vers le bord inférieur droit de l'icône 1 (1003,617) par f37. Clic f36–44 : l'icône passe à l'échelle 0,83 (origine 50 % 80 %) par f40 et revient par f45. Le curseur rétrécit de 12 % avec elle. Un point blanc courant de 5 px apparaît sous l'icône à f40 et est à pleine taille par f42. S2 f52–75, application de chat : Une énorme fenêtre blanche, rayon 24, ombre douce large, coupée par le cadre : bord droit x1713, bas y997 à f52. Liste de chats x0–500 : rangées de 134 px de haut, avatars circulaires coupés, nom 27 px/600, aperçu 25 px gris, heure alignée à droite. Rangée sélectionnée #F1EFEC. Fil x501–1713 : fond pointillé pâle. Bulles entrantes blanches de x523–533 ; bulles sortantes corail pâle #FFE1D6 se terminant à x1690. Texte 25,5 px, rayon 14, petites heures grises, doubles coches corail. Barre d'éditeur y897–997 : "+", un champ de saisie pilule de 61 px, emoji, micro. Toute la fenêtre défile vers le haut de 203 px : −137 (f53), −175 (f55), −193 (f58), −201 (f62), −203 (f66). À f56, une nouvelle bulle sortante "Works best." apparaît depuis son coin inférieur droit : échelle 0,47 (f56), 0,86 (f58), 1 (f60). f66–75 : whip gauche −12, −24, −48, −62, −85 px (accélération). S3 f76–93 : le même dock et fond d'écran à l'échelle 1,87. La caméra se stabilise à gauche −117, −143, −154 … −168 (f85). Le curseur clique sur l'icône 2 à f84 (même courbe de clic). f85–93 : whip bas −6, −14, −38, −107 px. S4 f94–117, appel vidéo : Une fenêtre sombre 1286x648 (rayon 14, #1C1C1E) sur la page unie à x317, montant y391 → 326 → 300 → 280 → 265 → 253 → 244 → 236 → 228 → 226 → 223 → 220 → 219 → 218. À l'intérieur : une barre supérieure avec feux de signalisation et un bouclier ambre ; cinq tuiles de participants 137x76 à partir de x292 avec étiquettes de nom ; une tuile de haut-parleur 826x464 à (230,120) avec une bordure ambre de 2 px contenant un portrait stock noir et blanc (jamais une vraie personne) ; une barre d'outils y590–650 avec 10 icônes étiquetées, un "Present" ambre et un "Leave" rouge. f106–117 : glisse gauche −1, −2, −2, −2, −3, −4, −4, −6, −9, −12, −21 px par frame. S5 f118–152 : le dock à l'échelle 1,87 ; la caméra panoramique x −92, −196, −329, −400, −438, −459, −469 (f139) ; le curseur se déplace vers l'icône 5 et clique à f138. f136–152 : zoom 1,0 → 0,90 accélérant, x +100. S6 f153–187, le bureau se remplit : Le fond d'écran dézoome sur sa propre caméra (1,12 → 1,0 par f175). La couche de fenêtres garde x fixe et glisse vers le haut : décalage 166, 117, 94, 78, 65, 54, 45, 37, 31, 25, 20, 16, 12, 9, 6, 4, 2, 1, 0 (f171). Rectangles finaux : chat 652x552 à (310,143) ; appel 954x482 à (486,252) ; notes 818x465 à (690,206) ; fichiers (sombre) 555x394 à (216,374) ; tableau 712x425 à (985,155). Les entrées volantes commencent à +150 px x et +300 px y avec rotateX 58°, rotateY −28°, échelle 0,82, perspective 1600 et origine bas-centre. Progression par frame : appel 0 (f153), .3, .7, .9, .97, 1 (f158) ; notes f156→160 (.3, .65, .9, 1) ; fichiers f159→163 ; tableau f163→168. Le dock monte de 90 px avec un ease-out f153–158 et se place à x730–1190, y945–1031 avec des icônes de 72 px à un pas de 89 px. Barre de menu 42 px, bleu marine translucide, tombe sur f164–166 : "⌘ [App] File Edit View Go Window Help", "12:43 PM" à droite. f176–187 : tout le bureau sort sur échelle 0,98 → 0,70, accélérant, et reçoit un bord d'écran arrondi de 14 px. S7 f188–224, ordinateur portable : Le bureau devient l'écran (590x398 dans une lunette noire 610x418) d'un ordinateur portable argenté (762 de large ; un trapèze de pont 882 de large en dessous). Une caméra met à l'échelle l'ordinateur portable et le titre ensemble : ordinateur portable x0..x1 = 375..1556 (f188), 490..1436 (f191), 541..1383 (f195), 568..1354 (f200), 577..1344 (f204), 579..1341 (f207), bas y821. Titre 64 px, espacement des lettres −0,03em, espace de mots 48 px, centré sur x954, haut de capitale y220 dans la mise en page stabilisée. Les mots apparaissent à f191, 194, 198, 201, 204, 208, 211, chacun apparaissant sur 2 frames. Couleurs : launch #4F78CF, takes #2C3550, too #7CC9E4, many #57D0B4, weeks. #294376, le reste #4B4A4A. f210–224 : le bord gauche de l'ordinateur portable 578 → 577 → 574 → 568 → 557 → 544 → 516 (accélération), avec tout ce qui le suit. S8 f225–280, "Zero" : Champ de couleur partout à partir d'ici : une rampe horizontale #57D0B4 (0) → #7CC9E4 (.28) → #7AA6E6 (.5) → #4F78CF (.74) → #2C428F (1) sous un bord supérieur ondulé doux (gaussien σ ≈ 65 px). Le bord se situe autour de y650–860 ici, avec des crêtes dérivant de 2–8 px par frame. f225–245 : le mot géant, hauteur de capitale 542 px, bleu marine #294376, haut de capitale y314, bord gauche 634 → 479 → 421 → 382 → 353 → 330 → 311 → 290 → 266 → 230 → 152 (toutes les 2 frames). Le champ lave le bas des lettres. f246 : coupe vers une petite ligne, 94 px, −0,058em, haut de capitale y495. Bord gauche 1080, 921, 853, 810, 778, 754, 735, 720, 708, 698, 690, 683, 678, 675, 672, 671, 670, 669. f250 : " keyframes" apparaît entier (pas tapé). f262–266 : rouleau de fente. L'ancien mot se déplace −1, −4, −8, −16, −32 px et s'estompe ; le nouveau mot "timeline" vient de +44, +20, 0 (f267). Flou = |décalage|/14. f267–280 : la ligne rétrécit vers le centre : largeur 644 → 627 (f272) → 597 (f276) → 546 (f279) → 502 (f280). S9 f281–334, logo : Badge 218 px (rayon 22,5 %, dégradé bleu marine #2B477C → #78A0C6, un anneau blanc à 45 %, glyphe blanc) centré à (956,533). Rotation par frame : −90, −64, −52, −43, −36, −30, −25, −21, −18, −15, −12, −10, −8, −6, −5, −3, −2, −1, 0 (f300). Échelle par frame : 1,96, 1,68, 1,53, 1,43, 1,36, 1,29, 1,24, 1,19, 1,15, 1,12, 1,09, 1,07, 1,05 … 1,0. f299–319 : le badge glisse à gauche pour que badge + espace de 33 px + mot-symbole soient centrés sur x960. Progression du glissement : 0, .06, .15, .35, .66, .82, .90, .95, .98, 1. Mot-symbole 88 px Inter 600, −0,02em, apparaît entier à f301 à 55 % d'opacité, complet par f303. Un lavage de couleur le traverse de gauche à droite sur 22 frames : chaque lettre passe sarcelle → ciel → bleu → bleuet en étapes de 2 frames, puis encre #16181D. f321–334 : le verrouillage monte 0 → −5 → −16 → −28 → −44 → −73 px (accélération). S10 f335–356, application héros : L'application de chat du produit, 1006x715, rayon 12 : barre de titre : bleu marine #1F3566, icônes de navigation, une pilule "Search [Product]" ; un rail bleu marine de 86 px : badge de logo, Home/DMs/Activity/Later/Options, cercle "+", avatar ; un panneau de liste de canaux #EEF2F8, 196 px : nom d'espace de travail, canaux, DMs avec avatars en niveaux de gris, applications ; un panneau blanc avec "# general", une pilule de date, trois messages avec réactions et fils de réponse, et un éditeur avec un bouton d'envoi bleu #42699D. Sur une photo aérienne d'océan sur sa propre caméra (échelle 1 → 0,85, ease-out). Haut gauche de fenêtre toutes les 3 frames : (457,340), (457,252), (457,220), (455,202), (451,191), (442,185), (423,182), (364,182) à f356. S11 f357–418, gros plan de l'éditeur : La fenêtre à l'échelle 2,97, haut fixe (y local de fenêtre → y écran·2,97 − 1357). x : le point de statut d'avatar (x local 58) se place à l'écran 271 → 172 → 140 → 121 → 101 (f382). Tape "make a launch video for my app" à partir de f359 à ~1,4 caractères par frame, caret allumé. f383–389 : whip gauche accélérant (les étapes grandissent −20, −25, −32, −41, −54, −78, puis le grand saut final) atterrissant le bouton d'envoi (x local 943) à l'écran x1745 (f389), 1548 (f391), 1387 (f395), 1292 (f400), 1231 (f405), 1134 (f410), 788 (f418). Pression f403–405 : le bouton s'éclaircit à 155 % avec une lueur de 18 px, puis se relâche sur 5 frames. S12 f419–508, écran partagé : Page blanche. Une carte océan tient la fenêtre d'application (fenêtre x 404 → 321 → 272 → 241 → 220 → 207 → 200 → 199 (f442) → 206 → 214 → 227 → 246 → 283 (f460), y182). Le bord droit de la carte est la limite du panneau à x1649 (f419) → 1469 → 1401 → 1359 → 1331 → 1313 → 1302 → 1297 (f440), puis revient à 1369 (f458). Texte 52 px Inter, −0,03em, gauche = droite de carte + 90, haut de capitale y513 : "Every camera move." tape f422–434. f461–478 : la carte (1380 de large) glisse à droite, bord gauche 53, 132, 346, 399, 432, 457, 477, 494, 508, 520, 531, 540, 548, 555, 562, 567, 572, 576 → 596 (f488), poussant l'ancienne ligne hors cadre. "Every transition." tape 1 caractère par frame à partir de f466 dans le nouveau panneau gauche à x128. f491–508 : tout monte 0 → −2 → −6 → −12 → −21 → −35 → −59 → −120 px. S13 f509–547, ligne de clôture : Le champ de couleur complet (bord supérieur autour de y80–410, forme de bol, dérivant). "All in one prompt" 88 px blanc, bord gauche fixe à x665, haut de capitale 700 (f510) → 668 → 644 → 624 → 606 → 588 → 571 (f516) → 536 (f520) → 508 (f526) → 499 (f530) → 495 (f534). Environ 1 lettre par frame. Les 1 à 3 lettres les plus récentes sont bleu marine foncé #0C1A36, devenant blanches à la frame suivante. Complet et tout blanc par f527. S14 f548–569 : page #F3F1EE, le badge 190 px centré, immobile. S15 f570–596 : la version à l'encre du badge (#121212 carré, glyphe blanc, pas d'anneau) 220 px centré. Tenue finale (la seule étendue figée). </structure> <build> 1. Une page HTML dessinée par seek(t) comme fonction pure du numéro de frame. Pas de transitions CSS, pas de minuteurs, pas de Math.random (uniquement des hachages seedés). Les plans s'enregistrent comme {f0, f1, render(F)}. 2. Chaque valeur vient de tables de keyframes kf(F, [[f, valeur], ...]) ou de tables de recherche par frame avec interpolation linéaire. Ne lissez jamais ces tables. 3. Transformations de caméra séparées par couche (fond d'écran, dock/fenêtres, curseur). Curseur = une flèche SVG macOS réutilisée partout. Le champ de couleur est un chemin SVG à travers 33 points de bord par frame avec un flou gaussien, rempli par le dégradé de rampe. 4. Avant le rendu, scannez chaque table pour les valeurs aberrantes d'une frame et les mauvaises premières/dernières valeurs. Un seul mauvais nombre est un glitch visible, donc bloquez le rendu si l'un existe. 5. Son : nouvelle musique à 100,4 BPM. Pad aérien 0–9 s, puis le groove à partir de f270 (kick, clap sur 2 et 4, hats sur les croches, basse, arpège pincé), le plus plein 12,5–14,5 s, s'estompant sous la marque de fin. SFX (synthétisés) : whoosh f0 ; pops f1, 3, 4, 6, 7, 56, 549 ; clics f39, 84, 138, 403 ; whips f46, 70, 88, 112, 182, 243, 331, 381, 459, 498 ; whooshes d'entrée volante f152, 155, 158, 162 ; snap f164 ; ticks de mots f191, 194, 198, 201, 204, 208, 211, 250 ; thump f225 ; impact f281, f510 ; étincelle f301 ; ticks de frappe f359–381, 422–434, 466–479, 510–526 ; carillon f570. Master à −14 LUFS, pic vrai −1 dBTP. 6. Rendu avec Playwright à deviceScaleFactor 2, une capture d'écran par frame après le chargement des polices et images. Encodage H.264 yuv420p à 30000/1001 et muxage de l'audio sans -shortest (il laisse tomber les dernières frames). Comptez les frames : 597. </build> <gotchas> Mesurez le texte seulement après le chargement des polices. Un nom de produit plus long élargit le verrouillage S9. Gardez-le centré sur x960 et glissez le badge plus à gauche. Les fonds d'écran chargés et à haute texture stroboscopent sur les whips : utilisez une photo calme et adoucissez-la, n'ajoutez pas de flou. La pose de départ de l'entrée volante de fenêtre doit être proche (+150, +300). Des départs lointains font apparaître les fenêtres en retard. La première lettre à f510 doit aussi flasher en bleu marine. Un champ figé à f509–510 se lit comme un glitch, donc gardez le bord dérivant à chaque frame. Les visages doivent correspondre aux noms, et aucun avatar ne peut montrer une couche de support. Faites tourner un critique de mouvement et un critique de design (agents séparés, position par défaut rejeter) et corrigez ce qu'ils trouvent avant de me montrer. </gotchas> <start> Demandez-moi les entrées. Puis montrez-moi 4 images fixes (f40 le clic du dock, f170 le bureau complet, f300 le logo, f530 la ligne de clôture) avant de rendre le film complet. </start>
Discussion
0 commentaires