CreatorMotion · Accumulation Blocks

Show what an earlier start contributes over a shared timeline. Colored category blocks build into one weekly history, a second history starts farther down the same scale, and the empty opening interval is outlined after both builds. This ten-second effect makes a supplied delay visible; it does not model real progress or infer what would have happened during missing weeks.

What you get

  • A local generator, editable HyperFrames effect and motion/review instructions. Generate a 1920×1080 project and render a 30 fps accumulation-comparison segment.
  • Editable seriesLabels, categories, rowCounts and delayRows. The intended schema is two histories: row counts determine repeated rows, categories determine the recurring blocks per row, and delayRows offsets the second history by whole weekly positions.
  • A first-history build, later second-history entrance and simultaneous additions in the shared later interval. The missing interval outline appears at 6.40 seconds before the final comparison holds.
  • Four palettes share geometry and timing: White & Yellow (white-yellow), Charcoal & Lime (charcoal-lime), Paper & Orange (paper-orange) and Black & White (midnight-ice). Semantic overrides adapt styling; check contrast after changes. Dark canvases retain a fine static grid, with distinct neutral values in Black & White. Bundled local fonts include Inter, IBM Plex Mono for measurements/ordinals, Smiley Sans and Noto Sans SC. Chinese content automatically uses Smiley Sans, including Latin words in the composition; --zh-font noto-sans-sc selects the plainer face and --font embeds your own. Recheck wrapping after changes.

Before you choose

Explain the unit before the delay. The strongest use compares the same kind of repeated activity on one timeline; do not turn a neat empty interval into a claim about lost results that your data cannot support.

Good fit

  • A creator explaining an illustrative early-versus-delayed start using the same recurring units and time scale.
  • A short lesson where a few repeated category blocks make accumulation easier to see than a single final total.
  • A series using consistent weekly ordinals, legends, motion and typography.

Not for

  • Forecasting returns from starting earlier, deriving historical data or claiming that equal repeated blocks prove a real causal outcome.
  • Arbitrary per-week amounts or an unrestricted data table. Each visible row repeats the same category structure and fixed row height.
  • Automatic long-form editing, generated presenter performances or soundtrack, or copying another creator’s identity and materials.

How to use

You say/creatormotion-comparison-accumulation-blocks Turn my supplied explanation into a white-yellow B-roll scene using the Accumulation Blocks effect. Use the text, data and media I provide, and ask for any required input that is missing.
  1. Supply two seriesLabels, two nonnegative integer rowCounts, category labels and a nonnegative integer delayRows. The illustrative default compares eight rows with three rows starting five positions later; choose values that match your actual explanatory model.

  2. Define what one row and one colored block mean. Categories are repeated once in every row, not weighted by numeric category values. If both histories should end at the same week, make delayRows plus the second row count agree with the intended total interval.

  3. Read the motion specification and check your density before generating. Row positions and reveal timing are fixed formulas, so larger counts can exceed the canvas or ten-second sequence; a zero/negative delay also needs special care because the missing-interval geometry assumes a visible gap. No footage or images are required.

  4. Prepare Node.js 22+, FFmpeg and the documented HyperFrames CLI 0.8.30. Run node scripts/create.mjs --out PROJECT --data CONTENT.json with your chosen --style from the extracted package. Use semantic --overrides if needed. The shared --images option replaces named local slots with paths relative to its JSON, but this effect uses editable numeric/type/geometry elements without an active raster slot or presenter take.

  5. Lint, validate and inspect the editable HyperFrames project, then render at 1920×1080 and 30 fps using the pinned CLI. Review the opening, every change and final comparison in the actual MP4. Keep at least 1.2 seconds of final reading time when editing the timeline; check all four palettes with identical content after module changes. Narration, music and film assembly remain separate work. Compare weekly ordinals across both sides, check simultaneous later-row arrivals and confirm that the outline covers precisely the intended missing interval. The fixed caption The missing weeks requires an edit if your units are not weeks.

Requirements and costs

You bring
seriesLabels: provide your own content or retain the illustrative default. · categories: provide your own content or retain the illustrative default. · rowCounts: provide your own content or retain the illustrative default. · delayRows: provide your own content or retain the illustrative default.
Dependencies
HyperFrames CLI 0.8.30 or compatible — required · Node.js 22 or newer — required · FFmpeg — required
Outside costs
Not collected yet
Tools used
HyperFrames
Publisher testing
v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT

FAQ

User reviews

—0 reviews

Select a star to share your experience.

No reviews yet. Ratings appear once readers share real experiences.

Similar Skills

View all skills