使用轨迹球来实现视图的旋转

2023-10-22 07:10

本文主要是介绍使用轨迹球来实现视图的旋转,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

OpenGL鼠标轨迹球(Trackball)原理

什么是鼠标轨迹球

类似AutoCAD里的“动态观察”,三维模型都是要投影到二维的屏幕上才能显示给用户,而用户如果想观察一下三维模型的立体形状使用“动态观察”是再好不过了。我们一般的操作是这样的:鼠标(按中健或者其他健)在二维屏幕上拖动,之后三维模型就会以屏幕中心点为中心进行相应的旋转,鼠标拖动得越长,三维模型旋转的角度就越大。AutoCAD这种重量级的商业软件在这方面的用户体验自然是非常完美的了,可你知道它的原理么,如果自己用OpenGL如果实现呢?

OpenGL里的轨迹球

计算机的三维显示类似生活中的摄影,屏幕就是一个相机,三维模型就是被摄物体。我们可以调整相机与被摄物之间的距离来在屏幕显示不同大小影像。轨迹球就是在屏幕之外虚构一个球形曲面,使鼠标在二维屏幕上的移动投影到球形曲面上,这样就能得到更佳的用户体验(不使用轨迹球也能实现动态观察,只是效果很生硬)。

以屏幕为中心为球心,x轴向右,Y轴向上,z轴向屏幕之外,很容易建立一个球体的几何方程如下:

x2+y2+z2=r2 x2+y2+z2=r2
这里,r代表球体的半径。

当鼠标在球面的范围内移动时,我们可以由鼠标在二维屏幕上的二维点坐标P(x,y)通过数学关系求得其在球面上的投影点P',鼠标从P1点移动到P2点,对应的在球面上就是从P1'移动到P2'。P1'和P2'与球心之间可以形成两个向量,鼠标移动转化成了向量从V1(OP1'向量)转到V2(OP2'向量),V1和V2的向量叉乘得到向量N即是三维物体的旋转轴,V1到V2的转角量就是三维物体的旋转角度。

使轨迹球更连续

实际的屏幕是个矩形,而球体在平面的投影只会是个圆,因此只要轨迹球的半径不是无限大,就总会有一些区域的点投影后会落在球面之外。此时怎么办呢?

一个好的办法就是在球体投影不能覆盖的区域使用另外一个曲面与之拼接。一个现成的二次曲面能够胜任,它的表达式如下:

z(x,y)=r2/2x2+y2 z(x,y)=r2/2x2+y2

这个曲面与球面的交线正好一个圆(下图中所示红线),其半径为 r/2 r/2

经过这样处理的轨迹球就比较平滑,于是整个坐标计算过程如下:

z(x,y)={r2(x2+y2)r2/2r2+y2 x^2+y^2\leq r^2/2  otherwise z(x,y)={r2−(x2+y2) x^2+y^2\leq r^2/2 r2/2r2+y2 otherwise
V1=(x1,y1,z(x1,y1))|(x1,y1,z(x1,y1))| V1=(x1,y1,z(x1,y1))|(x1,y1,z(x1,y1))|
V2=(x2,y2,z(x2,y2))|(x2,y2,z(x2,y2))| V2=(x2,y2,z(x2,y2))|(x2,y2,z(x2,y2))|
N=V1×V2 N=V1×V2
θ=arccosV1V2 θ=arccos⁡V1⋅V2


  1. Object Mouse Trackball

  2. 【OpenGL(SharpGL)】支持任意相机可平移缩放的轨迹球实现

这篇关于使用轨迹球来实现视图的旋转的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/259883

相关文章

SpringBoot集成Milvus实现数据增删改查功能

《SpringBoot集成Milvus实现数据增删改查功能》milvus支持的语言比较多,支持python,Java,Go,node等开发语言,本文主要介绍如何使用Java语言,采用springboo... 目录1、Milvus基本概念2、添加maven依赖3、配置yml文件4、创建MilvusClient

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

shell编程之函数与数组的使用详解

《shell编程之函数与数组的使用详解》:本文主要介绍shell编程之函数与数组的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录shell函数函数的用法俩个数求和系统资源监控并报警函数函数变量的作用范围函数的参数递归函数shell数组获取数组的长度读取某下的

使用Python开发一个带EPUB转换功能的Markdown编辑器

《使用Python开发一个带EPUB转换功能的Markdown编辑器》Markdown因其简单易用和强大的格式支持,成为了写作者、开发者及内容创作者的首选格式,本文将通过Python开发一个Markd... 目录应用概览代码结构与核心组件1. 初始化与布局 (__init__)2. 工具栏 (setup_t

Python虚拟环境终极(含PyCharm的使用教程)

《Python虚拟环境终极(含PyCharm的使用教程)》:本文主要介绍Python虚拟环境终极(含PyCharm的使用教程),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录一、为什么需要虚拟环境?二、虚拟环境创建方式对比三、命令行创建虚拟环境(venv)3.1 基础命令3

Python Transformer 库安装配置及使用方法

《PythonTransformer库安装配置及使用方法》HuggingFaceTransformers是自然语言处理(NLP)领域最流行的开源库之一,支持基于Transformer架构的预训练模... 目录python 中的 Transformer 库及使用方法一、库的概述二、安装与配置三、基础使用:Pi

关于pandas的read_csv方法使用解读

《关于pandas的read_csv方法使用解读》:本文主要介绍关于pandas的read_csv方法使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录pandas的read_csv方法解读read_csv中的参数基本参数通用解析参数空值处理相关参数时间处理相关

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

openCV中KNN算法的实现

《openCV中KNN算法的实现》KNN算法是一种简单且常用的分类算法,本文主要介绍了openCV中KNN算法的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的... 目录KNN算法流程使用OpenCV实现KNNOpenCV 是一个开源的跨平台计算机视觉库,它提供了各

SpringBoot条件注解核心作用与使用场景详解

《SpringBoot条件注解核心作用与使用场景详解》SpringBoot的条件注解为开发者提供了强大的动态配置能力,理解其原理和适用场景是构建灵活、可扩展应用的关键,本文将系统梳理所有常用的条件注... 目录引言一、条件注解的核心机制二、SpringBoot内置条件注解详解1、@ConditionalOn