当前位置: 首页 > wzjs >正文

深圳精品网站设计洛可可设计公司估值

深圳精品网站设计,洛可可设计公司估值,怎么建好网站,wordpress花园网站很多软件中(Auto CAD、ODA等)支持以鼠标点为中心进行放缩操作,有什么黑科技吗? 本章节为相机原理和实现的补充内容,支持鼠标放缩时以鼠标点为中心进行放缩。 对应视频课程已上线,欢迎观看和支持~ https:…

很多软件中(Auto CAD、ODA等)支持以鼠标点为中心进行放缩操作,有什么黑科技吗?

本章节为相机原理和实现的补充内容,支持鼠标放缩时以鼠标点为中心进行放缩。

对应视频课程已上线,欢迎观看和支持~

https://www.bilibili.com/cheese/play/ss168681371

学习!《从零开发一款三维CAD软件(OpenGL/QT/C++)》课程上线啦

图片

31.相机:缩放时以鼠标点为中心

在三维软件中,‌以鼠标点为中心缩放可以做到保持聚焦点位置不变,达到视觉上的“中心点聚焦”。这种技术常用于电影镜头语言和游戏场景设计中,通过动态调整视角和物体大小,使用户始终关注特定区域。

31.1.思考和讨论

通常我们会通过鼠标滚轮事件实现场景缩放,而在场景中进行缩放时,会以相机当前的Position(也就是视点)为观察位置进行缩放,通过滚轮滑动的方向和幅度来更新相机的Zoom

回顾

你应该还记得在顶点着色器中将坐标点转换为裁剪坐标过程中需要经过modelMatrixviewMatrixprojectionMatrix的处理,而projectionMatrix的构造与Zoom有关系,当然还与近平面远平面宽高比有关。

在不考虑鼠标位置进行缩放时,会以固定的Position进行观察,而仅仅改变Zoom的大小,这样会出现无论鼠标在场景中任何位置进行滚动,缩放行为都不会考虑鼠标位置,也就是不会考虑我们当前关注的位置。为了实现以鼠标点为中心的缩放,我们还需要更新相机的Position来实现聚焦点的“固定”,这也意味着我们需要同时更新viewMatrixprojectionMatrix

想象和思考

在原理和实现讲解之前,我们先一起想象一下。

  • 鼠标在(curPx,curPy)像素位置进行滚轮放大,当前视角下场景会放大,我们现在看到的范围更小了(也更清晰了),这也意味着(curPx,curPy)像素原本对应的场景位置(curScenePos)可能移出我们屏幕范围了!

怎么样让它固定在(curPx,curPy)像素位置而不是移动呢?

在上述情景想象中,

  • 观察矩阵viewMatrix没有任何变化(也就是观察空间中的效果没有变化);

  • 而由于Zoom的变化,透视平截头体的范围变小了,可见的场景空间变小了(近平面远平面尺寸变小了);

  • (curPx,curPy)

    像素原本对应的场景位置(curScenePos)可能已经不在透视平截头体的范围内了,当然该像素现在对应到另一个场景位置(nextScenePos)了;

我们需要把(curPx,curPy)像素位置固定在对应的场景位置上,那么移动相机的Position就好了,让它靠近原本聚焦点(对应的场景位置)。是的,其实逻辑挺简单的,至于要移动多少?那就移动curScenePos - nextScenePos

nextScenePos怎么计算?以相同的(curPx,curPy)depth来计算场景空间坐标系对应位置就好了。

31.2.原理

我们先不考虑透视投影或者正交投影的概念(这和当前的逻辑原理没有什么关系)。在Zoom更新后,平截头体的范围变化了,(curPx,curPy)屏幕像素对应了新的场景位置(nextScenePos),我们只需要(通过平移Position)把这个位置“平移”到原本对应的场景位置(curScenePos),这样聚焦的目标就“固定”住了。

偏移Position,实现鼠标点的聚焦
图:偏移Position,实现鼠标点的聚焦

 

上图展示了缩放前后、Position平移前后的逻辑示意:

  1. 缩放前鼠标像素位置对应一个场景空间位置curScenePos(为我们聚焦的位置);

  2. 放大后,curScenePos不可见了,而鼠标像素位置对应了另一个场景空间位置nextScenePos了;

  3. 我们把Camera.Position移动(curScenePos - nextScenePos)向量,鼠标像素位置重新对应到了原本的curScenePos

  4. 这样就实现‌了保持聚焦点位置不变的以鼠标点为中心缩放。

31.3.关键代码

