Configuration: La parole construite comme architecture

Créez un court-métrage de 20 secondes, mêlant texte et animation, intitulé « CONSTRUIRE LE SOL ». Considérez-le comme un discours miniature original, entièrement mis en scène par la typographie. Chaque ligne modifie l'architecture du cadre. La déclaration finale doit reposer sur la structure physique créée par les mots précédents. Fournissez un fichier HTML autonome, 1080×1080, à 60 images par seconde, utilisant SVG et/ou Canvas. Intégrez tous les éléments requis. DIRECTION ARTISTIQUE : Arrière-plan n° 102820. Papier n° F4E9D5. Accent structurel n° F2B544. Un univers littéraire et éditorial, à l'échelle et à l'assurance d'un monument public. Utilisez une police à empattements à fort contraste pour le texte, une police grotesque épaisse pour les mots importants et une police à chasse fixe sobre pour les petites indications de temps. Évitez les clichés des affiches de protestation, les mégaphones, les drapeaux, les foules, les microphones et les images d'archives. DISCOURS ORIGINAL — MOTS EXACTS, ORDRE EXACT : « On nous a dit d'attendre. » « Alors nous avons appris le poids de l’attente. » « Puis une voix s’est élevée. » « Puis une autre. » « Maintenant, la parole est à nous. » N’attribuez pas ces mots à une personne réelle. Pas de slogans supplémentaires. Le discours complet doit être compréhensible sans audio. RÈGLE VISUELLE CENTRALE : Les mots ont des rôles architecturaux assignés. ATTENDRE est un linteau. ATTENDRE est une charge suspendue. VOIX est un support. PIÈCE est une ouverture. SOL est une plateforme. Ces rôles doivent émerger des formes des lettres elles-mêmes, et non d’illustrations séparées placées derrière le texte. STORYBOARD 0:00–3:00 : « On nous a dit d’attendre. » La phrase occupe une étroite ouverture horizontale sous un imposant ATTENDRE. L’ouverture se rétrécit lentement, mais la phrase reste lisible. La pression provient de la mise en page, et non des tremblements de la caméra. 3:00–6:50 : « Alors nous avons appris le poids de l’attente. » Révélez la phrase par groupes de phrases prononcées. ATTENDRE descend sur deux fines lignes verticales. Ces lignes deviennent des câbles de suspension. Une ligne de base se courbe sous la charge visuelle grâce à une déformation vectorielle contrôlée. 6:50–10:00 «Puis une voix s'est fait entendre.» VOIX entre verticalement et pivote pour devenir un support structurel. Elle soulève une extrémité de la ligne de base. Le contrepoint du O dans ROOM devient une ouverture. La composition suivante se révèle à travers cette ouverture. 10:00–12:50 «Puis une autre.» Un second support apparaît. La structure inclinée se redresse. C'est le premier moment d'alignement horizontal parfait du film. Un bref silence permet de souligner l'importance de ce changement. 12:50–16:00 «Maintenant, le sol nous appartient.» Les mots structurels précédents s'assemblent pour former une plateforme. La phrase finale s'y installe. NOUS sommes mis en valeur par l'alignement et l'échelle partagés, jamais par un effet tape-à-l'œil. 16:00–18:00 Maintenir la déclaration complète. Une légère détente se propage à travers les règles de soutien. Pas de nouveau texte. Pas de mouvement décoratif agité. 18:00–20:00 La caméra effectue un travelling sous la plateforme achevée. Sa face inférieure remplit le cadre et devient le linteau d'ouverture « ATTENDRE ». En cas d'occlusion complète, replacez les éléments cachés dans leur position initiale. Révélez la composition d'ouverture exacte. CHORÉGRAPHIE : Ne forcez pas la parole sur un rythme de danse. Utilisez une feuille de route basée sur les phrases, les pauses et l'emphase. Les révélations de phrases doivent suivre l'ordre de lecture. Prévoyez au moins un moment d'immobilité absolue de 400 ms. Utilisez un mouvement à amortissement critique pour les charges de stabilisation. Utilisez une déformation élastique contrôlée uniquement pour la ligne de base. Faites en sorte que les changements d'espace disponible portent la progression émotionnelle. IMPLÉMENTATION DES TYPES : Utilisez les tracés réels des glyphes pour les mots structuraux. Préservez les compteurs et la lisibilité pendant la déformation. Pour les transitions entre mots non liés, utilisez l'occlusion ou des bords structuraux appariés ; n'interpolez pas de points de tracé arbitraires. Gardez la phrase actuellement prononcée lisible avant qu'elle ne devienne une architecture. INGÉNIERIE : Implémentez window.seek(t) comme un moteur de rendu de scène déterministe. Pas de physique accumulée, de transitions CSS autonomes ni de valeurs aléatoires changeantes. Utilisez des courbes de remappage temporel et des transformations analytiques. Utilisez une chronologie périodique de 20 secondes avec `render(0)=render(20)`. Offrez un accès par pas fixe à `n/60` pour 1200 images exportées. L'audio est optionnel et désactivé par défaut ; aucune dépendance à la synthèse vocale du navigateur ni à la lecture automatique. CONTRÔLE QUALITÉ : Inspectez huit images représentatives. Vérifiez que la parole est lue dans le bon ordre. Vérifiez que les transformations structurelles ne suppriment jamais une ligne avant que le public puisse la lire. Vérifiez que la plateforme finale est visiblement assemblée à partir des éléments précédents. Retournez l'implémentation HTML complète.

