欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Cesium上帝视角漫游

程序员文章站 2022-03-26 11:36:53
...

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(-50, 0, 250))

详情参见 Cesium实战专栏