数字冲击增长
Number Impact
真实渲染预览
这个动效用来做什么
数值快速增长到目标值，在终点产生可感知的冲击并收束为稳定状态。
A value counts quickly to its target, lands with a perceptible impact, and settles into a stable hold.
- 范围
- 效果
- 复杂度
- 基础
- 建议时长
- 2.6s
- 画幅
- 16:9 · 9:16 · 1:1
可替换参数
target必填 · numberFinal numeric value to display.
- 默认值
由使用者提供
start可选 · numberNumeric value at the beginning of the count.
- 默认值
0
prefix可选 · stringText placed before the formatted number.
- 默认值
""
suffix可选 · stringText placed after the formatted number.
- 默认值
""
decimals可选 · integerNumber of decimal places in basic fixed-point formatting.
- 默认值
0
separator可选 · booleanWhether basic thousands separators are used.
- 默认值
true
impact_strength可选 · enumSemantic strength of the terminal impact and settle.
- 默认值
normal
归一化动作时间线
所有事件都使用 0 到 1 的归一化进度：0 是镜头开始，1 是镜头结束；事件可以重叠，适配器再把相同比例映射到秒或帧。
0.00–0.700.70–0.820.82–0.940.94–1.00复制执行上下文
预览与引用使用同一个引擎选择。上下文保留共享机器标记与对应 Adapter 路由。
正在加载当前 Recipe 的上下文…
引擎实现
HyperFrames
- Composition
number-impact- 入口文件
index.html- 确定性
- 是
- lint通过
- validate通过
- inspect通过
- render通过
Remotion
- Composition
NumberImpact- 入口文件
NumberImpact.tsx- 确定性
- 是
- typecheck通过
- build通过
- render通过
来源与使用边界
- 再分发状态
- original
- 来源说明
- Self-authored Milestone B test recipe.
- Recipe 文件
recipes/data/number-impact/recipe.yaml
参考
无外部参考；该 Recipe 与测试素材为项目原创。
验收标准
deterministicRepeated renders with the same inputs have the same timing and final output.
monotonic-valueThe displayed numeric value never decreases during the count.
target-by-seventy-percentThe target value is reached at approximately 70 percent of the normalized timeline.
bounded-settleThe impact is perceptible, then settles to scale 1 without continuous oscillation.
stable-holdThe value and final scale remain stable during the hold interval.