Cesium--获取当前相机中心与地面的射线焦点

news2024/9/22 7:21:55

本文记录获取当前相机中心与地面的射线焦点的方法,可用于视角缩放过程中,控制视角自动平滑切换到二维等场景:

方法一定是视角中心能与地面有交集,如果对着地平线或对着天空肯定是没效果的。直接放代码:

//调整相机到正北方向 上帝视角
const limitViewerController=(viewer)=>{
	try{
		viewer.scene.screenSpaceCameraController.enableTilt = false; //禁止中键旋转视角
		// 将相机朝向正北方向(即Z轴指向正北,Y轴指向正东)
		var heading = Cesium.Math.toRadians(0.0); // 正北方向为90度
		var pitch = Cesium.Math.toRadians(0.0); // 保持平面视角
		var roll = 0.0; // 无滚动
		var hpr = new Cesium.HeadingPitchRoll(heading, pitch, roll);
		let camera_position = viewer.camera.position.clone();
		let cameraHeight = viewer.camera.positionCartographic.height;

		let camera = viewer.scene.camera;
		const rayget = new Cesium.Ray(camera.position, camera.direction)
		
		//射线监测 不到目标时 无法设置视角
		const rayintersection = Cesium.IntersectionTests.rayEllipsoid(rayget, Cesium.Ellipsoid.WGS84);
		if(rayintersection){
			const raypoint = Cesium.Ray.getPoint(rayget, rayintersection.start);
			
			// 获取当前使用的地球椭球体
			var ellipsoid = viewer.scene.globe.ellipsoid;
			// 将Cartesian3转换为经纬度
			var raycartographic = ellipsoid.cartesianToCartographic(raypoint);
			 var cameracartographic = ellipsoid.cartesianToCartographic(camera_position);
			 
			// 获取经度、纬度和高度
			var raylongitude = Cesium.Math.toDegrees(raycartographic.longitude);
			var raylatitude = Cesium.Math.toDegrees(raycartographic.latitude);
			var rayheight = cameracartographic.height;
			
			const destinationPostion = Cesium.Cartesian3.fromDegrees(raylongitude, raylatitude, rayheight+100000);
			
			viewer.camera.flyTo({
			    destination : destinationPostion,
				duration: 1.5,
			    orientation : {
			        heading : 6.283185307179586,
			        pitch : -1.5707963267948966,
			        roll : 0.0
			    }
			});
		}
		
		
		//调整也可以通过TWEEN.js 实现过渡动画
		//import * as TWEEN from '@tweenjs/tween.js'
		// const coords = {x: viewer.camera.heading, y: viewer.camera.pitch,z:viewer.camera.roll} // Start at (0, 0)
		// const tween = new TWEEN.Tween(coords, false) // Create a new tween that modifies 'coords'.
		// .to({x: 6.283185307179586, y: -1.5707963267948966, z:0}, 1000) 
		// .easing(TWEEN.Easing.Quadratic.InOut)
		// .onUpdate((object) => {
		// 	viewer.camera.setView({
		// 		//destination : new Cesium.Cartesian3(raypoint.x, raypoint.y, camera_position.z),
		// 	    orientation: {
		// 			heading: object.x, // 方向的朝向,以弧度为单位
		// 			pitch: object.y, // 视角的高度,以弧度为单位
		// 	        roll: object.z // 绕着圆周运动的角度,一般设置为0
		// 	    }
		// 	});
		// 	// viewer.scene.camera.setView({
		// 	// 	 destination : new Cesium.Cartesian3(camera_position.x, camera_position.y, camera_position.z),
		// 	//     orientation: {
		// 	//         headingPitchRoll: new Cesium.HeadingPitchRoll(object.x, object.y, object.z)
		// 	//     }
		// 	// });
		// })
		// .start() // Start the tween immediately.
		// function animate() {
		// 	tween.update()
		// 	requestAnimationFrame(animate)
		// }
		// requestAnimationFrame(animate)
		
	
	}catch(err){
		console.log(err);
	}
}

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1927444.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

计算机志愿攻略,高考生的必读

高考结束 又一年高考结束了 1342万学子们寒窗苦读十二载 迈入考场的那一刻 既紧张又兴奋 即使过去很多年 我仍然能回忆起当年的情景 当高考结束的铃声响起 所有的紧张和压力仿佛瞬间释放 走出来的那一刻 不管结果如何 我们都为自己能够勇敢地走过这段旅程而感到骄傲 …

基于Three.js实现三维空间中的箭头移动动画

继上一篇文章中实现了三维管道的可视化和流动模拟,最近需要基于曲面做三维物体的移动动画效果,特别是箭头等指向性物体的移动,因此就编写了以下方案,主要实现了三维空间内箭头等物体的创建和指向调整及动画效果等,具体如下: 1.基于Thee.js实现箭头等物体创建-THREE.Arrow…

解读网传《深圳IT圈⭕新解读八小时工作制》

网传深圳IT圈的新解读八小时工作制 工作时间安排: 10:00-12:0014:00-18:0019:00-21:00 初看:有惊喜 上午开始时间晚:相对于传统的9点开始,这种安排允许员工有更多的早晨时间,可以用来休息或处理个人事务。下午和晚上分…

S7-200smart与C#通信

https://www.cnblogs.com/heizao/p/15797382.html C#与PLC通信开发之西门子s7-200 smart_c# s7-200smart通讯库-CSDN博客https://blog.csdn.net/weixin_44455060/article/details/109713121 C#上位机读写西门子S7-200SMART PLC变量 教程_哔哩哔哩_bilibilihttps://www.bilibili…

