video.editorial-cutout-collage
可换素材编辑拼贴
Editorial Cutout Collage
Live preview
真实渲染预览
Purpose
这个动效用来做什么
图片、纸张层和大标题错时入场，组成可替换素材的编辑风格视频画面。
Editorial Cutout Collage with deterministic, replaceable local inputs.
- 范围
- 镜头
- 复杂度
- 高级
- 建议时长
- 6s
- 画幅
- 16:9 · 9:16
Inputs
可替换参数
settings必填 · object完整结构化输入；使用同目录 remotion/default.json 与 schemas.ts 校验。素材路径相对于 public/，本例素材位于 public/p2/。
展开完整输入示例（JSON）
{
"headline": "Stay|curious.",
"edition": "VOL. 01 / CITRUS",
"accent": "#d9532b",
"object": "citrus",
"image": "p2/citrus.png",
"fit": "cover",
"focal": {
"x": 0.5,
"y": 0.5
},
"caption": "剪下日常的一片，让新的视角生长。"
}Motion timeline
归一化动作时间线
所有事件都使用 0 到 1 的归一化进度：0 是镜头开始，1 是镜头结束；事件可以重叠，适配器再把相同比例映射到秒或帧。
paper.entertransform.translate
0.03–0.22image.entertransform.scale
0.11–0.37caption.enteropacity.fade
0.30–0.46collage.holdstate.hold
0.47–1.00Copy to Agent
复制执行上下文
预览与引用使用同一个引擎选择。上下文保留共享机器标记与对应 Adapter 路由。
正在加载当前 Recipe 的上下文…
Engine implementations
引擎实现
frame-based
已验证Remotion
- Composition
EditorialCutoutCollage- 入口文件
EditorialCutoutCollage.tsx- 确定性
- 是
- typecheck通过
- build通过
- render通过
Source, reference & rights
来源与使用边界
- 再分发状态
- original
- 来源说明
- Original ghost six-sample implementation and programmatically authored local fixtures; dependency licenses remain separate.
- Recipe 文件
recipes/video/editorial-cutout-collage/recipe.yaml
参考
无外部参考；该 Recipe 与测试素材为项目原创。
Verification
验收标准
real-inputDefault and two materially different input sets render successfully; inputs are validated before rendering.
distinct-motion单一图片主体、非等尺寸纸张与字体形成编辑拼贴；不是重复卡片展开，也不是只展示文字。图片和裁切焦点可替换。
first-three-secondsThe central subject and meaningful action are visible within three seconds; the full six-second shot retains a readable hold.
bounded-layoutBoth verified orientations keep primary content readable without unintended clipping.
1 个实现已通过真实渲染理解验证模型