Create a 20.00-second kinetic spoken-word film titled “BUILD THE FLOOR.”  Treat this as an original miniature speech staged entirely through typography. Every line changes the architecture of the frame. The final declaration must stand on something the earlier words physically constructed.  Deliver one self-contained HTML file, 1080×1080, targeting 60fps, using SVG and/or Canvas. Embed all required assets.  ART DIRECTION Background #102820. Paper # F4E9D5. Structural accent # F2B544. A literary editorial world with the scale and confidence of a public monument. Use a high-contrast serif for the speech, a heavy grotesque for load-bearing words, and a restrained monospace for small timing marks. No distressed protest-poster clichés, megaphones, flags, crowds, microphones, or stock footage.  ORIGINAL SPEECH — EXACT WORDS, EXACT ORDER “We were told to wait.” “So we learned the weight of waiting.” “Then one voice made room.” “Then another.” “Now the floor belongs to us.”  Do not attribute these words to any real person. No extra slogans. The complete speech must be understandable without audio.  CENTRAL VISUAL RULE Words have assigned architectural roles. WAIT is a lintel. WAITING is a suspended load. VOICE is a support. ROOM is an opening. FLOOR is a platform. These roles must emerge from the actual letterforms, not from separate illustrations placed behind text.  STORYBOARD 0.00–3.00 “We were told to wait.” The sentence occupies a narrow horizontal opening beneath a massive WAIT. The opening slowly compresses while the sentence remains readable. The pressure comes from the layout, not camera shake.  3.00–6.50 “So we learned the weight of waiting.” Reveal the sentence in spoken phrase groups. WAITING lowers on two fine vertical rules. Those rules become suspension cables. A baseline bends under the visual load using a controlled vector deformation.  6.50–10.00 “Then one voice made room.” VOICE enters vertically and rotates into a structural support. It lifts one end of the baseline. The counter of the O in ROOM becomes an aperture. The next composition is revealed through that aperture.  10.00–12.50 “Then another.” A second support arrives. The tilted structure levels. This is the first moment of perfect horizontal alignment in the film. Use a brief stillness to make the change feel earned.  12.50–16.00 “Now the floor belongs to us.” Earlier structural words assemble into a platform. The final sentence settles onto it. US receives emphasis through shared alignment and scale, never through a separate flashy effect.  16.00–18.00 Hold the complete declaration. A slight release of tension travels through the supporting rules. No new text. No restless decorative motion.  18.00–20.00 The camera tracks beneath the completed platform. Its underside fills the frame and becomes the opening WAIT lintel. Under full occlusion, return hidden elements to their initial positions. Reveal the exact opening composition.  CHOREOGRAPHY Do not force the speech onto a dance beat. Use a cue sheet based on phrases, pauses, and emphasis. Phrase reveals should follow reading order. Allow at least one 400ms moment of absolute stillness. Use critically damped motion for settling loads. Use controlled elastic deformation for the baseline only. Make the changes in available space carry the emotional progression.  TYPE IMPLEMENTATION Use actual glyph paths for structural words. Preserve counters and legibility during deformation. For transitions between unrelated words, use occlusion or matched structural edges; do not interpolate arbitrary path points. Keep the currently spoken phrase readable before it becomes architecture.  ENGINEERING Implement window. seek(t) as a deterministic scene renderer. No accumulated physics, autonomous CSS transitions, or changing random values. Use time-remapping curves and analytic transforms. Use a 20-second periodic timeline with render(0)=render(20). Provide fixed-step access at n/60 for 1200 export frames. Audio is optional and off by default; no browser speech synthesis or autoplay dependency.  QUALITY GATE Inspect eight representative frames. Check that the speech reads in the correct order. Check that structural transformations never destroy a line before the audience can read it. Check the final platform is visibly assembled from earlier elements. Return the complete HTML implementation.

Extrait de poste @Gdgtify.