电脑关机被阻止

1. winR输入regedit进入注册表 2. 选择HKEY_USERS-》.DEFAULT-》Control Panel-》Desktop 3. 右键DeskTop新建字符串值,命名为AutoEndTasks,数值设置为1

香橙派AIpro部署YOLOv5:探索强悍开发板的高效目标检测能力

香橙派AIpro部署YOLOv5:探索强悍开发板的高效目标检测能力 一、香橙派AIpro开箱使用体验 1.1香橙派AIpro开箱 拿到板子后第一件事情就是开箱: 开箱后可以看见一个橘子的标识,也就是香橙派了,并且还有四个大字:为AI…

Ubuntu系统安装mysql之后进行远程连接

1.首先要配置数据库允许进行远程连接 1.1 打开MySQL配置文件 /etc/mysql/mysql.conf.d/mysqld.cnf sudo vim /etc/mysql/mysql.conf.d/mysqld.cnf1.2 修改 bind-address 行 #按i进入插入模式 bind-address 0.0.0.0 #按 Esc 键退出插入模式。 #输入:wq 然后按 Enter 保存并退…

alike-cpp 编译

1. 源码链接: https://github.com/Shiaoming/ALIKE-cpp 2.已经安装好显卡驱动,cuda,cudnn,没安装的参考: 切记装cuda-11.x的版本,最好cuda11.3的版本 ubuntu重装系统后,安装cuda,cudnn-CSDN博客 3.安装…

UE5.4新功能 - MotionDesign上手简介

MotionDesign是UE中集成的运动图形功能,我们在游戏中经常会见到,例如前方漂浮于空中的若干碎石,当玩家走进时碎石自动吸附合并变成一条路,或者一些装饰性的物件做随机运动等等,在引擎没有集成运动图形时,这…

《0基础》学会Python——第九讲

函数 一、函数的定义: 指在程序中创建一个独立的代码块,用于完成特定的任务或执行特定的操作。函数通常接收输入参数,并返回输出结果。通过定义函数,可以将复杂的程序分解成更小的模块,提高代码的可读性和可维护性。 …

【密码学】密码学数学基础:群的定义

一、群的定义 在密码学中,群(Group)的概念是从抽象代数借用来的,它是一种数学结构,通常用于描述具有特定性质的运算集合。 群的定义 群定义中的几个关键要素: 集合:首先,群是由一系…

一文了解SpringCloud

Springcloud 什么是Springcloud? 官网:Spring Cloud Data Flow Spring Cloud是一系列框架的有序集合。它利用Spring Boot的开发便利性巧妙地简化了分布式系统基础设施的开发,如服务发现注册、配置中心、消息总线、负载均衡、断路器、数据监控…

保姆级教程--容器化部署prometheusd监控系统(yaml文件、docker命令均有详细解释、大白话描述服务作用、适合小白)

文章目录 前言用到的服务简述容器化部署prometheus的优势 环境一、安装docker二、容器化构建Prometheus监控系统1 部署Prometheus2.部署grafana 三、prometheus监控其他主机1.部署docker补充、如何查找仪表盘 前言 用到的服务简述 Prometheus:这是一个开源的监控系…

使用Copilot 高效开发繁忙的一天

在现代软件开发的世界里,使用AI工具如GitHub Copilot可以显著提高开发效率。 早晨:规划与启动 7:00 AM - 起床与准备 开发者早早起床,享用健康的早餐,并浏览新闻和技术博客,了解最新的科技动态。快速整理思路&#x…

WordPress:无法创建新文章?创建新帖子时候页面空白

wordPress中我们新建文章的时候,会遇到页面空白,这个问题是怎么导致呢?我们可以打开F12开发者模式看下报错信息,这是一个警告信息 Warning: Creating default object from empty value in /pub 到数据库 wp_posts中查看生成了很…

网络配置命令

文章目录 一、查看网络接口信息 ifconfig1.1 网络接口名称1.2 使用 ifconfig 查看网络接口信息1.2.1 输出示例1.2.2 输出解释 1.3 查看特定网络接口信息1.3.1 输出示例 1.4 查看所有网络接口信息1.5 特殊网络接口 二、修改网络配置文件2.1 配置文件示例2.2 使配置生效2.3 关闭 …

【07】分布式事务解决方案

1、事务简介 事务(Transaction)是访问并可能更新数据库中各种数据项的一个程序执行单元(unit)。在关系数据库中,一个事务由一组SQL语句组成。事务应该具有ACID四个特性:原子性、一致性、隔离性、持久性。任何事务机制在实现时,都应该考虑事务…

【Nuxt3】vue3+tailwindcss+vuetify引入自定义字体样式

一、目的 在项目中引入自定义的字体样式(全局页面都可使用) 二、步骤 1、下载好字体 字体的后缀可以是ttf、otf、woff、eot或者svg(推荐前三种) 以抖音字体为例下载好放在静态文件夹(font)下 案例字…

Python for循环while循环实战: 原神加载画面

原神加载画面在我们看起来是能一直运行的,实际上,它就是用了循环。今天,我们来模拟一下。 我们用123、234、345、456分别代表四个画面,结果是这样的。 这是代码: a [123, 234, 345, 456] while True:for i in a:pri…

python获取豆瓣评分9分以上的电影

我想生成的文件用excel保存,所以得安装一下这个 pip install pandas openpyxl代码 import requests import pandas as pd# 模拟浏览器请求头 headers {User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91…