Sprache als Architektur gestaltet

Erstellen Sie einen 20 Sekunden langen, kinetischen Spoken-Word-Film mit dem Titel „BUILD THE FLOOR“. Gestalten Sie ihn als originelle, typografisch inszenierte Kurzrede. Jede Zeile verändert die Bildstruktur. Die abschließende Aussage muss auf etwas basieren, das die vorherigen Worte physisch konstruiert haben. Liefern Sie eine eigenständige HTML Datei (1080×1080 Pixel, 60 fps) mit SVG und/oder Canvas. Binden Sie alle benötigten Elemente ein. ART DIRECTION: Hintergrund #102820, Papier #F4E9D5, Struktureller Akzent #F2B544. Eine literarische, redaktionelle Welt mit der Größe und Selbstsicherheit eines öffentlichen Denkmals. Verwenden Sie eine kontrastreiche Serifenschrift für die Rede, eine fette Groteskschrift für wichtige Wörter und eine zurückhaltende Monospace-Schrift für kurze Zeitangaben. Verzichten Sie auf abgedroschene Protestplakat-Klischees, Megaphone, Fahnen, Menschenmengen, Mikrofone und Archivmaterial. ORIGINALSPRACHE – WORTE IN GENAUER REIHENFOLGE: „Uns wurde gesagt, wir sollten warten.“ „So lernten wir die Last des Wartens kennen.“ „Dann machte eine Stimme Platz.“ „Dann eine andere.“ „Jetzt gehört uns das Wort.“ Ordnen Sie diese Worte keiner realen Person zu. Keine zusätzlichen Slogans. Die gesamte Rede muss ohne Ton verständlich sein. ZENTRALE VISUELLE REGEL: Wörtern werden architektonische Rollen zugewiesen. WARTEN ist ein Sturz. WARTEN ist eine hängende Last. STIMME ist eine Stütze. RAUM ist eine Öffnung. BODEN ist eine Plattform. Diese Rollen müssen sich aus den Buchstabenformen selbst ergeben, nicht aus separaten Illustrationen hinter dem Text. STORYBOARD 0:00–3:00 „Uns wurde gesagt, wir sollten warten.“ Der Satz befindet sich in einer schmalen horizontalen Öffnung unter einem großen WARTEN. Die Öffnung verengt sich langsam, während der Satz lesbar bleibt. Der Druck entsteht durch das Layout, nicht durch Kamerawackeln. 3:00–6:50 „So lernten wir die Last des Wartens kennen.“ Enthüllen Sie den Satz in gesprochenen Phrasengruppen. WARTEN senkt sich auf zwei feinen vertikalen Linien herab. Diese Linien werden zu Tragseilen. Eine Grundlinie biegt sich unter der visuellen Last durch eine kontrollierte Vektordeformation. 6:50–10:00 „Dann schuf eine Stimme Raum.“ STIMME erscheint vertikal und dreht sich zu einer strukturellen Stütze. Sie hebt ein Ende der Grundlinie an. Der Innenwinkel des O in RAUM wird zu einer Öffnung. Die nächste Komposition wird durch diese Öffnung enthüllt. 10:00–12:50 „Dann noch eine.“ Eine zweite Stütze erscheint. Die geneigte Struktur richtet sich aus. Dies ist der erste Moment perfekter horizontaler Ausrichtung im Film. Eine kurze Stille lässt den Wechsel verdient wirken. 12:50–16:00 „Jetzt gehört uns der Boden.“ Frühere strukturelle Wörter fügen sich zu einer Plattform zusammen. Der letzte Satz ruht darauf. UNS wird durch gemeinsame Ausrichtung und Größe betont, niemals durch einen separaten, auffälligen Effekt. 16:00–18:00 Halten Sie die vollständige Aussage. Eine leichte Spannungsentladung breitet sich durch die tragenden Linien aus. Kein neuer Text. Keine unruhige dekorative Bewegung. 18:00–20:00 Uhr: Die Kamera fährt unter die fertige Plattform. Ihre Unterseite füllt das Bild und bildet den Türsturz. Bei vollständiger Verdeckung werden die verdeckten Elemente an ihre Ausgangspositionen zurückgeführt. Die genaue Komposition der Eröffnung wird enthüllt. CHOREOGRAFIE: Die Rede darf nicht im Takt einer Tanzmusik gehalten werden. Verwenden Sie ein Stichwortblatt mit Phrasen, Pausen und Betonungen. Die Enthüllung der Phrasen sollte der Lesereihenfolge folgen. Gewähren Sie mindestens einen 400 ms langen Moment absoluter Stille. Verwenden Sie kritisch gedämpfte Bewegungen für sich setzende Lasten. Verwenden Sie kontrollierte elastische Verformung nur für die Basislinie. Die Veränderungen im verfügbaren Raum sollen die emotionale Entwicklung transportieren. TYPISCHE IMPLEMENTIERUNG: Verwenden Sie tatsächliche Glyphenpfade für Strukturwörter. Erhalten Sie Zähler und Lesbarkeit während der Verformung. Verwenden Sie für Übergänge zwischen nicht zusammenhängenden Wörtern Verdeckung oder übereinstimmende Strukturkanten; interpolieren Sie keine willkürlichen Pfadpunkte. Stellen Sie sicher, dass die aktuell gesprochene Phrase lesbar bleibt, bevor sie zur Architektur wird. TECHNIK: Implementieren Sie window.seek(t) als deterministischen Szenenrenderer. Keine akkumulierte Physik, keine autonomen CSS Übergänge und keine sich ändernden Zufallswerte. Zeitremapping-Kurven und analytische Transformationen werden verwendet. Eine periodische Zeitleiste von 20 Sekunden mit render(0)=render(20) wird verwendet. Festschrittzugriff bei n/60 für 1200 Exportframes wird bereitgestellt. Audio ist optional und standardmäßig deaktiviert; keine Browser-Sprachausgabe oder Autoplay-Abhängigkeit. QUALITÄTSKONTROLLE: Acht repräsentative Frames werden geprüft. Es wird sichergestellt, dass die Sprache in der richtigen Reihenfolge vorgelesen wird. Strukturelle Transformationen dürfen keine Zeile zerstören, bevor sie vom Publikum gelesen werden kann. Die finale Plattform wird sichtbar aus früheren Elementen zusammengesetzt. Die vollständige HTML Implementierung wird zurückgegeben.

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.

Vorlage entnommen aus Post @Gdgtify.