Речь, воплощенная в архитектуре.

Создайте 20-секундный кинетический разговорный фильм под названием «ПОСТРОЙТЕ ПОЛ». Рассматривайте его как оригинальную миниатюрную речь, полностью поставленную с помощью типографики. Каждая строка меняет архитектуру кадра. Финальное утверждение должно опираться на то, что ранее создано с помощью слов. Предоставьте один самодостаточный HTML файл размером 1080×1080 пикселей с целевой частотой 60 кадров в секунду, используя SVG и/или Canvas. Встройте все необходимые ресурсы. ХУДОЖЕСТВЕННОЕ ОФОРМЛЕНИЕ: Фон #102820. Бумага # F4E9D5. Структурный акцент # F2B544. Литературный редакторский мир, по масштабу и уверенности напоминающий общественный памятник. Используйте высококонтрастный шрифт с засечками для речи, тяжелый гротескный шрифт для основных слов и сдержанный моноширинный шрифт для небольших временных меток. Никаких избитых клише протестных плакатов, мегафонов, флагов, толп, микрофонов или стоковых видеоматериалов. ОРИГИНАЛЬНАЯ РЕЧЬ — ТОЧНЫЕ СЛОВА, ТОЧНЫЙ ПОРЯДОК «Нам сказали подождать». «Так мы узнали, что значит ждать». «Затем один голос освободил место». «Затем другой». «Теперь слово за нами». Не приписывайте эти слова никакому реальному человеку. Никаких лишних слоганов. Вся речь должна быть понятна без аудиозаписи. ГЛАВНОЕ ВИЗУАЛЬНОЕ ПРАВИЛО Словам отведены определенные архитектурные роли. WAIT — это перемычка. WAITING — это подвешенный груз. VOICE — это опора. ROOM — это отверстие. FLOOR — это платформа. Эти роли должны вытекать из самих букв, а не из отдельных иллюстраций, размещенных за текстом. РАСКАДРОВКА 0.00–3.00 «Нам сказали подождать». Предложение занимает узкое горизонтальное отверстие под массивным словом WAIT. Отверстие постепенно сужается, в то время как предложение остается читаемым. Давление создается за счет компоновки, а не дрожания камеры. 3.00–6.50 «Так мы узнали, что значит ждать». Покажите предложение группами произнесенных фраз. Слово «ОЖИДАНИЕ» опускается на двух тонких вертикальных линиях. Эти линии становятся подвесными тросами. Базовая линия изгибается под визуальной нагрузкой с помощью контролируемой векторной деформации. 6.50–10.00 «Затем один голос освободил место». Слово «ГОЛОС» входит вертикально и поворачивается, образуя структурную опору. Оно поднимает один конец базовой линии. Контур буквы «О» в слове «КОМНАТА» становится отверстием. Следующая композиция открывается через это отверстие. 10.00–12.50 «Затем другой». Появляется вторая опора. Наклонная конструкция выравнивается. Это первый момент идеального горизонтального выравнивания в фильме. Используйте короткую паузу, чтобы изменение ощущалось заслуженным. 12.50–16.00 «Теперь пол принадлежит нам». Ранее существовавшие структурные слова собираются в платформу. Последнее предложение располагается на ней. Слово «МЫ» получает акцент за счет общего выравнивания и масштаба, а не за счет отдельного броского эффекта. 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.