产品模块环绕揭示
Product Orbit Reveal
真实渲染预览
这个动效用来做什么
带灯光反射和体积细节的程序化产品模块完成有限环绕并在正面停住。
A procedural product module with lit volumetric detail completes a finite orbit and settles front-on.
- 范围
- 镜头
- 复杂度
- 高级
- 建议时长
- 4.2s
- 画幅
- 16:9 · 9:16 · 1:1
可替换参数
product_label必填 · stringLabel rendered on the product module and caption.
- 默认值
SIGNAL MODULE
orbit_degrees可选 · numberBounded horizontal orbit angle before settling front-on.
- 默认值
32
finish可选 · enumProcedural product finish palette.
- 默认值
amber
remotion_settings可选 · object仅 Remotion 的可换素材增强版。提供此对象时替代旧视觉参数;省略则保留旧行为。高级版只验收横屏/竖屏。截图/产品固定6秒;字幕用输出时间戳,片长为末词结束+停留,媒体偏移独立计算;使用随附精确音频导出脚本。
适用引擎:Remotion;其他引擎仍使用原有参数。
展开完整输入示例(JSON)
{
"brand": "FIELD / FORM",
"name": "Quiet\nrituals.",
"finish": "#839875",
"orbitDirection": "left",
"material": "ceramic",
"label": "p2/label-field.png",
"tagline": "把留白,装进日常。"
}归一化动作时间线
当前预览为可换素材增强版:截图与产品镜头为 6 秒,字幕按末词时间加停留时间计算。下方为旧版基础时间线;增强版以所复制入口与 remotion_settings 为准。切换其他引擎仍使用旧参数与旧时间线。
所有事件都使用 0 到 1 的归一化进度:0 是镜头开始,1 是镜头结束;事件可以重叠,适配器再把相同比例映射到秒或帧。
0.04–0.300.08–0.660.12–0.720.36–0.620.76–1.00复制执行上下文
预览与引用使用同一个引擎选择。上下文保留共享机器标记与对应 Adapter 路由。
正在加载当前 Recipe 的上下文…
引擎实现
HyperFrames
- Composition
product-orbit- 入口文件
index.html- 确定性
- 是
- lint通过
- validate通过
- inspect通过
- render通过
Remotion
- Composition
MediaProductOrbit- 入口文件
MediaProductOrbit.tsx- 确定性
- 是
- typecheck通过
- build通过
- render通过
Three.js
- Composition
ThreeProductOrbitReveal- 入口文件
ThreeProductOrbitReveal.tsx- 确定性
- 是
- typecheck通过
- build通过
- render通过
来源与使用边界
- 再分发状态
- original
- 来源说明
- Self-authored H2 Recipe and procedural adapters.
- Recipe 文件
recipes/device/product-orbit-reveal/recipe.yaml
参考
无外部参考;该 Recipe 与测试素材为项目原创。
验收标准
real-volumeThe product has visible front, side, and top surfaces with lighting response and is not a flat card.
bounded-orbitThe orbit completes once and stops at a readable front angle without looping.
deterministicThe same inputs produce identical geometry, camera path, materials, and final state.
no-obstructionProduct and caption stay inside their responsive safe zones with no mutual overlap.
p2-media-variantOnly the Remotion advanced settings variant uses P2 timing and local media. Legacy parameters, entry IDs, HyperFrames and Three.js remain unchanged; the core timeline describes the legacy variant. Verified P2 evidence covers 16:9, 9:16 and two alternate inputs.