Ried als Architektur gebaut
Ufro
Erstellt e kinetischen 20,00-Sekonne Spoken-Word-Film mam Titel "BUILD THE FLOOR". Betruecht dëst als eng originell Miniaturried, déi komplett duerch Typographie inszenéiert ass. All Zeil ännert d'Architektur vum Frame. Déi lescht Deklaratioun muss op eppes baséieren, wat déi fréier Wierder kierperlech konstruéiert hunn. Liwwert eng eegestänneg HTML Datei, 1080×1080, mat 60fps, a benotzt SVG an/oder Canvas. Integréiert all erfuerderlech Ressourcen. ART DIRECTION Hannergrond #102820. Pabeier # F4E9D5. Strukturellen Akzent # F2B544. Eng literaresch redaktionell Welt mat der Gréisst an dem Selbstvertrauen vun engem ëffentleche Monument. Benotzt e Serif mat héijem Kontrast fir d'Ried, eng schwéier Grotesk fir droend Wierder an e limitéierten Monospace fir kleng Timing-Markéierungen. Keng distressed Protestplakat-Klischeeën, Megaphonen, Fändelen, Leitmassen, Mikrofonen oder Stockfootage. ORIGINAL RIED - GENAU WIERDER, GENAU REIEWENNUNG "Mir gouf gesot, mir solle waarden." "Also hu mir d'Gewiicht vum Waarden geléiert." „Dann huet eng Stëmm Plaz gemaach.“ „Dann eng aner.“ „Elo gehéiert de Buedem eis.“ Schreift dës Wierder kenger realer Persoun zou. Keng extra Sloganen. Déi komplett Ried muss ouni Audio verständlech sinn. ZENTRAL VISUELL REGEL Wierder hunn architektonesch Rollen zougewisen. WAART ass eng Dréisch. WAART ass eng hänkeg Laascht. STËMM ass eng Ënnerstëtzung. ZËMMER ass eng Ouverture. BUEDECK ass eng Plattform. Dës Rollen mussen aus den aktuellen Buschtawen ervirgoen, net aus separaten Illustratiounen, déi hannert dem Text placéiert sinn. STORYBOARD 0.00–3.00 „Mir gouf gesot, mir solle waarden.“ De Saz besetzt eng schmuel horizontal Ouverture ënner engem massive WAART. D'Ouverture kompriméiert sech lues a lues, während de Saz lieserbar bleift. Den Drock kënnt vum Layout, net vum Kameraschweiwel. 3.00–6.50 „Also hu mir d'Gewiicht vum Waarden geléiert.“ Weist de Saz a geschwatene Phrasegruppen. WAART sänkt sech op zwou feine vertikale Reegelen. Dës Reegelen ginn zu Hängseeler. Eng Basislinn béit sech ënner der visueller Laascht mat enger kontrolléierter Vektordeformatioun. 6.50–10.00 „Dann huet eng Stëmm Plaz gemaach.“ STËMM trëtt vertikal eran a rotéiert an eng strukturell Ënnerstëtzung. Si hieft een Enn vun der Basislinn. Den Zähler vum O am ROOM gëtt zu enger Apertur. Déi nächst Kompositioun gëtt duerch dës Apertur opgedeckt. 10.00–12.50 „Dann nach eng.“ Eng zweet Ënnerstëtzung kënnt un. Déi gekippt Struktur gläicht sech. Dëst ass den éischte Moment vun der perfekter horizontaler Ausriichtung am Film. Benotzt eng kuerz Rou, fir datt d'Ännerung sech verdéngt fillt. 12.50–16.00 „Elo gehéiert de Buedem eis.“ Fréier strukturell Wierder versammelen sech zu enger Plattform. De leschte Saz setzt sech drop of. US kritt Betonung duerch gemeinsam Ausriichtung a Skala, ni duerch en separaten blénkegen Effekt. 16.00–18.00 Halt déi komplett Deklaratioun. Eng liicht Spannungsléisung zitt sech duerch d'Ënnerstëtzungsregelen duerch. Keen neien Text. Keng onroueg dekorativ Bewegung. 18.00–20.00 D'Kamera verfollegt ënnert der fäerdeger Plattform. Hir Ënnersäit fëllt de Frame a gëtt zum WAIT-Ouverture-Lintel. Ënner voller Verschluss, verstoppt Elementer an hir initial Positiounen zrécksetzen. Déi exakt ufänglech Kompositioun weisen. CHOREOGRAPHIE Zwéngt d'Ried net op en Danzbeat. Benotzt e Cue-Sheet baséiert op Phrasen, Pausen a Betounung. Phrasenentdeckungen sollen der Liesreihenfolge respektéieren. Erlaabt op d'mannst ee Moment vun absoluter Rou vu 400 ms. Benotzt kritesch gedämpft Bewegung fir d'Laascht ze berouegen. Benotzt kontrolléiert elastesch Deformatioun nëmme fir d'Basislinn. Loosst d'Ännerungen am verfügbare Raum den emotionalen Fortschrëtt droen. TYPIMPLETATIOUN Benotzt tatsächlech Glypheweeër fir strukturell Wierder. Erhält Zähler a Liesbarkeet während der Deformatioun. Fir Iwwergäng tëscht net verwandte Wierder, benotzt Okklusioun oder ugepasst strukturell Kanten; interpoléiert keng arbiträr Weepunkten. Halt déi aktuell geschwat Phrase liesbar ier se Architektur gëtt. ENGINEERING Implementéiert window.seek(t) als deterministesche Szenenrenderer. Keng akkumuléiert Physik, autonom CSS Iwwergäng oder Ännerung vun zoufällege Wäerter. Benotzt Zäit-Remapping-Kurven an analytesch Transformatiounen. Benotzt eng periodesch 20-Sekonnen-Zäitlinn mat render(0)=render(20). Bitt Zougang zu fixe Schrëtt bei n/60 fir 1200 Exportframes. Audio ass optional an standardméisseg ausgeschalt; keng Browser-Sproochsynthese oder Autoplay-Ofhängegkeet. QUALITÉITSPORT Iwwerpréift aacht representativ Frames. Kontrolléiert ob d'Ried an der richteger Reiefolleg liest. Kontrolléiert ob strukturell Transformatiounen ni eng Zeil zerstéieren ier d'Publikum se liesen kann. Kontrolléiert ob déi final Plattform siichtbar aus fréiere Elementer zesummegesat ass. Gitt déi komplett HTML Implementatioun zréck.
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.
Ufro geholl vun Post @Gdgtify.
- Modell
- Opus 5.5
- Stapel
- SVG/Canvas
- Verëffentlecht
Maacht e Video wéi dësen
Maacht selwer sou Videoen – 7 Mol méi bëlleg wéi d'API – mat eiser Google Chrome Extensioun.. Funktionéiert mam Claude iwwer MCP: Dir beschreift d'Aufgab, an d'Extensioun këmmert sech ëm de Generatiounsprozess vum Ufro bis zur fäerdeger Datei. Si generéiert Videoen, setzt se zesummen, liest se aus a setzt se iwwer.
Automation — MCP для Google Flow, Google Vids и Claude
TikTok Symphony Creative Studio MCP Claude Code
SeedFlow — Seedance 2.5 в Dreamina, Qwen-Audio-3.1-TTS и Claude MCP