体积数据流
Volumetric Data Flow
真实渲染预览
这个动效用来做什么
发光数据包沿三维流道穿过空间节点并在终点汇聚，形成有限时长的吞吐叙事。
Glowing data packets cross spatial nodes through 3D flow lanes and converge at targets in a finite throughput narrative.
- 范围
- 场景
- 复杂度
- 高级
- 建议时长
- 4.2s
- 画幅
- 16:9 · 9:16 · 1:1
可替换参数
nodes必填 · stringPipe-separated labels for the source, transit, and target nodes.
- 默认值
INGEST|PROCESS|CACHE|DELIVER
packet_count可选 · integerDeterministic number of packets travelling through the volume.
- 默认值
18
flow_rate可选 · numberNormalized throughput multiplier for packet travel distance.
- 默认值
0.82
headline必填 · stringCaption explaining the flow volume.
- 默认值
THROUGHput / 24H
归一化动作时间线
所有事件都使用 0 到 1 的归一化进度：0 是镜头开始，1 是镜头结束；事件可以重叠，适配器再把相同比例映射到秒或帧。
0.04–0.300.10–0.560.18–0.740.58–0.820.82–1.00复制执行上下文
预览与引用使用同一个引擎选择。上下文保留共享机器标记与对应 Adapter 路由。
正在加载当前 Recipe 的上下文…
引擎实现
HyperFrames
- Composition
flow-volume- 入口文件
index.html- 确定性
- 是
- lint通过
- validate通过
- inspect通过
- render通过
Remotion
- Composition
DataFlowVolume- 入口文件
DataFlowVolume.tsx- 确定性
- 是
- typecheck通过
- render通过
Three.js
- Composition
ThreeDataFlowVolume- 入口文件
ThreeDataFlowVolume.tsx- 确定性
- 是
- typecheck通过
- build通过
- render通过
来源与使用边界
- 再分发状态
- original
- 来源说明
- Self-authored H2 Recipe and procedural adapters.
- Recipe 文件
recipes/data/flow-volume/recipe.yaml
参考
无外部参考；该 Recipe 与测试素材为项目原创。
验收标准
volumetric-grammarThe final frame shows depth-separated nodes, multiple flow lanes, and packet trails rather than a flat graph.
finite-flowEvery packet travels a bounded distance and stops at a target before the hold.
deterministicThe same inputs produce identical packet lanes, node positions, timing, and final state.
readable-labelsNode labels and the headline remain readable and are not covered by packets or glow.