Cesium第一人称漫游

Cesium第一人称漫游

前言

在三维城市系统中，用户常常想要在无人操作的时候让三维场景自动播放漫游功能，这样能够让参观系统的人可以观看到三维城市模型的各个地区。漫游方式有很多种，比如跟随视角漫游、第一人称漫游、上帝视角漫游等。

实现效果

实现思路

实现第一视角漫游，需要实时计算当前移动实体的方向，然后设置一个偏移量，再根据偏移量锁定相机视角。

关键代码

 traceHandler() {
        let center = this.animateEntity.position.getValue(
            this.viewer.clock.currentTime
        );
        let orientation = this.animateEntity.orientation.getValue(
            this.viewer.clock.currentTime
        )
        let transform = Cesium.Transforms.eastNorthUpToFixedFrame(center);
        transform = Cesium.Matrix4.fromRotationTranslation(Cesium.Matrix3.fromQuaternion(orientation), center);
        this.viewer.camera.lookAtTransform(transform, new Cesium.Cartesian3(-100, 0, 50))
    },

详情参见 Cesium实战专栏