Timing & transitions · Rendered draft
Change the page while keeping the prompt in the same place
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
A course page, a product page, and a report appear in successive cuts. Each pairs a left-hand source with a right-hand composer containing a short contextual question.
Repeat the spatial relationship while changing the subject, so the viewer can follow a fast montage.
Phase notes
- Frame 0 — Course context and question
- Frame 39 — Cut to product context
- Frame 70 — Cut to report context
Use this example
- Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
- Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
- Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
- Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
A runnable draft is not a fidelity approval.
The source and remake are different assets. The original code-based illustration remains editable; source footage is a research reference. Read the retained findings below before using the choreography.
Recorded limits
- Source sampled at three frames per second; geometry, cursor tracks, and phase thresholds are manually fitted approximations.
- Arial, original page content, and simplified vector objects replace source-specific photography and interface details.
- No independent moving-source fidelity approval. This is a silent, source-linked editable study.