路径追踪器,用于沿指定路径进行相机或对象的动画追踪
PathTracker 支持多种路径数据格式,包括坐标数组、GeoJSON和带帧信息的对象数组。 可以设置不同的视图模式(跟随、锁定、关键帧等)来实现各种追踪效果。
PathTracker
// 基本用法 - 沿路径追踪相机const tracker = engine.add(new mapvthree.PathTracker());// 设置路径数据(坐标数组格式)tracker.track = [ [112.368264, 23.176959, 38.553634], [112.370264, 23.178959, 40.553634], [112.372264, 23.180959, 42.553634]];// 开始追踪tracker.start({ duration: 10000, pitch: 60, range: 100}); 复制
// 基本用法 - 沿路径追踪相机const tracker = engine.add(new mapvthree.PathTracker());// 设置路径数据(坐标数组格式)tracker.track = [ [112.368264, 23.176959, 38.553634], [112.370264, 23.178959, 40.553634], [112.372264, 23.180959, 42.553634]];// 开始追踪tracker.start({ duration: 10000, pitch: 60, range: 100});
// 对象追踪 - 让3D模型沿路径移动const model = engine.add(new mapvthree.SimpleModel({ url: 'path/to/model.glb'}));const tracker = engine.add(new mapvthree.PathTracker());tracker.track = pathCoordinates;tracker.object = model; // 设置要追踪的对象tracker.start({ duration: 8000, range: 50}); 复制
// 对象追踪 - 让3D模型沿路径移动const model = engine.add(new mapvthree.SimpleModel({ url: 'path/to/model.glb'}));const tracker = engine.add(new mapvthree.PathTracker());tracker.track = pathCoordinates;tracker.object = model; // 设置要追踪的对象tracker.start({ duration: 8000, range: 50});
暂停动画
当前状态
停止动画
获取当前状态
获取插值直接阈值
当前阈值
设置插值直接阈值 用于控制路径插值的平滑程度,值越大路径拐角过渡越平滑,但也会越偏离实际路线
阈值
获取是否暂停
获取是否正在运行
获取轨迹点插值方式
当前插值方式
设置轨迹点插值方式
插值方式,可选值:'curve'(曲线插值)
// 启用曲线插值,使路径更加平滑tracker.pointHandle = 'curve'; 复制
// 启用曲线插值,使路径更加平滑tracker.pointHandle = 'curve';
获取当前路径数据
路径数据
设置路径数据
支持多种数据格式:
// 坐标数组格式tracker.track = [ [112.368264, 23.176959, 38.553634], [112.370264, 23.178959, 40.553634]]; 复制
// 坐标数组格式tracker.track = [ [112.368264, 23.176959, 38.553634], [112.370264, 23.178959, 40.553634]];
路径追踪器,用于沿指定路径进行相机或对象的动画追踪
PathTracker支持多种路径数据格式,包括坐标数组、GeoJSON和带帧信息的对象数组。 可以设置不同的视图模式(跟随、锁定、关键帧等)来实现各种追踪效果。示例
示例