Кинетическая типографика в формате 3D-анимации: слова строят платформу, на которой стоит финальное послание

Промпт

ПРОМПТ:
Создай кинетический фильм в жанре spoken word продолжительностью 20.00 секунды под названием “BUILD THE FLOOR.” Считай его оригинальной миниатюрной речью, полностью поставленной средствами типографики. Каждая строка изменяет архитектуру кадра. Финальная декларация должна стоять на чём-то, что физически построили предыдущие слова. Предоставь один автономный HTML-файл размером 1080×1080, рассчитанный на 60fps, с использованием SVG и/или Canvas. Встрой все необходимые ресурсы.  ХУДОЖЕСТВЕННОЕ НАПРАВЛЕНИЕ Фон #102820. Бумага # F4E9D5. Структурный акцент # F2B544. Литературный редакционный мир с масштабом и уверенностью общественного монумента. Используй контрастную антикву для речи, тяжёлый гротеск для несущих слов и сдержанный моноширинный шрифт для небольших временных отметок. Никаких избитых клише потрёпанных протестных плакатов, мегафонов, флагов, толп, микрофонов или стоковых видеозаписей.  ОРИГИНАЛЬНАЯ РЕЧЬ — ТОЧНЫЕ СЛОВА, ТОЧНЫЙ ПОРЯДОК “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.”  Не приписывай эти слова какому-либо реальному человеку. Никаких дополнительных лозунгов. Вся речь должна быть понятна без звука.  ЦЕНТРАЛЬНОЕ ВИЗУАЛЬНОЕ ПРАВИЛО Слова имеют назначенные архитектурные роли. WAIT — перемычка. WAITING — подвешенный груз. VOICE — опора. ROOM — проём. FLOOR — платформа. Эти роли должны возникать из самих форм букв, а не из отдельных иллюстраций, размещённых за текстом.  РАСкадровка 0.00–3.00 “We were told to wait.” Предложение занимает узкий горизонтальный проём под массивным WAIT. Проём медленно сжимается, пока предложение остаётся читаемым. Давление создаётся компоновкой, а не дрожанием камеры.  3.00–6.50 “So we learned the weight of waiting.” Раскрывай предложение группами фраз, соответствующими речи. WAITING опускается на двух тонких вертикальных направляющих. Эти направляющие превращаются в подвесные тросы. Базовая линия прогибается под визуальной нагрузкой с использованием контролируемой векторной деформации.  6.50–10.00 “Then one voice made room.” VOICE входит вертикально и поворачивается, превращаясь в структурную опору. Она поднимает один конец базовой линии. Внутреннее пространство буквы O в ROOM становится апертурой. Следующая композиция открывается через эту апертуру.  10.00–12.50 “Then another.” Приходит вторая опора. Наклонённая конструкция выравнивается. Это первый момент идеального горизонтального выравнивания в фильме. Используй короткую неподвижность, чтобы изменение ощущалось заслуженным.  12.50–16.00 “Now the floor belongs to us.” Предыдущие структурные слова собираются в платформу. Финальное предложение оседает на ней. US получает акцент за счёт общего выравнивания и масштаба, но никогда не за счёт отдельного броского эффекта.  16.00–18.00 Удерживай полную декларацию. Лёгкое ослабление напряжения проходит через поддерживающие направляющие. Никакого нового текста. Никакого беспокойного декоративного движения.  18.00–20.00 Камера проходит под завершённой платформой. Её нижняя сторона заполняет кадр и становится перемычкой начального проёма WAIT. При полном перекрытии верни скрытые элементы в их исходные позиции. Раскрой точную начальную композицию проёма.  ХОРЕОГРАФИЯ Не подгоняй речь под танцевальный ритм. Используй лист cues, основанный на фразах, паузах и акцентах. Раскрытие фраз должно следовать порядку чтения. Оставь как минимум один момент абсолютной неподвижности продолжительностью 400ms. Используй движение с критическим демпфированием для оседания грузов. Используй контролируемую упругую деформацию только для базовой линии. Пусть изменения доступного пространства передают эмоциональное развитие.  РЕАЛИЗАЦИЯ ТИПОГРАФИКИ Используй реальные контуры глифов для структурных слов. Сохраняй внутренние пространства букв и читаемость во время деформации. Для переходов между несвязанными словами используй перекрытие или совпадающие структурные края; не интерполируй произвольные точки контуров. Текущая произносимая фраза должна оставаться читаемой, прежде чем превратиться в архитектуру.  ИНЖЕНЕРНАЯ РЕАЛИЗАЦИЯ Реализуй window. seek(t) как детерминированный рендерер сцен. Не используй накапливаемую физику, автономные CSS-переходы или изменяющиеся случайные значения. Используй кривые перемаршрутизации времени и аналитические преобразования. Используй периодическую временную шкалу продолжительностью 20 секунд с render(0)=render(20). Предоставь доступ к фиксированным шагам в точках n/60 для 1200 экспортируемых кадров. Аудио необязательно и по умолчанию отключено; не используй синтез речи браузером или зависимость от autoplay.  КОНТРОЛЬ КАЧЕСТВА Проверь восемь репрезентативных кадров. Убедись, что речь читается в правильном порядке. Убедись, что структурные трансформации никогда не уничтожают строку до того, как зритель успеет её прочитать. Убедись, что финальная платформа визуально собрана из предыдущих элементов. Верни полную 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.