Spraak als architectuur

Maak een kinetische gesproken-woordfilm van 20 seconden met de titel "BUILD THE FLOOR". Beschouw dit als een originele minitoespraak die volledig is vormgegeven met typografie. Elke regel verandert de architectuur van het beeld. De slotverklaring moet gebaseerd zijn op iets dat fysiek is gecreëerd door de eerdere woorden. Lever één zelfstandig HTML bestand aan, 1080×1080 pixels, gericht op 60 fps, met behulp van SVG en/of Canvas. Voeg alle benodigde elementen in. ART DIRECTION Achtergrond #102820. Papier # F4E9D5. Structureel accent # F2B544. Een literaire, redactionele wereld met de schaal en het zelfvertrouwen van een openbaar monument. Gebruik een schreeflettertype met hoog contrast voor de tekst, een zwaar, grotesk lettertype voor de dragende woorden en een ingetogen monospace voor kleine timingmarkeringen. Geen clichématige protestposters, megafoons, vlaggen, menigten, microfoons of stockbeelden. ORIGINELE TOESPRAAK — EXACTE WOORDEN, EXACTE VOLGORDE "Ons werd verteld te wachten." “Dus we leerden de last van het wachten kennen.” “Toen maakte één stem plaats.” “Toen nog een.” “Nu is de vloer van ons.” Wijs deze woorden niet toe aan een echt persoon. Geen extra slogans. De volledige tekst moet zonder audio te begrijpen zijn. CENTRALE VISUELE REGEL Woorden hebben toegewezen architectonische rollen. WACHTEN is een latei. WACHTEN is een hangende last. STEM is een steun. RUIMTE is een opening. VLOER is een platform. Deze rollen moeten voortkomen uit de daadwerkelijke lettervormen, niet uit aparte illustraties die achter de tekst zijn geplaatst. STORYBOARD 0.00–3.00 “Ons werd verteld te wachten.” De zin vult een smalle horizontale opening onder een massief WACHTEN. De opening wordt langzaam samengedrukt terwijl de zin leesbaar blijft. De druk komt van de lay-out, niet van camerabewegingen. 3.00–6.50 “Dus we leerden de last van het wachten kennen.” Onthul de zin in gesproken zinsdelen. WACHTEN zakt langs twee fijne verticale lijnen. Die lijnen worden ophangkabels. Een basislijn buigt onder de visuele belasting door middel van een gecontroleerde vectorvervorming. 6.50–10.00 “Toen maakte één stem ruimte.” STEM komt verticaal binnen en roteert naar een structurele steun. Het tilt één uiteinde van de basislijn op. De binnenkant van de O in RUIMTE wordt een opening. De volgende compositie wordt door die opening onthuld. 10.00–12.50 “Toen nog een.” Een tweede steun arriveert. De gekantelde structuur nivelleert. Dit is het eerste moment van perfecte horizontale uitlijning in de film. Gebruik een korte stilte om de verandering verdiend te laten aanvoelen. 12.50–16.00 “Nu is de vloer van ons.” Eerdere structurele woorden vormen een platform. De laatste zin nestelt zich erop. ONS krijgt nadruk door gedeelde uitlijning en schaal, nooit door een apart, opvallend effect. 16.00–18.00 Houd de volledige verklaring vast. Een lichte ontspanning van de spanning gaat door de ondersteunende regels. Geen nieuwe tekst. Geen rusteloze decoratieve beweging. 18.00–20.00 De camera volgt de onderkant van het voltooide platform. De onderkant vult het beeld en wordt de openingslatei. Bij volledige occlusie, breng verborgen elementen terug naar hun oorspronkelijke posities. Onthul de exacte openingscompositie. CHOREOGRAFIE Forceer de spraak niet op een dansritme. Gebruik een cue sheet gebaseerd op frasen, pauzes en accenten. Frase-onthullingen moeten de leesvolgorde volgen. Zorg voor minstens één moment van absolute stilte van 400 ms. Gebruik kritisch gedempte beweging voor stabiliserende belastingen. Gebruik gecontroleerde elastische vervorming alleen voor de basislijn. Laat de veranderingen in beschikbare ruimte de emotionele voortgang volgen. TYPE-IMPLEMENTATIE Gebruik daadwerkelijke glyph-paden voor structurele woorden. Behoud tellers en leesbaarheid tijdens vervorming. Gebruik voor overgangen tussen niet-gerelateerde woorden occlusie of overeenkomende structurele randen; interpoleer geen willekeurige padpunten. Houd de momenteel gesproken frase leesbaar voordat deze architectuur wordt. TECHNIEK Implementeer window.seek(t) als een deterministische scènerenderer. Geen geaccumuleerde natuurkunde, autonome CSS overgangen of veranderende willekeurige waarden. Gebruik tijdhermappingcurven en analytische transformaties. Gebruik een periodieke tijdlijn van 20 seconden met render(0)=render(20). Bied toegang met vaste stapgrootte op n/60 voor 1200 exportframes. Audio is optioneel en standaard uitgeschakeld; geen afhankelijkheid van spraaksynthese of automatisch afspelen in de browser. KWALITEITSCONTROLE: Inspecteer acht representatieve frames. Controleer of de spraak in de juiste volgorde wordt voorgelezen. Controleer of structurele transformaties nooit een regel vernietigen voordat het publiek deze kan lezen. Controleer of het uiteindelijke platform zichtbaar is opgebouwd uit eerdere elementen. Retourneer de volledige HTML implementatie.

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.

Aanwijzing afkomstig van na @Gdgtify.