Cesium相机理解

这篇具有很好参考价值的文章主要介绍了Cesium相机理解。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

关于cesium相机,包括里面内部原理网上有很多人讲的都很清楚了,我感觉这两个人写的都挺好得:

相机 Camera | Cesium 入门教程 (syzdev.cn)

Cesium中的相机—setView&lookAtTransform_cesium setview_云上飞47636962的博客-CSDN博客上面这两篇文章讲的还是挺全面得,但是我感觉对于第一次接触三维得人来讲,专业术语还是比较多,理解起来我感觉还是有点抽象。

我得理解就是,相机由两部分构成,位置和姿势,位置很好理解,就是在什么地方作为拍摄点,姿态角就可以理解为怎么看,就比如我们拍照得时候,找个角度拍摄。

姿态由三个属性决定,heading,pitch,roll。我们可以结合下面这个图理解一下。

Cesium相机理解,数码相机

 我们可以把这个相机代入我们得大脑,heading控制着我们左右摇头,pitch控制着上下点头,roll控制着歪头。下面结合cesium来理解一下。

先看下pitch。

首先我们把pitch设置为0度。heading,roll设置为0,下图就是cesium平行与地面得样子。就相当于我们站在一个位置,眼睛看向正北方向。 

Cesium相机理解,数码相机

 pitch=90°就是相当于我们仰着头看天。

Cesium相机理解,数码相机

 pitch=-90°就相当于低头看地。

Cesium相机理解,数码相机

 heading=0°

Cesium相机理解,数码相机

 heading=-40°得时候,就相当于我们向左扭头,左侧区域就会变大

Cesium相机理解,数码相机

 heading=40°,相当于我们向右看,右侧区域就会变大

Cesium相机理解,数码相机

roll=-90°,相当于我们往左歪着脖子看,也可以理解为左耳朵贴地侧躺,一半眼睛看天,一半眼睛看地,拍照出的效果如下,只能看到一半得区域

 

Cesium相机理解,数码相机

 roll=90°和上面得相反。

Cesium相机理解,数码相机

 上面代码就是关于相机和姿势角我个人得理解,仅仅说明相机得用法,关于相机得原理我会在后面再讲。

这一段得代码在gitee上面CesiumBim: cesium和bim开发的案例这个位置。

关于相机得其他api,我上面引用得那两篇文章,讲解得很不错,我就不再抄一遍了,有不懂的可以交流一下。文章来源地址https://www.toymoban.com/news/detail-636692.html

到了这里,关于Cesium相机理解的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Cesium相机理解

    关于cesium相机,包括里面内部原理网上有很多人讲的都很清楚了,我感觉这两个人写的都挺好得: 相机 Camera | Cesium 入门教程 (syzdev.cn) Cesium中的相机—setViewlookAtTransform_cesium setview_云上飞47636962的博客-CSDN博客上面这两篇文章讲的还是挺全面得,但是我感觉对于第一次接触三维

    2024年02月13日
    浏览(33)
  • cesium学习(相机)

    如果你知道位置的经纬度和高度,你可以使用相机的flyTo功能直接飞到CesiumJS中的那个位置。 flyTo要在完成后更改相机的方向,请添加一个orientation选项: 如果您知道要飞往的地点的名称但不确定该地点的坐标是什么,您可以使用pickPosition来查找。 以下代码片段将在点击时打

    2024年02月10日
    浏览(29)
  • Cesium 中那些改变视角的方法,带你彻底了解 cesium 相机

    对于 cesium 的初学者来讲,相机是不可饶过的一部分知识,这篇文章我们就来彻底的玩一下 cesium 里的相机。 首先要搞清楚一个问题,cesium 视角的变动不止一个方法可以完成哦,viewer 本身就是有 flyTo 的方法的。不过 viewer 的 flyTo 和 camera 的 flyTo 还是有些区别的。 首先 viewe

    2024年02月07日
    浏览(40)
  • cesium学习记录06-视图、场景与相机

    一、视图(Viewer) Viewer 是 Cesium 的最高级别的组件,它封装了很多功能,如场景(viewer.scene)、时间线、动画、相机(viewer.camera)、信息框、事件处理、实体集合(viewer.entities)、数据源管理 (viewer.dataSources)等。 Viewer 的创建通常关联到一个 HTML 元素,例如一个 div。 使用

    2024年02月13日
    浏览(39)
  • Cesium 相机的三种放置方式

    Cesium 提供了三种方式对相机的位置进行摆放 第一种:setView 计算视角 1. Cartesian3 方式

    2024年02月11日
    浏览(30)
  • Cesium屏幕中心、相机坐标和距离计算

    moveRotation方法参数中第一个参数step是移动步长,第二个参数i是判断是否是俯仰角还是航向角进行绕中心点进行翻滚,entity可以另外分离出来做一个方法,这样避免每次调用moveRotation方法都生成一个entity覆盖物。 该方法的参数distance接受正负数,对应上升和下降

    2024年01月18日
    浏览(40)
  • 【Cesium创造属于你的地球】相机系统

    相机系统里面有 setView,flyTo,lookAt,viewBoundingsphere 这几种方法,以下是相关的使用方法,学起来!!! 该方法可以直接切换相机视口,从而不需要通过一个飞入的效果切换 flyTo该方法可以直接切换相机视口,从而不需要通过一个飞入的效果切换 方法使用,lookAt方法一般适用

    2024年02月06日
    浏览(44)
  • cesium相机视角跳转定位方法汇总

           下面汇总的相机视角跳转方法有很多种,都是 根据某一个经纬度高程坐标[x,y,z],Entity实体或者矩形四至范围[west , south , east , north] 作为视图跳转到目标范围的中心,然后在该位置上设置相机相对的偏移量,这个偏移量主要是设置相机的偏航角、航向角和翻滚角或者椭

    2024年04月24日
    浏览(35)
  • vue2 使用 cesium 【第二篇-相机视角移动+添加模型】

    搞了一阵子 cesium,小白入门,这东西很牛逼,但是感觉这东西好费劲啊!网上资料不多,每个人的用法又不一样,操作起来真的是绝绝子。之前写了一篇 vue2 使用 cesium 的博文,没有写完,本来想继续写来着,想了一下还是重新开一篇吧。上一篇说到了事件,今天不想写事件

    2024年02月11日
    浏览(44)
  • 【WebGIS实例】(10)Cesium开场效果(场景、相机旋转,自定义图片底图)

    漫游效果视频: 【WebGIS实例】(10)Cesium开场效果(场景、相机 点击鼠标后将停止旋转并正常加载影像底图: 可以直接看代码,注释写得应该比较清楚了: 调用: 刚进入时就是直接加载这种图片作为SingleTileImageryProvider的,因为这样能够很快得加载出完整效果,而且不会像

    2024年02月12日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包