地形路线飞越
Terrain Route Flyover
真实渲染预览
这个动效用来做什么
镜头飞越自绘低多边形地形，路线从起点延伸到终点并在终帧停住。
A camera flies over self-drawn low-poly terrain as a route extends from origin to destination and settles in the final frame.
- 范围
- 场景
- 复杂度
- 高级
- 建议时长
- 4.2s
- 画幅
- 16:9 · 9:16 · 1:1
可替换参数
origin_label必填 · stringLabel shown at the route origin.
- 默认值
NORTH
destination_label必填 · stringLabel shown at the route destination.
- 默认值
SOUTH
route_points必填 · stringPipe-separated normalized x,y route points.
- 默认值
0.18,0.72|0.31,0.55|0.47,0.58|0.62,0.34|0.82,0.42
terrain_style可选 · enumProcedural terrain contour style.
- 默认值
ridge
归一化动作时间线
所有事件都使用 0 到 1 的归一化进度：0 是镜头开始，1 是镜头结束；事件可以重叠，适配器再把相同比例映射到秒或帧。
0.04–0.320.18–0.680.12–0.720.42–0.700.78–1.00复制执行上下文
预览与引用使用同一个引擎选择。上下文保留共享机器标记与对应 Adapter 路由。
正在加载当前 Recipe 的上下文…
引擎实现
HyperFrames
- Composition
terrain-route- 入口文件
index.html- 确定性
- 是
- lint通过
- validate通过
- inspect通过
- render通过
Remotion
- Composition
TerrainRouteFlyover- 入口文件
TerrainRouteFlyover.tsx- 确定性
- 是
- typecheck通过
- render通过
Three.js
- Composition
ThreeTerrainRouteFlyover- 入口文件
ThreeTerrainRouteFlyover.tsx- 确定性
- 是
- typecheck通过
- build通过
- render通过
来源与使用边界
- 再分发状态
- original
- 来源说明
- Self-authored H2 Recipe and procedural adapters.
- Recipe 文件
recipes/map/terrain-route-flyover/recipe.yaml
参考
无外部参考；该 Recipe 与测试素材为项目原创。
验收标准
terrain-depthTerrain contour layers and raised surface remain visible from the flyover camera.
route-integrityThe route follows the input points in order, with distinct origin, waypoint, and destination markers.
offline-safeThe composition uses only self-drawn geometry and no remote tiles, textures, or network requests.
stable-holdThe complete route and both endpoint labels remain still and readable during the final hold.