Cesium上帝视角漫游

最新推荐文章于 2024-07-24 04:34:36 发布

xt3d

最新推荐文章于 2024-07-24 04:34:36 发布

阅读量1.4k

点赞数

文章标签： webgl gis js

本文链接：https://blog.csdn.net/xietao20/article/details/109403131

版权

Cesium 专栏收录该内容

86 篇文章 87 订阅

订阅专栏

本文介绍了如何在Cesium中实现自动化的上帝视角漫游功能，适用于无人操作时展示三维城市系统。通过获取动画实体的位置和朝向，结合矩阵变换，设置相机视角，从而实现在三维场景中的平滑漫游。详细步骤和关键代码在Cesium实战专栏中有详细讲解。

摘要由CSDN通过智能技术生成

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))