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 秒处的帧。
确认同一被跟踪的短语能明显地沿其自身轨迹运动。
