Tóm tắt: Đường chân chữ là một quỹ đạo. Câu nói bị kẹt trong vòng elip, rồi một quyết định mở quỹ đạo ra và chữ bay đi.
Prompt xin phim chữ chuyển động (kinetic typography) dài 20 giây, khung vuông 1080×1080, dựa trên bài diễn văn của John F. Kennedy tại Đại học Rice ngày 12/9/1962: "We choose to go to the moon... not because they are easy, but because they are hard". Ý trung tâm: câu nói phát hiện ra nó có thể đổi quỹ đạo của chính mình. Lúc đầu đường chân chữ bị kẹt trong một vòng elip khép kín, đến chữ nhấn mạnh thì quỹ đạo mở ra và nhóm chữ bay theo hướng mới.
Vì sao nhiều người dừng lại xem?
Prompt biến một ẩn dụ thành luật hình ảnh cụ thể, rồi chia storyboard tới từng nửa giây. Phần cấm (không tên lửa, không phi hành gia, không nền sao) giữ phim tinh tế. Phần kỹ thuật dặn seek(t) chạy được ở bất kỳ thời điểm nào, lần nào cũng ra một kết quả.
Cách dùng với Claude Opus 5.5
Mở Claude, chọn Opus 5.5, dán prompt bên dưới. Nhắc thêm một câu: "gói tất cả trong một file HTML, không cần cài gì". Lưu đoạn code Claude trả về thành file .html, mở bằng Chrome. Muốn có video để đăng, bạn quay màn hình lúc nó chạy. Bạn có thể giữ cấu trúc và thay bằng một câu nói nổi tiếng khác, miễn câu đó có một chỗ "rẽ" rõ ràng.
Prompt
Prompt gốc của tác giả:
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.
Prompt by @Gdgtify, via Skillry / awesome-opus5-5-videos (MIT)
Câu hỏi thường gặp
Prompt này tạo ra cái gì?
Prompt xin phim chữ chuyển động (kinetic typography) dài 20 giây, khung vuông 1080×1080, dựa trên bài diễn văn của John F.
Cảnh 3D này được dựng bằng công cụ nào?
Mình dán prompt vào Claude Opus 5.5 và nhắc gói hết vào một file HTML, lưu lại rồi mở bằng Chrome. Code dùng WebGL, SVG, Canvas, mở là chạy ngay trong trình duyệt. Muốn có video để đăng thì quay màn hình lúc nó chạy.
Có được dùng lại prompt của @Gdgtify để đăng lên kênh của bạn không?
Được. Prompt là của @Gdgtify, mình lấy qua Skillry và bộ awesome-opus5-5-videos (giấy phép MIT). Chỗ nên đổi trước là vật thể, ánh sáng, góc máy hay tốc độ quay. Khi chia sẻ lại, bạn ghi nguồn @Gdgtify là đủ.

