Create a 20.00-second kinetic typography film titled “ESCAPE THE ORBIT,” based on John F. Kennedy’s Rice University address, September 12, 1962.
The central experience: a sentence discovers that it can change its own trajectory.
Deliver one complete, self-contained HTML file. Composition: 1080×1080. Target: 60fps. Use Canvas, SVG, or embedded WebGL. Embed required assets and libraries. The film must work without audio.
EXACT DISPLAY TEXT
“We choose to go to the moon”
“[…]”
“not because they are easy,”
“but because they are hard”
Preserve this order. The bracketed ellipsis explicitly indicates omitted speech. Attribution is separate from the excerpt. No additional slogans.
ART DIRECTION
Background: midnight # 080D23.
Primary type: warm white # FFF4DD.
Trajectory: electric coral # FF654F.
Secondary orbital geometry: blue # 6685FF.
Use a broad, confident grotesque for the speech and a sharply drawn italic for the final emphatic word. Avoid the appearance of a spacecraft dashboard. No rockets, astronaut illustrations, starfield wallpaper, lens flares, or decorative telemetry.
The frame should resemble an exceptionally refined astronomical instrument that has become expressive.
CENTRAL VISUAL RULE
The baseline of the sentence is a trajectory.
At first it is trapped in a closed orbit. A rhetorical decision changes that orbit into an open path. The letters remain the same travelers throughout.
Use an abstract orbital metaphor; do not present invented mission data or imply a physically accurate flight simulation.
STORYBOARD
0.00–3.50
The opening excerpt appears across the center, large and horizontal. Reveal it in three meaningful phrase groups.
A single hairline ellipse passes behind the baseline. A small circular lunar mark occupies its distant focus.
Hold the completed phrase motionless for 700ms.
3.50–6.00
The camera pulls back. The previously straight baseline reveals a shallow curvature.
The phrase travels along the ellipse as a coherent unit. Keep its glyphs upright during the initial movement. Only after the reading hold may they progressively adopt the tangent of the path.
The viewer realizes the sentence is circling rather than advancing.
6.00–7.00
Show the bracketed omission in an uncluttered central opening. The orbital movement decelerates.
7.00–10.50
Reveal the next clause on the near side of the orbit. Its final word travels through one smooth, effortless arc and returns toward where it started.
This ease should feel elegant but unproductive. Avoid comic bouncing.
10.50–14.50
Reveal the final clause horizontally before transforming it.
At its emphasis, the ellipse opens at one precise point. The same tracked letter group takes the new tangent and departs.
Perform one deliberate 70-degree camera roll. Counter-rotate the active phrase so it remains readable while the orbital field changes orientation around it.
The trajectory sweeps from lower left to upper right. Acceleration is conveyed by expanding spacing between its trailing marks, not by shaking the camera.
14.50–17.00
The camera matches the departing phrase’s velocity. The phrase becomes visually still while the old orbit recedes beneath it.
The lunar mark enlarges into a restrained crescent through geometric overlap. The crescent brackets the destination without becoming a cartoon illustration.
17.00–20.00
Resolve into a spacious editorial composition containing the selected excerpt in reading order, including its omission marker.
The open trajectory runs through the margins and exits the frame. Hold the entire image completely still for the final 1.2 seconds.
CHOREOGRAPHY
Use only three camera operations: pullback, roll, velocity match.
Give each operation a rhetorical purpose.
Keep the currently read phrase at least 64px high in the 1080px composition.
Motion blur may affect trailing geometry, never the active text.
No word may begin its ornamental travel before its reading hold finishes.
IMPLEMENTATION
Represent the ellipse and departure path analytically. Blend position and tangent continuously at the departure point; no teleportation.
Use arc-length sampling for consistent spacing along curves.
Separate camera transforms from glyph orientation.
Cache glyph rendering and static geometry.
Expose window.ready and window. seek(t). Seeking must pause playback and render any time from 0 through 20 deterministically, including out-of-order calls.
Provide window.frame(n) for n=0…1199 at t=n/60.
Render t=20 as the final held composition.
Use no accumulated physics or runtime randomness.
QUALITY GATE
Inspect frames at 0, 3, 5, 7.5, 10.5, 13, 16, and 19 seconds.
Verify that the same tracked phrase visibly follows its own trajectory.
中文翻譯
創建一部 20.00 秒的動態字體影片，標題爲“ESCAPE THE ORBIT”，基於 John F. Kennedy 1962 年 9 月 12 日在萊斯大學的演講。
核心體驗：一句話發現自己能夠改變自身的軌跡。
交付一個完整、自包含的 HTML 文件。構圖：1080×1080。目標：60fps。使用 Canvas、SVG 或內嵌 WebGL。內嵌所需的資源與庫。影片必須在沒有音頻的情況下也能正常工作。
精確顯示文字
“We choose to go to the moon”
“[…]”
“not because they are easy,”
“but because they are hard”
保持此順序。方括號中的省略號明確表示被省略的講話。出處署名與引文分開。不得添加其他標語。
藝術指導
背景：午夜 # 080D23。
主字體：暖白 # FFF4DD。
軌跡：電光珊瑚色 # FF654F。
次要軌道幾何：藍色 # 6685FF。
演講文字使用寬大、自信的 grotesque 字體，最後的強調詞使用勾勒銳利的斜體。避免呈現航天器儀表盤的外觀。不得出現火箭、宇航員插畫、星空壁紙、鏡頭光暈或裝飾性遙測。
畫面應當像一臺極其精密的天文儀器，並且已經變得富有表現力。
核心視覺規則
句子的基線就是一條軌跡。
起初它被困在閉合的軌道中。一個修辭上的決定將那條軌道變爲開放的路徑。字母自始至終都是同一批旅人。
使用抽象的軌道隱喻；不要呈現虛構的任務數據，也不要暗示這是物理精確的飛行模擬。
分鏡
0.00–3.50
開場的引文橫貫畫面中央，大而水平。分成三個有意義的短語組來揭示。
一條極細的橢圓從基線後方經過。一個小巧的圓形月球標記佔據其遠端焦點。
讓完整短語靜止不動，保持 700ms。
3.50–6.00
鏡頭向後拉遠。此前筆直的基線顯露出淺淺的彎曲。
短語作爲一個連貫整體沿橢圓運動。在初始移動過程中保持其字形直立。只有在閱讀停頓之後，它們纔可以逐步採納路徑的切線方向。
觀者意識到這句話是在繞圈，而不是在前進。
6.00–7.00
在簡潔利落的中央開口處呈現方括號中的省略內容。軌道運動減速。
7.00–10.50
在軌道的近側揭示下一個分句。其最後一個詞沿一條平滑、毫不費力的弧線行進，並返回它起始的位置。
這種從容應當顯得優雅，卻毫無推進。避免滑稽的彈跳。
10.50–14.50
先以水平方式揭示最後的分句，再對其進行變換。
在強調處，橢圓在一個精確的點上打開。同一組被跟蹤的字母採用新的切線並離開。
執行一次刻意的 70 度鏡頭滾轉。反向旋轉當前活動的短語，使其保持可讀，同時軌道場在其周圍改變朝向。
軌跡從左下掃向右上。加速感通過拉開其拖尾痕跡之間的間距來傳達，而不是通過晃動鏡頭。
14.50–17.00
鏡頭匹配離開短語的速度。短語在視覺上變得靜止，而舊的軌道在其下方退去。
月球標記通過幾何疊合放大成一輪剋制的月牙。月牙框住目的地，但不會變成卡通插圖。
17.00–20.00
收束爲一個疏朗的編輯式構圖，按閱讀順序容納所選引文，包含其省略標記。
開放的軌跡穿過頁邊並離開畫面。在最後 1.2 秒內讓整個畫面完全靜止。
編排
只使用三種鏡頭操作：後拉、滾轉、速度匹配。
爲每種操作賦予一個修辭目的。
在 1080px 的構圖中，保持當前正在閱讀的短語高度不低於 64px。
運動模糊可以影響拖尾幾何，但絕不能影響當前活動的文字。
任何詞在閱讀停頓結束之前都不得開始其裝飾性位移。
實現
以解析方式表示橢圓與離開路徑。在離開點連續混合位置與切線；不得瞬移。
使用弧長採樣，使曲線上的間距保持一致。
將鏡頭變換與字形朝向分離。
緩存字形渲染與靜態幾何。
暴露 window.ready 與 window. seek(t)。跳轉必須暫停播放，並確定性地渲染從 0 到 20 之間的任意時間，包括亂序調用。
爲 n=0…1199 提供 window.frame(n)，其中 t=n/60。
將 t=20 渲染爲最終定格的構圖。
不得使用累積物理或運行時隨機性。
質量檢查
檢查 0、3、5、7.5、10.5、13、16 和 19 秒處的幀。
確認同一被跟蹤的短語能明顯地沿其自身軌跡運動。
