首页 / deck.gl / 使用示例
路径动画
十条环状巡游轨迹共一千六百个顶点，按时间戳逐段点亮， 尾部逐渐消散。底层保留完整线路，随时能看清路径全貌。
源码与运行效果
说明
每条轨迹有 160 个顶点，时间戳从 0 到 874.5 秒，步长 5.5 秒。 轨迹以随机起点为圆心，按 0.018–0.05 度的半径绕行，每步转角 0.085–0.105 弧度，同时圆心缓慢漂移。相邻轨迹的绕行方向相反， 画面不会叠成一团。
| 配置 | 作用 |
|---|---|
getTimestamps | 与路径顶点一一对应的时间，决定点亮顺序 |
currentTime | 当前时刻，逐帧推进 |
trailLength: 90 | 尾部长度，与时间戳同单位 |
fadeTrail: true | 尾部透明度递减 |
底层 PathLayer | 静态全线路，透明度 70 |
时间单位必须一致
trailLength 与 getTimestamps 使用同一套单位。
时间戳按秒给，尾部就是 90 秒；按毫秒给，尾部只会剩 0.09 秒，
表现为看不见的短尾。示例用秒，便于把速度换算成「每秒推进多少」。
每帧重建 TripsLayer 实例，只改 currentTime。
路径数据引用没变，顶点不会重新上传，开销集中在 shader 的
时间裁剪上。
轨迹动画的瓶颈通常在顶点数，不在帧数。一千多个顶点可以 满帧。真实车辆轨迹往往是百万级顶点，需要先抽稀、再分块加载， 否则再高的帧率也掩盖不了初始化卡顿。