device.product-orbit-reveal

产品模块环绕揭示

Product Orbit Reveal

仅本次打开有效
01
Live preview

真实渲染预览

查看引用 ↓
实机渲染 · Remotion
02
Purpose

这个动效用来做什么

带灯光反射和体积细节的程序化产品模块完成有限环绕并在正面停住。

A procedural product module with lit volumetric detail completes a finite orbit and settles front-on.

范围
镜头
复杂度
高级
建议时长
4.2s
画幅
16:9 · 9:16 · 1:1
设备
演示揭示强调
产品演示广告社交短视频演示文稿
03
Inputs

可替换参数

product_label必填 · string

Label rendered on the product module and caption.

默认值
SIGNAL MODULE
orbit_degrees可选 · number

Bounded horizontal orbit angle before settling front-on.

默认值
32
finish可选 · enum

Procedural 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": "把留白,装进日常。"
}
04
Motion timeline

归一化动作时间线

当前预览为可换素材增强版:截图与产品镜头为 6 秒,字幕按末词时间加停留时间计算。下方为旧版基础时间线;增强版以所复制入口与 remotion_settings 为准。切换其他引擎仍使用旧参数与旧时间线。

所有事件都使用 0 到 1 的归一化进度:0 是镜头开始,1 是镜头结束;事件可以重叠,适配器再把相同比例映射到秒或帧。

product.revealopacity.fade
0.04–0.30
product.orbittransform.rotate3d
0.08–0.66
orbit-camera.pushcamera.push
0.12–0.72
caption.revealopacity.fade
0.36–0.62
product.holdstate.hold
0.76–1.00
05
Copy to Agent

复制执行上下文

预览与引用使用同一个引擎选择。上下文保留共享机器标记与对应 Adapter 路由。

正在加载当前 Recipe 的上下文…
06
Engine implementations

引擎实现

gsap-timeline

HyperFrames

已验证
Composition
product-orbit
入口文件
index.html
确定性
是
  • lint通过
  • validate通过
  • inspect通过
  • render通过
frame-based

Remotion

已验证
Composition
MediaProductOrbit
入口文件
MediaProductOrbit.tsx
确定性
是
  • typecheck通过
  • build通过
  • render通过
frame-based

Three.js

已验证
Composition
ThreeProductOrbitReveal
入口文件
ThreeProductOrbitReveal.tsx
确定性
是
  • typecheck通过
  • build通过
  • render通过
07
Source, reference & rights

来源与使用边界

再分发状态
original
来源说明
Self-authored H2 Recipe and procedural adapters.
Recipe 文件
recipes/device/product-orbit-reveal/recipe.yaml

参考

无外部参考;该 Recipe 与测试素材为项目原创。

08
Verification

验收标准

01
real-volume

The product has visible front, side, and top surfaces with lighting response and is not a flat card.

02
bounded-orbit

The orbit completes once and stops at a readable front angle without looping.

03
deterministic

The same inputs produce identical geometry, camera path, materials, and final state.

04
no-obstruction

Product and caption stay inside their responsive safe zones with no mutual overlap.

05
p2-media-variant

Only 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.

3 个实现已通过真实渲染理解验证模型