Cesium 实战 14 - 飞行视角跟随-第一人称视角漫游

### Cesium 中实现第三人称跟随视角漫游效果 为了实现在 Cesium 中创建第三人称跟随相机的效果，可以利用 `Viewer` 对象中的 `camera` 属性来控制摄像机的位置和方向。通过监听实体位置的变化并相应调整摄像机的角度和距离，能够模拟出跟随后方的视觉体验。 下面是一个简单的例子，展示了如何设置一个基本的第三视角跟随功能： ```javascript // 初始化 Cesium Viewer 实例 const viewer = new Cesium.Viewer('cesiumContainer'); // 创建一个飞行器模型作为被跟踪对象 viewer.entities.add({ position : Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), model : { uri : 'path/to/your/model.glb' } }); let targetEntity; function setTarget(entity) { targetEntity = entity; } setTarget(viewer.entities.values[0]); // 设置初始相机位置到目标后面一定距离处 function updateCamera() { const offset = new Cesium.HeadPitchRoll(0, Cesium.Math.toRadians(-15), 0); if (Cesium.defined(targetEntity)) { let pos = Cesium.Property.getValueOrClamped(targetEntity.position, viewer.clock.currentTime); // 计算相对于物体的新相机位置 const transform = Cesium.Transforms.eastNorthUpToFixedFrame(pos); const offsetCartesian = Cesium.Matrix4.multiplyByPointAsVector(transform, new Cesium.Cartesian3(0, -200, 100), new Cesium.Cartesian3()); const finalPos = Cesium.Cartographic.fromCartesian(Cesium.Cartesian3.add(pos, offsetCartesian, new Cesium.Cartesian3())); viewer.camera.setView({ destination : Cesium.Cartesian3.fromRadians(finalPos.longitude, finalPos.latitude, finalPos.height), orientation : { heading : Cesium.Math.PI, pitch : Cesium.Math.toRadians(-15), roll : 0 } }); } requestAnimationFrame(updateCamera); // 持续更新以保持跟随状态 } updateCamera(); ``` 此代码片段定义了一个名为 `updateCamera()` 的函数，它会持续计算新的相机视图，并将其应用给当前场景中的摄像机。这里假设有一个已经存在的实体（比如上面提到的飞行器），该实体具有随时间变化的位置属性。每当调用这个方法时，都会重新评估目标实体的位置，并据此调整摄像机的方向和高度[^1]。