Tipografia cinetica in formato animazione 3D: le parole costruiscono una piattaforma su cui si erge il messaggio finale

Prompt

PROMPT:
Create a 20.00-second kinetic spoken-word film titled “BUILD THE FLOOR.” Consideralo un breve discorso originale messo in scena interamente attraverso la tipografia. Ogni riga modifica l’architettura dell’inquadratura. La dichiarazione finale deve poggiare su qualcosa che le parole precedenti hanno costruito fisicamente. Consegna un unico file HTML autonomo, 1080×1080, con target di 60fps, usando SVG e/o Canvas. Incorpora tutti gli asset necessari.  DIREZIONE ARTISTICA Sfondo #102820. Carta # F4E9D5. Accento strutturale # F2B544. Un universo editoriale letterario, con la scala e la sicurezza di un monumento pubblico. Usa un serif ad alto contrasto per il discorso, un grotesk pesante per le parole portanti e un monospace sobrio per i piccoli indicatori temporali. Niente cliché da poster di protesta volutamente rovinati, megafoni, bandiere, folle, microfoni o filmati stock.  DISCORSO ORIGINALE — PAROLE ESATTE, ORDINE ESATTO “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.”  Non attribuire queste parole a nessuna persona reale. Nessuno slogan aggiuntivo. Il discorso completo deve essere comprensibile senza audio.  REGOLA VISIVA CENTRALE Alle parole sono assegnati ruoli architettonici. WAIT è un architrave. WAITING è un carico sospeso. VOICE è un sostegno. ROOM è un’apertura. FLOOR è una piattaforma. Questi ruoli devono emergere dalle forme effettive delle lettere, non da illustrazioni separate collocate dietro al testo.  STORYBOARD 0.00–3.00 “We were told to wait.” La frase occupa una stretta apertura orizzontale sotto un enorme WAIT. L’apertura si comprime lentamente mentre la frase rimane leggibile. La pressione deriva dal layout, non dal movimento della camera.  3.00–6.50 “So we learned the weight of waiting.” Rivela la frase in gruppi di parole corrispondenti alle unità del parlato. WAITING scende lungo due sottili linee verticali. Queste linee diventano cavi di sospensione. Una linea di base si incurva sotto il carico visivo usando una deformazione vettoriale controllata.  6.50–10.00 “Then one voice made room.” VOICE entra verticalmente e ruota trasformandosi in un sostegno strutturale. Solleva un’estremità della linea di base. Il contatore della O in ROOM diventa un’apertura. La composizione successiva viene rivelata attraverso quell’apertura.  10.00–12.50 “Then another.” Arriva un secondo sostegno. La struttura inclinata si livella. Questo è il primo momento di perfetto allineamento orizzontale del film. Usa una breve immobilità per far percepire il cambiamento come meritato.  12.50–16.00 “Now the floor belongs to us.” Le parole strutturali precedenti si assemblano in una piattaforma. La frase finale si posa su di essa. US riceve enfasi attraverso l’allineamento e la scala condivisi, mai attraverso un effetto appariscente separato.  16.00–18.00 Mantieni la dichiarazione completa. Un lieve rilascio della tensione attraversa le linee di sostegno. Nessun nuovo testo. Nessun movimento decorativo irrequieto.  18.00–20.00 La camera segue la parte inferiore della piattaforma completata. Il suo lato inferiore riempie l’inquadratura e diventa l’architrave dell’apertura WAIT. Durante l’occlusione completa, riporta gli elementi nascosti nelle loro posizioni iniziali. Rivela l’esatta composizione d’apertura.  COREOGRAFIA Non costringere il discorso a seguire un ritmo di danza. Usa una cue sheet basata su frasi, pause ed enfasi. Le rivelazioni delle frasi devono seguire l’ordine di lettura. Lascia almeno un momento di immobilità assoluta di 400ms. Usa un movimento criticamente smorzato per l’assestamento dei carichi. Usa una deformazione elastica controllata esclusivamente per la linea di base. Fa’ che i cambiamenti nello spazio disponibile trasmettano la progressione emotiva.  IMPLEMENTAZIONE TIPOGRAFICA Usa i tracciati effettivi dei glifi per le parole strutturali. Preserva i contatori e la leggibilità durante la deformazione. Per le transizioni tra parole non correlate, usa l’occlusione o bordi strutturali corrispondenti; non interpolare punti di tracciato arbitrari. Mantieni leggibile la frase pronunciata in quel momento prima che diventi architettura.  ENGINEERING Implement window. seek(t) come un renderer deterministico della scena. Nessuna fisica cumulativa, nessuna transizione CSS autonoma o valore casuale variabile. Usa curve di rimappatura temporale e trasformazioni analitiche. Usa una timeline periodica di 20 secondi con render(0)=render(20). Fornisci accesso a passi fissi a n/60 per 1200 fotogrammi di esportazione. L’audio è opzionale e disattivato per impostazione predefinita; nessuna sintesi vocale del browser o dipendenza dall’autoplay.  CONTROLLO QUALITÀ Esamina otto fotogrammi rappresentativi. Verifica che il discorso venga letto nell’ordine corretto. Verifica che le trasformazioni strutturali non distruggano mai una riga prima che il pubblico possa leggerla. Verifica che la piattaforma finale sia visibilmente assemblata a partire dagli elementi precedenti. Restituisci l’implementazione HTML completa.

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.