首页 > 其他分享 >cesium 视角锁定 视角跟随 第三人称视角跟随

cesium 视角锁定 视角跟随 第三人称视角跟随

时间:2024-04-09 11:29:23浏览次数:20  
标签:视角 viewer transform 跟随 Cesium lookAtTransform cesium Math

描述:场景中有一个车辆,场景视角跟随车辆

一、第三人称视角跟随

原理:根据车辆位置和朝向,建立局部坐标系,并让相机看向这个位置

let center = this.trackedEntity.position.getValue(
                viewer.clock.currentTime
            );
            let orientation = this.trackedEntity.orientation.getValue(
                viewer.clock.currentTime
            )

            // 以车辆建立局部坐标系
            let transform = Cesium.Transforms.eastNorthUpToFixedFrame(center);
            // 取车辆的朝向,让车辆指向正北方向
            transform = Cesium.Matrix4.fromRotationTranslation(Cesium.Matrix3.fromQuaternion(orientation), center);
            // lookAtTransform的第二个参数,设置相机的朝向,heading设置为90则相机视角跟在车辆后面
            viewer.camera.lookAtTransform(transform, new Cesium.HeadingPitchRange(Cesium.Math.toRadians(90), Cesium.Math.toRadians(-10.0), 25));
二、锁定视角
 viewer.camera.lookAtTransform(transform, new Cesium.HeadingPitchRange(Cesium.Math.toRadians(90), Cesium.Math.toRadians(-10.0), 25));

lookAtTransform参数详解

三、解锁视角 
viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);

标签:视角,viewer,transform,跟随,Cesium,lookAtTransform,cesium,Math
From: https://blog.csdn.net/AllBluefm/article/details/137544328

相关文章

  • cesium 地图旋转 整个场景旋转 开场动画
    设置camera旋转能实现整个场景的旋转,多用于开场动画开始旋转functiononTickCallback(){viewer.scene.camera.rotate(Cesium.Cartesian3.UNIT_Z,-0.02);}viewer.clock.onTick.addEventListener(onTickCallback);停止旋转view......
  • 2-28. 创建 DragItem 实现物品拖拽跟随显示
    开始实现拖拽功能添加接口添加DragCanvas另外记得把RaycastTarget取消勾选另外DragItemImage默认可以显示,但是图片需要关闭修改InventoryUI修改Slot_Bag预制体把Image、Amount、Highlight的RaycastTarget关掉这样做的目的是因为后面在拖拽结束的......
  • cesium 加载mapbox底图 黑色主题底图 84底图
    cesium提供MapboxStyleImageryProvider,加载mapbox的影像图层,底图是84坐标系。viewer.imageryLayers.addImageryProvider(newCesium.MapboxStyleImageryProvider({styleId:'dark-v11',accessToken:'mapbox的to......
  • cesium三维地图
    基础地图初始化constviewer=newViewer(mapRef.value,{animation:false,//时间动画控件timeline:false,//时间轴selectionIndicator:false,infoBox:false,baseLayerPicker:false,terrainProvider:createWorldTerrain()})颜色Cesium.Color.R......
  • Cesium 根据飞机航线计算飞机的Heading(偏航角)、Pitch(俯仰角)、Roll(翻滚角)
    需求设置飞机的一些坐标位置(经纬度高度),插值得到更多的坐标位置,然后飞机按照这些坐标集合形成的航线飞行,飞机的朝向、俯仰角以及飞机转弯时的翻转角根据坐标集合计算得出,而不需要手动设置heading、pitch、roll。坐标插值不知道为什么,可能是飞行速度变化太大,我用Cesium自带的插......
  • 【机器人】具有扰动抑制功能的有限时间基于方位角的领航者-跟随者编队控制(Matlab代码
     ......
  • 可解释性机器学习——从金融科技视角(2)
    可解释性机器学习——从金融科技视角(2)内容摘要:解释方法的分类文章目录可解释性机器学习——从金融科技视角(2)1、模型内在的解释(I)or模型训练后的分析(A)2、根据解释方法的结果划分3、解释方法适用于所有模型还是特定模型4、局部解释(local)or全局解释(global)文章组织结构......
  • 管理者权力的探讨:资深团队管理者的视角
    管理者权力的探讨:资深团队管理者的视角在团队的管理过程中,管理者的权力是一个不可忽视的因素。它不仅关系到团队的日常运作,还直接影响到项目的成败和团队成员的士气。对于资深团队管理人员而言,如何理解和运用这一权力,是一项至关重要的任务。管理者权力的本质首先,我们需要明确管......
  • 歌词跟随播放进度高亮显示,高亮部分一直在页面中间位置,歌词可拖动
    //歌词组件LyricsDisplay.vue<template><divclass="lyric-container"ref="lyricsList":class="{noLyric:!lyrics.length}"><divv-for="(line,index)inlyrics":key="index"ref="lyric......
  • Google人才选拔的独特视角
    Google人才选拔的独特视角独特的人才选拔标准Google作为全球最大的搜索引擎公司,拥有无数优秀的人才。他们的选拔标准与众不同,有着自己独特的人才观。重视多元化的背景Google相信人才的多元化背景能够给公司带来不同的思考角度和创新思维。他们认为,一个团队中的成员应该拥有......