Налаштування: Мова, побудована як архітектура

Створіть 20-секундний кінетичний фільм з розмовною мовою під назвою «ЗБУДУЙТЕ ПІДЛОГУ». Ставтеся до нього як до оригінальної мініатюрної промови, повністю поставленої за допомогою типографіки. Кожен рядок змінює архітектуру кадру. Фінальна декларація повинна ґрунтуватися на чомусь, що фізично сконструювали попередні слова. Надішліть один окремий HTML файл, 1080×1080, з орієнтованою частотою 60 кадрів/с, використовуючи SVG та/або Canvas. Вбудуйте всі необхідні ресурси. ХУДОЖНІЙ НАПРЯМОК Фон #102820. Документ # F4E9D5. Структурний акцент # F2B544. Літературний редакційний світ з масштабом та впевненістю громадського пам'ятника. Використовуйте висококонтрастний шрифт із засічками для промови, важкий гротеск для важких слів та стриманий моноширинний шрифт для невеликих позначок часу. Без зіпсованих кліше з протестних плакатів, мегафонів, прапорів, натовпів, мікрофонів чи стокових відео. ОРІГІНАЛЬНА ПРОМОВА — ТОЧНІ СЛОВА, ТОЧНИЙ ПОРЯДОК «Нам сказали чекати». «Тож ми дізналися про тягар очікування». «Потім один голос звільнив місце». «Потім інший». «Тепер підлога належить нам». Не приписуйте ці слова жодній реальній особі. Жодних зайвих гасел. Повна промова має бути зрозумілою без аудіо. ЦЕНТРАЛЬНЕ ВІЗУАЛЬНЕ ПРАВИЛО Словам призначені архітектурні ролі. WAIT – це перемичка. WAITING – це підвішений вантаж. VOICE – це опора. KITM – це отвір. 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 кадрів експорту. Аудіо необов'язкове та вимкнене за замовчуванням; немає залежності від синтезу мовлення браузера або автовідтворення. ВОРОТ ЯКОСТІ Перевірте вісім репрезентативних кадрів. Перевірте, чи мовлення читається у правильному порядку. Перевірте, чи структурні перетворення ніколи не знищують рядок до того, як аудиторія зможе його прочитати. Перевірте, чи остаточна платформа візуально зібрана з попередніх елементів. Поверніть повну реалізацію 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.