3D動畫格式的動態排版：文字建構一個平台，最終訊息就立於其上

提示詞

建立一部 20.00 秒、標題為 “BUILD THE FLOOR.” 的動態文字口語電影。將其視為一段完全透過排版呈現的原創微型演說。每一行都會改變畫面的建築結構。最後的宣言必須站在前面文字實際建造出的某種物體上。交付一個獨立完整的 HTML 檔案，尺寸為 1080×1080，以 60fps 為目標，使用 SVG 和／或 Canvas。嵌入所有必要資產。

藝術指導
背景 #102820。紙張 # F4E9D5。結構強調色 # F2B544。一個具文學編輯感的世界，擁有公共紀念碑般的尺度與自信。演說使用高對比襯線字體，承重文字使用厚重的 grotesque 字體，小型時間標記使用克制的等寬字體。不要使用磨損感抗議海報的陳腔濫調、擴音器、旗幟、人群、麥克風或素材影片。

原創演說 — 確切文字、確切順序
“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 垂直進入，並旋轉成為結構支撐。它抬起基線的一端。ROOM 中 O 的字腔成為孔洞。下一個構圖透過這個孔洞顯現。

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 過樑。在完全遮蔽的狀態下，將隱藏元素恢復到初始位置。揭示確切的開場構圖。

編舞
不要強迫演說配合舞蹈節拍。使用以片語、停頓與強調為基礎的提示表。片語的揭示應遵循閱讀順序。至少安排一個 400ms 的絕對靜止時刻。使用臨界阻尼運動來安定負載。僅對基線使用受控的彈性變形。讓可用空間的變化承載情緒進程。

文字實作
結構文字使用實際字形路徑。變形期間保留字腔與可讀性。在不相關文字之間的轉場中，使用遮蔽或匹配的結構邊緣；不要插值任意的路徑點。在目前口語片語成為建築結構之前，保持其可讀。

工程
將 window. seek(t) 實作為確定性的場景渲染器。不要使用累積物理、獨立運作的 CSS transitions 或不斷變化的隨機值。使用時間重映射曲線與解析變換。使用 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.