Гаворка пабудавана як архітэктура

Стварыце 20-секундны кінетычны фільм з гутарковым словам пад назвай «БУДУЙ ПАДЛОГУ». Разгледзьце яго як арыгінальную мініяцюрную прамову, цалкам пастаўленую з дапамогай тыпаграфікі. Кожны радок змяняе архітэктуру кадра. Заключная заява павінна грунтавацца на тым, што фізічна пабудавалі папярэднія словы. Дастаўце адзін самастойны HTML файл, 1080×1080, з разлікам на 60 кадраў у секунду, выкарыстоўваючы SVG і/або Canvas. Убудуйце ўсе неабходныя рэсурсы. МАСТАЦКІ НАПРУЖАК Фон № 102820. Дакумент № F4E9D5. Структурны акцэнт № F2B544. Літаратурны рэдакцыйны свет з маштабам і ўпэўненасцю грамадскага помніка. Выкарыстоўвайце высокакантрасны шрыфт з засечкамі для прамовы, цяжкі гратэск для слоў, якія нясуць нагрузку, і стрыманы монашырын для дробных пазнак часу. Ніякіх сапсаваных клішэ з пратэстных плакатаў, мегафонаў, сцягоў, натоўпаў, мікрафонаў або стоковых відэаматэрыялаў. АРЫГІНАЛЬНАЯ ПРАМОВА — ДАкладныя СЛОВА, ДАкладны ПАРАДАК «Нам сказалі чакаць». «Так мы зразумелі цяжар чакання». «Потым адзін голас вызваліў месца». «Потым іншы». «Цяпер падлога належыць нам». Не прыпісвайце гэтыя словы рэальнай асобе. Ніякіх лішніх лозунгаў. Поўная прамова павінна быць зразумелай без аўдыё. ЦЭНТРАЛЬНАЕ ВІЗУАЛЬНАЕ ПРАВІЛА Словы маюць архітэктурныя ролі. WAIT — гэта перамычка. WAITING — гэта падвешаны груз. VOICE — гэта апора. PANOIR — гэта адтуліна. FLOOR — гэта платформа. Гэтыя ролі павінны вынікаць з рэальных літар, а не з асобных ілюстрацый, размешчаных за тэкстам. STORYBOARD 0.00–3.00 «Нам сказалі пачакаць». Сказ займае вузкую гарызантальную адтуліну пад масіўным WAIT. Адтуліна павольна сціскаецца, а сказ застаецца чытэльным. Ціск зыходзіць ад макета, а не ад дрыгацення камеры. 3.00–6.50 «Так мы зразумелі цяжар чакання». Раскрыйце сказ у групах вусных фраз. WAITING апускаецца па двух тонкіх вертыкальных лініях. Гэтыя правілы становяцца падвеснымі тросамі. Базавая лінія згінаецца пад візуальнай нагрузкай з дапамогай кантраляванай вектарнай дэфармацыі. 6.50–10.00 «Потым адзін голас вызваліў месца». ГОЛАС уваходзіць вертыкальна і паварочваецца ў структурную апору. Ён падымае адзін канец базавай лініі. Лічыльнік O ў ROOM становіцца адтулінай. Наступная кампазіцыя адкрываецца праз гэту адтуліну. 10.00–12.50 «Потым яшчэ адна». З'яўляецца другая апора. Нахіленая канструкцыя выраўноўваецца. Гэта першы момант ідэальнага гарызантальнага выраўноўвання ў фільме. Выкарыстоўвайце кароткую нерухомасць, каб змены адчуваліся заслужанымі. 12.50–16.00 «Цяпер падлога належыць нам». Ранейшыя структурныя словы збіраюцца ў платформу. Апошняе сказанне асядае на яе. US атрымлівае акцэнт праз агульнае выраўноўванне і маштаб, а не праз асобны эфект ярчасці. 16.00–18.00 Захоўвайце поўную дэкларацыю. Лёгкае зняцце напружання праходзіць праз апорныя правілы. Няма новага тэксту. Няма неспакойнага дэкаратыўнага руху. 18.00–20.00 Камера адсочвае пад завершанай платформай. Яе ніжні бок запаўняе кадр і становіцца адкрываючайся перамычкай WAIT. Пры поўнай аклюзіі вярніце схаваныя элементы ў іх зыходныя пазіцыі. Пакажыце дакладную пачатковую кампазіцыю. ХАРЭАГРАФІЯ Не навязвайце прамову танцавальнаму рытму. Выкарыстоўвайце падказку, заснаваную на фразах, паўзах і акцэнтах. Раскрыццё фраз павінна адпавядаць парадку чытання. Дазволіце хаця б адзін момант абсалютнай нерухомасці працягласцю 400 мс. Выкарыстоўвайце крытычна затухаючы рух для ссядання нагрузак. Выкарыстоўвайце кантраляваную пругкую дэфармацыю толькі для базавай лініі. Зрабіце так, каб змены ў даступнай прасторы неслі эмацыйны прагрэс. РЭАЛІЗАЦЫЯ ТЫПУ Выкарыстоўвайце рэальныя гліфы для структурных слоў. Захоўвайце лічыльнікі і чытальнасць падчас дэфармацыі. Для пераходаў паміж не звязанымі словамі выкарыстоўвайце аклюзію або супадаючыя структурныя рэбры; не інтэрпалюйце адвольныя кропкі шляху. Захоўвайце чытэльную бягучую фразу, перш чым яна стане архітэктурай. ІНЖЫНЕРЫЯ Рэалізаваць window.seek(t) як дэтэрмінаваны рэндэр сцэн. Ніякай назапашанай фізікі, аўтаномных пераходаў CSS або змены выпадковых значэнняў. Выкарыстоўвайце крывыя пераразмеркавання часу і аналітычныя пераўтварэнні. Выкарыстоўвайце 20-секундную перыядычную часовую шкалу з render(0)=render(20). Забяспечце доступ з фіксаваным крокам пры n/60 для 1200 кадраў экспарту. Аўдыё неабавязковае і па змаўчанні выключана; няма залежнасці ад сінтэзу маўлення браўзера або аўтапрайгравання. ЯКАСЦЬ GATE Праверце восем тыповых кадраў. Праверце, ці чытаецца маўленне ў правільным парадку. Праверце, ці структурныя пераўтварэнні ніколі не знішчаюць радок, перш чым аўдыторыя зможа яго прачытаць. Праверце, ці канчатковая платформа бачна сабрана з папярэдніх элементаў. Вярніце поўную рэалізацыю 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.