Impostazione: Il discorso costruito come architettura

Crea un cortometraggio cinetico di 20 secondi con testo parlato, intitolato "BUILD THE FLOOR" (COSTRUISCI IL PAVIMENTO). Trattalo come un discorso in miniatura originale, interamente realizzato con la tipografia. Ogni riga modifica l'architettura dell'inquadratura. La dichiarazione finale deve poggiare su qualcosa che le parole precedenti hanno fisicamente costruito. Consegna un unico file HTML autonomo, 1080×1080, con una frequenza di aggiornamento di 60 fps, utilizzando SVG e/o Canvas. Incorpora tutte le risorse necessarie. DIREZIONE ARTISTICA Sfondo #102820. Carta #F4E9D5. Accento strutturale #F2B544. Un mondo editoriale letterario con la scala e la sicurezza di un monumento pubblico. Usa un serif ad alto contrasto per il discorso, un grottesco pesante per le parole di maggiore impatto e un monospazio sobrio per i piccoli indicatori di tempo. Niente cliché da manifesti di protesta, megafoni, bandiere, folle, microfoni o filmati di repertorio. DISCORSO ORIGINALE — PAROLE ESATTE, ORDINE ESATTO "Ci è stato detto di aspettare." "Così abbiamo imparato il peso dell'attesa." “Poi una voce si è fatta da parte.” “Poi un'altra.” “Ora il pavimento è nostro.” Non attribuire queste parole a nessuna persona reale. Nessuno slogan aggiuntivo. L'intero discorso deve essere comprensibile senza audio. REGOLA VISIVA CENTRALE Le parole hanno ruoli architettonici assegnati. WAIT è un architrave. WAITING è un carico sospeso. VOICE è un supporto. ROOM è un'apertura. FLOOR è una piattaforma. Questi ruoli devono emergere dalle forme delle lettere stesse, non da illustrazioni separate poste dietro il testo. STORYBOARD 0.00–3.00 “Ci è stato detto di aspettare.” La frase occupa una stretta apertura orizzontale sotto un massiccio WAIT. L'apertura si comprime lentamente mentre la frase rimane leggibile. La pressione proviene dal layout, non dal tremolio della telecamera. 3.00–6.50 “Così abbiamo imparato il peso dell'attesa.” Rivela la frase in gruppi di frasi pronunciate. WAITING si abbassa su due sottili righe verticali. Queste righe diventano cavi di sospensione. Una linea di base si piega sotto il carico visivo utilizzando una deformazione vettoriale controllata. 6.50–10.00 “Poi una voce si fece spazio.” VOCE entra verticalmente e ruota in un supporto strutturale. Solleva un'estremità della linea di base. Il contrasto della O in STANZA diventa un'apertura. La composizione successiva viene rivelata attraverso quell'apertura. 10.00–12.50 “Poi un altro.” Arriva un secondo supporto. La struttura inclinata si livella. Questo è il primo momento di perfetto allineamento orizzontale nel film. Usa una breve immobilità per far sembrare il cambiamento meritato. 12.50–16.00 “Ora il pavimento appartiene a noi.” Le parole strutturali precedenti si assemblano in una piattaforma. La frase finale si posiziona su di essa. NOI riceviamo enfasi attraverso l'allineamento e la scala condivisi, mai attraverso un effetto appariscente separato. 16.00–18.00 Mantieni la dichiarazione completa. Un leggero rilascio di tensione si propaga attraverso le regole di supporto. Nessun nuovo testo. Nessun movimento decorativo irrequieto. 18.00–20.00 La telecamera si muove sotto la piattaforma completata. La sua parte inferiore riempie la cornice e diventa l'architrave di apertura WAIT. Sotto occlusione completa, riporta gli elementi nascosti alle loro posizioni iniziali. Rivela l'esatta composizione di apertura. COREOGRAFIA Non forzare il discorso su un ritmo di danza. Usa un foglio di indicazione basato su frasi, pause ed enfasi. La rivelazione delle frasi dovrebbe seguire l'ordine di lettura. Concedi almeno un momento di assoluta immobilità di 400 ms. Usa un movimento criticamente smorzato per i carichi di assestamento. Usa la deformazione elastica controllata solo per la linea di base. Fai in modo che i cambiamenti nello spazio disponibile portino la progressione emotiva. IMPLEMENTAZIONE TIPOGRAFICA Usa percorsi di glifi effettivi per le parole strutturali. Preserva i contatori e la leggibilità durante la deformazione. Per le transizioni tra parole non correlate, usa l'occlusione o i bordi strutturali corrispondenti; non interpolare punti di percorso arbitrari. Mantieni leggibile la frase attualmente pronunciata prima che diventi architettura. INGEGNERIA Implementa window. seek(t) come un renderer di scena deterministico. Nessuna fisica accumulata, transizioni CSS autonome o valori casuali variabili. Utilizzare curve di rimappatura temporale e trasformazioni analitiche. Utilizzare una timeline periodica di 20 secondi con render(0)=render(20). Fornire accesso a passi fissi a n/60 per 1200 fotogrammi di esportazione. L'audio è opzionale e disattivato per impostazione predefinita; nessuna dipendenza dalla sintesi vocale del browser o dalla riproduzione automatica. QUALITY GATE Ispezionare otto fotogrammi rappresentativi. Verificare che il parlato venga letto nell'ordine corretto. Verificare che le trasformazioni strutturali non distruggano mai una riga prima che il pubblico possa leggerla. Verificare che la piattaforma finale sia visibilmente assemblata dagli elementi precedenti. Restituire 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.

Suggerimento tratto da inviare @Gdgtify.