Can I change the words and colors?

Yes. The input schema supplies calculation labels, amounts, currency prefix and conclusion. Palettes and semantic overrides change treatment. Fixed comparison headings require implementation edits for different terminology or language.

Do I need to supply footage?

No. The effect is built from editable typography, tracks and shapes. Generic image and presenter/matte instructions do not create media requirements for this scene.

Can I revise the motion?

Yes. Keep the arithmetic visible before the comparison panel expands, then reveal proportional tracks, multiple and conclusion. Showing two unrelated values first would remove the causal calculation-to-comparison sequence.

Is the multiple the same as ROI percentage?

No. It is product ÷ investment. It does not calculate net gain divided by investment or a percentage. Define the displayed metric clearly and choose wording that matches it.

Does the conclusion update if I change the amounts?

No. The product, ratio and bar proportions derive from the numeric inputs, but conclusion is supplied text. Revise it yourself and inspect formatting if fractional amounts are important.

CreatorMotion · Calculation to Return

Previews from the publisher

Make the arithmetic visible before presenting the comparison. A unit value and quantity resolve into a product, then the calculation moves aside as a second panel compares that value with the supplied investment and shows their multiple. This eleven-second effect calculates those relationships from your inputs; it does not establish that the assumed value will be realized.

What you get

A local generator, editable HyperFrames implementation and motion/review guidance. Generate a 1920×1080 project and render a 30 fps calculation-to-comparison segment.
Editable unitAmount, quantity, investment, currency, three calculation labels and conclusion. The product is unitAmount × quantity; the displayed return multiple is that product divided by investment.
A staged operand reveal and result counter, then a leftward calculation handoff around 4.10 seconds, adjacent comparison at 4.80 seconds and proportional investment/value tracks. The multiple resolves before the supplied conclusion appears at 7.90 seconds.
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

Separate the arithmetic from the assumption. Showing a correct multiplication does not demonstrate that a project recovered time or created revenue; explain what each operand represents and label hypothetical examples accordingly.

Good fit

A creator explaining a transparent arithmetic example before comparing its product with a cost.
A short lesson with clearly defined units, positive investment and a conclusion consistent with the computed ratio.
A series using consistent numeric hierarchy, proportional tracks and typography.

Not for

A forecast or verification of financial benefit, automatic accounting or proof that a hypothetical return is achievable.
Treating the shown multiple as net ROI percentage. The implementation divides gross supplied value by investment; it does not subtract investment first.
Automatic long-form editing, generated presenter performance or music, or copying a reference creator’s identity and materials.

How to use

You say

/creatormotion-comparison-calculation-roi Turn my supplied explanation into a white-yellow B-roll scene using the Calculation to Return effect. Use the text, data and media I provide, and ask for any required input that is missing.

Prepare unitAmount, quantity and a strictly positive investment, with a currency prefix and three labels defining the calculation rows. Use compatible units and periods. The default 240 × 5 = 1200 compared with 600 is an illustrative 2× value-to-investment relationship.
Compute the expected product and ratio independently before rendering. Currency is a display prefix, not currency conversion. The shared formatter shows whole monetary amounts and one decimal place for the multiple, so do not promise exact fractional precision from the display.
Write conclusion to agree with the figures. It is independent text and does not update automatically when values change. Some comparison headings remain fixed in English, including Investment, Value created and Return multiple; adapt the implementation if those labels do not fit.
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.
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. Check operands, settled product, relative bar widths, multiple and conclusion together. Inspect the numeric handoff and leave enough time to read the final comparison.

Requirements and costs

You bring: unitAmount: provide your own content or retain the illustrative default. · quantity: provide your own content or retain the illustrative default. · investment: provide your own content or retain the illustrative default. · currency: provide your own content or retain the illustrative default. · labels: provide your own content or retain the illustrative default. · conclusion: 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