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

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

相关文章

Python的端到端测试框架SeleniumBase使用解读

《Python的端到端测试框架SeleniumBase使用解读》:本文主要介绍Python的端到端测试框架SeleniumBase使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全... 目录SeleniumBase详细介绍及用法指南什么是 SeleniumBase?SeleniumBase

Qt 设置软件版本信息的实现

《Qt设置软件版本信息的实现》本文介绍了Qt项目中设置版本信息的三种常用方法,包括.pro文件和version.rc配置、CMakeLists.txt与version.h.in结合,具有一定的参考... 目录在运行程序期间设置版本信息可以参考VS在 QT 中设置软件版本信息的几种方法方法一:通过 .pro

Java继承映射的三种使用方法示例

《Java继承映射的三种使用方法示例》继承在Java中扮演着重要的角色,它允许我们创建一个类(子类),该类继承另一个类(父类)的所有属性和方法,:本文主要介绍Java继承映射的三种使用方法示例,需... 目录前言一、单表继承(Single Table Inheritance)1-1、原理1-2、使用方法1-

Android DataBinding 与 MVVM使用详解

《AndroidDataBinding与MVVM使用详解》本文介绍AndroidDataBinding库,其通过绑定UI组件与数据源实现自动更新,支持双向绑定和逻辑运算,减少模板代码,结合MV... 目录一、DataBinding 核心概念二、配置与基础使用1. 启用 DataBinding 2. 基础布局

Android ViewBinding使用流程

《AndroidViewBinding使用流程》AndroidViewBinding是Jetpack组件,替代findViewById,提供类型安全、空安全和编译时检查,代码简洁且性能优化,相比Da... 目录一、核心概念二、ViewBinding优点三、使用流程1. 启用 ViewBinding (模块级

HTML5实现的移动端购物车自动结算功能示例代码

《HTML5实现的移动端购物车自动结算功能示例代码》本文介绍HTML5实现移动端购物车自动结算,通过WebStorage、事件监听、DOM操作等技术,确保实时更新与数据同步,优化性能及无障碍性,提升用... 目录1. 移动端购物车自动结算概述2. 数据存储与状态保存机制2.1 浏览器端的数据存储方式2.1.

基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)

《基于HTML5Canvas实现图片旋转与下载功能(完整代码展示)》本文将深入剖析一段基于HTML5Canvas的代码,该代码实现了图片的旋转(90度和180度)以及旋转后图片的下载... 目录一、引言二、html 结构分析三、css 样式分析四、JavaScript 功能实现一、引言在 Web 开发中,

SpringBoot中使用Flux实现流式返回的方法小结

《SpringBoot中使用Flux实现流式返回的方法小结》文章介绍流式返回(StreamingResponse)在SpringBoot中通过Flux实现,优势包括提升用户体验、降低内存消耗、支持长连... 目录背景流式返回的核心概念与优势1. 提升用户体验2. 降低内存消耗3. 支持长连接与实时通信在Sp

Conda虚拟环境的复制和迁移的四种方法实现

《Conda虚拟环境的复制和迁移的四种方法实现》本文主要介绍了Conda虚拟环境的复制和迁移的四种方法实现,包括requirements.txt,environment.yml,conda-pack,... 目录在本机复制Conda虚拟环境相同操作系统之间复制环境方法一:requirements.txt方法

Spring Boot 实现 IP 限流的原理、实践与利弊解析

《SpringBoot实现IP限流的原理、实践与利弊解析》在SpringBoot中实现IP限流是一种简单而有效的方式来保障系统的稳定性和可用性,本文给大家介绍SpringBoot实现IP限... 目录一、引言二、IP 限流原理2.1 令牌桶算法2.2 漏桶算法三、使用场景3.1 防止恶意攻击3.2 控制资源