Previews from the publisher
Place two tendencies on parallel scales, then add their context. Each fill and knob moves to a supplied position, followed by a short status caption and a group of indexed alternative labels. This nine-second effect is a predetermined conceptual comparison, not an interactive slider, assessment or price calculator.
Use the scales only after defining what a position means. A precise-looking handle can suggest a measured score even for a qualitative idea; label illustrative placements honestly and ensure the alternative group does not imply a computed recommendation.
/creatormotion-comparison-dual-sliders Turn my supplied explanation into a white-yellow B-roll scene using the Dual Tendency Scales effect. Use the text, data and media I provide, and ask for any required input that is missing.Prepare two dimensions, two values in the 0–1 interval, two scaleLabels and a short alternatives list. Define what each dimension measures or represents; the animation does not validate a score or explain the meaning of either endpoint automatically.
Keep the intended two-scale/three-alternative composition unless you revise its geometry. Values directly set percentage positions without input clamping. The current code does not print low/high endpoint captions despite the guide’s wording, so explain those anchors in the narration or add them deliberately.
Read the motion specification and inspect knob/fill alignment over the whole travel, not just the final state. The connectors use fixed paths rather than positions calculated from the values, and the group is indexed labels rather than automatically selected category icons. No presenter, matte or raster image is required.
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 with your chosen --style. Use --images for a local key-to-file map, with paths relative to that JSON and unlisted slots retaining defaults. Add semantic --overrides as needed and read the image policy before changing materials.
Lint, validate and inspect the generated HyperFrames project, then render at 1920×1080 and 30 fps using the pinned CLI. Review the actual opening, each change and final hold for text bounds, contrast, image fit and seams. Keep at least 1.2 seconds of final reading time when editing, and compare all palettes with identical content after module changes. Narration, music and film assembly remain separate work. Check both final values, status-caption fit and fixed connector endpoints. The final track width matches the knob-travel formula, but source CSS also translates the handle for centering, so verify actual endpoint alignment visually.
Yes. dimensions, values, scaleLabels and alternatives come from JSON, with palettes and optional semantic overrides. Keep captions concise enough for the fixed positions.
No. This composition uses editable tracks, handles, labels and a geometric source mark. Generic image/presenter instructions do not create footage or matte requirements here.
Yes. Preserve the two independent positions, fills moving with their handles and later contextual labels/links. Review actual travel frames after timing or styling changes.
No. The GSAP timeline animates to supplied values. No pointer interaction or resulting calculation is implemented.
No. Two fixed connector paths are drawn independently of the numeric inputs. Inspect the intended relationship and change their geometry if the scene needs a precise link to a specific knob or alternative.
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.