Речта, изградена като архитектура

Създайте 20-секунден кинетичен филм с говорена дума, озаглавен „ПОСТРОЙ ПОДА“. Третирайте го като оригинална миниатюрна реч, изцяло инсценирана чрез типография. Всеки ред променя архитектурата на кадъра. Финалната декларация трябва да стои върху нещо, което предишните думи физически са конструирали. Предоставете един самостоятелен HTML файл, 1080×1080, с насоченост 60 кадъра в секунда, използвайки SVG и/или Canvas. Вградете всички необходими ресурси. АРТ ДИРЕКТОР Фон #102820. Документ # F4E9D5. Структурен акцент # F2B544. Литературен редакционен свят с мащаба и увереността на обществен паметник. Използвайте висококонтрастен сериф за речта, тежка гротеска за думите, носещи тежест, и сдържан моноширок шрифт за малките времеви маркировки. Без клишета от протестни плакати, мегафони, знамена, тълпи, микрофони или стокови кадри. ОРИГИНАЛНА РЕЧ — ТОЧНИ ДУМИ, ТОЧЕН ПОРЕД „Казаха ни да чакаме.“ „И така научихме тежестта на чакането.“ „Тогава един глас направи място.“ „После друг.“ „Сега подът принадлежи на нас.“ Не приписвайте тези думи на истински човек. Без допълнителни лозунги. Цялата реч трябва да е разбираема без аудио. ЦЕНТРАЛНО ВИЗУАЛНО ПРАВИЛО Думите са определили архитектурни роли. ЧАКАЙ е трегер. ЧАКАМ е окачен товар. ГЛАС е опора. СТАЯ е отвор. ПОД е платформа. Тези роли трябва да произтичат от действителните буквени форми, а не от отделни илюстрации, поставени зад текст. СТОРИБОРД 0.00–3.00 „Казаха ни да чакаме.“ Изречението заема тесен хоризонтален отвор под масивен ЧАКАЙ. Отворът бавно се свива, докато изречението остава четливо. Натискът идва от оформлението, а не от трептенето на камерата. 3.00–6.50 „И така, научихме тежестта на чакането.“ Разкрийте изречението в групи от изговорени фрази. ЧАКАМ се спуска върху две фини вертикални правила. Тези правила се превръщат в окачващи кабели. Базова линия се огъва под визуалното натоварване, използвайки контролирана векторна деформация. 6.50–10.00 „Тогава един глас направи място.“ ГЛАСЪТ влиза вертикално и се завърта в структурна опора. Той повдига единия край на базовата линия. Плочата на O в СТАЯ се превръща в отвор. Следващата композиция се разкрива през този отвор. 10.00–12.50 „После още един.“ Пристига втора опора. Наклонената структура се нивелира. Това е първият момент на перфектно хоризонтално подравняване във филма. Използвайте кратка неподвижност, за да накарате промяната да се почувства заслужена. 12.50–16.00 „Сега подът принадлежи на нас.“ По-ранните структурни думи се сглобяват в платформа. Последното изречение се установява върху нея. НАС получава акцент чрез споделено подравняване и мащаб, никога чрез отделен бляскав ефект. 16.00–18.00 Задръжте пълната декларация. Леко освобождаване на напрежението преминава през поддържащите правила. Няма нов текст. Няма неспокойно декоративно движение. 18.00–20.00 Камерата проследява под завършената платформа. Долната ѝ страна запълва кадъра и се превръща в отварящия трегер. Под пълно затъмнение върнете скритите елементи в първоначалните им позиции. Разкрийте точната начална композиция. ХОРЕОГРАФИЯ Не насилвайте речта да се вписва в танцов ритъм. Използвайте лист с инструкции, базиран на фрази, паузи и ударения. Разкриванията на фразите трябва да следват реда на четене. Оставете поне един момент на абсолютна неподвижност от 400 ms. Използвайте критично затихнато движение за установяване на натоварвания. Използвайте контролирана еластична деформация само за базовата линия. Направете така, че промените в наличното пространство да носят емоционалната прогресия. РЕАЛИЗАЦИЯ НА ТИПА Използвайте действителни глифови пътища за структурни думи. Запазете броячите и четливостта по време на деформация. За преходи между несвързани думи използвайте оклузия или съвпадащи структурни ръбове; не интерполирайте произволни точки от пътя. Поддържайте текущо изговорената фраза четлива, преди да се превърне в архитектура. ИНЖЕНЕРСТВО Реализирайте window.seek(t) като детерминистичен рендер на сцени. Без натрупана физика, автономни CSS преходи или променящи се случайни стойности. Използвайте криви за пренасочване на времето и аналитични трансформации. Използвайте 20-секундна периодична времева линия с render(0)=render(20). Осигурете достъп с фиксирана стъпка при n/60 за 1200 експортни кадъра. Аудиото е по избор и е изключено по подразбиране; няма зависимост от синтез на реч в браузъра или автоматично възпроизвеждане. КАЧЕСТВЕН ПОРТАЖ Проверява осем представителни кадъра. Проверява дали речта се чете в правилния ред. Проверява дали структурните трансформации никога не унищожават ред, преди публиката да може да го прочете. Проверява дали крайната платформа е видимо сглобена от по-ранни елементи. Връща пълната HTML имплементация.

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.

Подкана, взета от пост @Gdgtify.