void ProcessMouseScroll(float yoffset)
{
//  scale by the mouse hover point if it's pixes is validQVector3D curPt;
float depth;
bool hoverValid = ViewerSetting::mouseScaleByCenter && GetScenePoint(ViewerSetting::currentMousePos[0], ViewerSetting::currentMousePos[1], curPt, depth);//  modify zoom
float downValue = 1.0f;
float upValue = 89.f/*45.0f*/;Zoom -= (float)yoffset;
if (Zoom < downValue)Zoom = downValue;
if (Zoom > upValue)Zoom = upValue;if (hoverValid){
//  cal point of current pixesQVector3D nextPt;GetScenePoint(ViewerSetting::currentMousePos[0], ViewerSetting::currentMousePos[1], depth, nextPt);//  move PositionPosition += (curPt - nextPt);}
}

思考

为什么在计算nextPt时的depth参数要用此前curPt对应的值呢?读者可自行思考。

31.4.效果

效果视频:https://www.bilibili.com/video/BV15zG3zzEgK/

也可在《课程视频》中进行观看,有详细的讲解~

学习!《从零开发一款三维CAD软件(OpenGL/QT/C++)》课程上线啦


专注于图形学(渲染和几何算法)、数据处理、并行计算相关研究和研发,欢迎交流~

学习!《从零开发一款三维CAD软件(OpenGL/QT/C++)》课程上线啦

系列课程已上线,详细的视频讲解,打下扎实的图形学基础,欢迎大家观看和支持~

往期文章:

  • GLViewer:添加ViewCube

  • 学习!《从零开发一款三维CAD软件(OpenGL/QT/C++)》课程上线啦

  • OpenGL模板缓冲:实现亮显外轮廓效果

  • 2025 想从事工业软件开发要掌握哪些知识?

  • 30.抗锯齿(anti aliasing):使用OpenGL+QT开发三维CAD

  • MSAA抗锯齿技术的不足和优化(PPAA)

  • 相机:Camera原理讲解(使用OpenGL+QT开发三维CAD)

  • 开发三维CAD:实现框选和反选功能

  • 图形学:一分钟看懂网格剖分原理(耳切法)

  • 视图立方体:ViewCube的绘制(使用OpenGL+QT开发三维CAD)


图片


文章转载自:

http://ZPS7I8rO.dwwbt.cn
http://CeO8CrSm.dwwbt.cn
http://qinzxZB5.dwwbt.cn
http://VKRI4xRs.dwwbt.cn
http://DNv8wWom.dwwbt.cn
http://JAvX4DL3.dwwbt.cn
http://oOBW2DK8.dwwbt.cn
http://myxAySA9.dwwbt.cn
http://XJDTLqXG.dwwbt.cn
http://vIghR4xV.dwwbt.cn
http://XQO1g0i5.dwwbt.cn
http://AAFW9uHc.dwwbt.cn
http://Tz1HUAK5.dwwbt.cn
http://Z1AWNHCn.dwwbt.cn
http://7mqn3eIA.dwwbt.cn
http://zmueWXTM.dwwbt.cn
http://BDnIFPj5.dwwbt.cn
http://D58HnFqj.dwwbt.cn
http://8lWk4jej.dwwbt.cn
http://OWekYCi6.dwwbt.cn
http://eEFsRZre.dwwbt.cn
http://lqaJG4E5.dwwbt.cn
http://Zm1wJJ1z.dwwbt.cn
http://Vv9tePCj.dwwbt.cn
http://P5Yrb53c.dwwbt.cn
http://yLe83aoK.dwwbt.cn
http://PluDW4kZ.dwwbt.cn
http://MXC9Wvny.dwwbt.cn
http://6s0JV463.dwwbt.cn
http://d1xG8oad.dwwbt.cn
http://www.dtcms.com/wzjs/747413.html

相关文章:

  • 网站建设对于电子商务的意义中国建设银行电脑版
  • 网站栏目策划方案购物商城排名
  • 帝国cms 孕婴网站模板自己怎么搭建个人博客网站
  • 江西建设网官方网站全国互联网平台
  • 长沙哪些公司做网站帮人做网站推选的公司
  • 网站排版的优点白云区建网站设计
  • 唐山网站制作app泉州seo不到首页不扣费
  • c 网站开发案例源码wordpress小工具变成英文版
  • 苏州城乡建设网站手表网站排行榜
  • 企业网站建设 会计分录微信android平板版
  • 山西响应式网站建设公司淘客个人网站怎么建设
  • 东莞五金网站建设wordpress极简主题
  • 上海做网站hlanggroup自适应网站教程
  • 网站的备案应用商店app下载官方
  • 商城网站建设价格低网站备案名称重复
  • it公论 是建立在什么网站郑州网络推广专员
  • 网站灰色代码资阳优化团队市场
  • 邯郸企业网站团队国家学历提升官网
  • 西安网站设计公司哪家好湖南省政务服务网 网站建设要求
  • 不知此网站枉做男人外贸代理公司
  • 电商网站的功能有哪些wordpress怎么迁移
  • 百度跨境电商平台学seo推广
  • 教人做甜品的网站wordpress熊掌号出图
  • 锦州网站建设更好佛山网上注册公司流程
  • 织梦大气金融类通用企业网站模板自己做网站的步骤
  • 做婚姻介绍网站赚钱吗wordpress小商城
  • 微商城网站建设推广手机网站建设制作教程
  • 沈阳建设网站沈阳做网站公司有哪些
  • 如何编写网站开发文档淮北网络推广
  • 比较好的建站系统学校网站建设钉钉