浅谈 Open GL 的坐标变换

本文详细介绍了OpenGL中的坐标变换原理,包括glRotatef和平移函数glTranslatef的使用方法及其执行顺序的影响。通过具体示例展示了如何利用这些函数实现图形的旋转和平移。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

坐标变换glRotatef和glTranslatef

glLoadIdentity()

将当前的用户坐标系的原点移到了屏幕中心:类似于一个复位操作
1.X
坐标轴从左至右,Y坐标轴从下至上,Z坐标轴从里至外。
2.OpenGL
屏幕中心的坐标值是XY轴上的0.0f点。
3.
中心左面的坐标值是负值,右面是正值。
   
移向屏幕顶端是正值,移向屏幕底端是负值。
   
移入屏幕深处是负值,移出屏幕则是正值。

glTranslatef(x, y, z)

沿着 X, Y  Z 轴移动。

注意在glTranslatef(x, y, z),当您移动的时候,您并不是相对屏幕中心移动,而是相对与当前所在的屏幕位置。其作用就是将你绘点坐标的原点在当前原点的基础上平移一个(x,y,z)向量。

glLoadIdentity();         

glTranslatef(-1.5f,0.0f,-6.0f);
glBegin(GL_TRIANGLES);
glVertex3f(0.0f,0.0f, 0.0f);
glVertex3f(1.0f,0.0f, 0.0f);
glVertex3f(0.0f,1.0f, 0.0f);
glEnd();

该三角形绘制的坐标系,实际上是以(-1.5f,0.0f,-6.0f)为原点的。

glRotatef(angle, x, y, z)
glTranslatef(x, y, z)类似,glRotatef(angle, x, y, z)也是对坐标系进行操作。
旋转轴经过原点,方向为(x,y,z),旋转角度为angle,方向满足右手定则。
glLoadIdentity();
glRotatef(45,0.0f,0.0f,1.0f);
glTranslatef(0.0f,0.0f,-6.0f);
glBegin(GL_TRIANGLES);
glVertex3f(0.0f,0.0f, 0.0f);
glVertex3f(1.0f,0.0f, 0.0f);
glVertex3f(0.0f,1.0f, 0.0f);
glEnd();
Z轴正向旋转45度角,因为Z轴正方向由屏幕内指向屏幕外,由右手定则可知方向为逆时针转动。由于直角顶点即为原点,因此将围绕直角逆时针旋转。

 

旋转和平移函数都存在的情况下,程序会如何执行呢?

//

glLoadIdentity();         // Reset The Current Modelview Matrix
 glTranslatef(0.0f, 0.0f, -6.0f);
 glBegin(GL_QUADS);
  glVertex3f(-0.01f,-0.01f, 0.0f);
  glVertex3f( 0.01f,-0.01f, 0.0f);
  glVertex3f( 0.01f, 0.01f, 0.0f);
  glVertex3f(-0.01f, 0.01f, 0.0f);
 glEnd();
 glLoadIdentity();
 glRotatef(45.0f, 0.0f, 0.0f, 1.0f);     //
旋转(局部坐标系的X,Z轴也跟着旋转了)
 glTranslatef(1.0f,0.0f,-6.0f);           //
平移
 
 glBegin(GL_TRIANGLES);
  glVertex3f(0.0f,0.0f, 0.0f);
  glVertex3f(1.0f,0.0f, 0.0f);
  glVertex3f(0.0f,1.0f, 0.0f);
 glEnd();

/

如果旋转和平移语句的顺序调换一下结果会怎么样呢?

glLoadIdentity();         // Reset The Current Modelview Matrix
 glTranslatef(0.0f, 0.0f, -6.0f);
 glBegin(GL_QUADS);
  glVertex3f(-0.01f,-0.01f, 0.0f);
  glVertex3f( 0.01f,-0.01f, 0.0f);
  glVertex3f( 0.01f, 0.01f, 0.0f);
  glVertex3f(-0.01f, 0.01f, 0.0f);
 glEnd();
 glLoadIdentity();
 glTranslatef(1.0f,0.0f,-6.0f);
 glRotatef(45.0f, 0.0f, 0.0f, 1.0f);
 
 glBegin(GL_TRIANGLES);
  glVertex3f(0.0f,0.0f, 0.0f);
  glVertex3f(1.0f,0.0f, 0.0f);
  glVertex3f(0.0f,1.0f, 0.0f);
 glEnd();

//

由这三个例子可知,所有对图形进行平移旋转等操作的语句的执行顺序都是从下到上执行的。

(感觉是从上到下执行的,不清楚怎么回事,知道的给解释下)

而且旋转语句的旋转中心知(0.0f 0.0f, 0.0f)这个点。


glLoadIdentity();
glRotatef(45,0.0f,0.0f,1.0f);
glLoadIdentity();
glTranslatef(0.0f,0.0f,-6.0f);
glBegin(GL_TRIANGLES);
glVertex3f(0.0f,0.0f, 0.0f);
glVertex3f(1.0f,0.0f, 0.0f);
glVertex3f(0.0f,1.0f, 0.0f);
glEnd();

在旋转之后加了一个复位的指令,图形就不会旋转了。


转自http://www.cppblog.com/cslover/archive/2012/11/06/194715.html

### 如何在 OpenLayers 中进行坐标转换 #### 使用 `getPixelFromCoordinate` 和 `getCoordinateFromPixel` 为了实现地图坐标到屏幕坐标的转换以及反向操作,OpenLayers 提供了两种方法:`getPixelFromCoordinate` 可用于将地理坐标转为相对于视口左上角的像素位置;而 `getCoordinateFromPixel` 则负责把给定的像素点映射回对应的地理位置[^2]。 ```javascript // 获取DOM元素 let canvasEl = document.querySelector('canvas'); // 坐标转像素 let pixelPos = map.getPixelFromCoordinate(geoCoord); // 修改像素位置并重新计算新的地理坐标 pixelPos[1] += canvasEl.offsetHeight * 0.25; let newGeoCoord = map.getCoordinateFromPixel(pixelPos); ``` 此代码片段展示了如何基于现有地理坐标创建一个新的偏移后的地理坐标。通过调整像素Y轴的位置来达到视觉上的移动效果,并最终更新地图视角至新中心点。 #### 处理不同坐标系间的变换 当涉及到不同的空间参考系统时(例如从WGS84到GCJ02),则需借助额外工具库完成更复杂的投影变换过程[^3]。对于此类需求,通常会引入proj4js这样的第三方库来进行支持: ```javascript import proj4 from 'proj4'; import {register} from 'ol/proj'; // 注册自定义投影定义 register(proj4); // 定义源目标SRS字符串 const sourceProj = 'EPSG:4326'; // WGS84 const destProj = '+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs +towgs84=0,0,0,+to_meter=1.0,+type=crs'; // 进行坐标转换 function transformCoords(coords){ return ol.proj.transform(coords,sourceProj ,destProj ); } ``` 上述函数接受一对经纬度参数作为输入,并返回经过转换处理过的另一套坐标值。注意这里使用的是`ol.proj.transform()`而不是简单的属性访问器,这允许跨多个已知的空间参照体系间灵活切换。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值