Previews from the publisher
Keep the context steady while a relationship changes. Up to three portrait cards on the left and an object panel on the right stay in place while a large central percentage moves from your start value to your end value. Its ink and border emphasis change at a supplied threshold, making the status shift visible without adding or moving the endpoint objects.
Define the metric before choosing the pictures. A strong animated percentage can suggest authority, so keep the denominator and meaning explicit; use portraits as context rather than implying that three visible people produced the rate.
/creatormotion-cards-ratio-bridge Turn my supplied explanation into a white-yellow B-roll scene using the Ratio Between Two Sides effect. Use the text, data and media I provide, and ask for any required input that is missing.Prepare up to three left labels, the right label and a concise central label defining the percentage. Separately supply start, end and threshold. The illustrative defaults move Completion rate from 20 to 80 with a threshold of 60; use your actual figures and explain what they measure.
Verify the percentage, denominator and threshold outside the animation. Choose sensible values for a percent display; the implementation interpolates the numbers you provide rather than calculating or validating the metric. It displays whole percentages and uses the same greater-than-or-equal threshold rule even when the value decreases.
Replace avatar1–avatar3 and productImage as needed through --images. Match portraits to names and use appropriate material for the right-hand subject. Generated defaults are illustrative and do not establish real participation or results. This effect does not use presenter video or an alpha matte.
Prepare Node.js 22+, FFmpeg and the documented HyperFrames CLI 0.8.30. From the extracted package run node scripts/create.mjs --out PROJECT --data CONTENT.json. Choose --style and optional semantic --overrides; --images replaces named local slots with paths relative to the image-map JSON. Unlisted slots retain their defaults. Read the image policy before adapting visual materials.
Inspect the editable project and render with npx --yes hyperframes@0.8.30 render PROJECT --output VIDEO.mp4 --fps 30 --quality high --strict. Review the rendered opening, every main change and final reading hold for clipping, contrast and overlap. Narration, music and assembly with other scenes remain separate production work. Watch the threshold crossing and final percentage, then read the central label with both endpoints. Confirm that color contrast stays readable and the visible portraits are not mistaken for the statistical denominator.
Yes. Supply left, right, label and numeric start/end/threshold fields in JSON, then choose a palette or semantic overrides. The threshold changes ink and edge emphasis; it is not an automatic red-to-green performance judgement.
No. The effect uses portrait and object images rather than presenter video. Bundled generated images are included; replace the named slots when your subject requires other materials. No aligned cutout is required.
Yes. Keep the endpoint objects fixed while the intermediate percentage and threshold status change. Adding objects to explain a total would turn it into a different accumulation effect.
No. Those panels provide context; start and end independently control the displayed value. Verify the actual rate and explain its denominator yourself.
The interpolation follows the supplied end value, including a lower one, but the formatter rounds to integers and status still uses value >= threshold. If lower is better or decimals matter, adapt the implementation and explanatory wording before use.
Select a star to share your experience.
No reviews yet. Ratings appear once readers share real experiences.
+7
Use this Skill to create broll animation.
+7Use this Skill to create broll animation.
+7Use this Skill to create broll animation.
+7Use this Skill to create broll animation.
+7Use this Skill to create broll animation.
+7Use this Skill to create broll animation.
+7Use this Skill to create broll animation.
+7Use this Skill to create broll animation.