【opengles】笔记1:屏幕坐标与归一化坐标(NDC)的转换

参考资料

OpenGL希望在所有顶点着色器运行后,所有我们可见的顶点都变为标准化设备坐标(Normalized Device Coordinate, NDC)。也就是说,每个顶点的x,y,z坐标都应该在-1.0到1.0之间,超出这个坐标范围的顶点都将不可见。

屏幕的中心点是(0,0)三个坐标轴的范围都是(-1.0,1.0)这样的坐标系是NDC坐标系

屏幕坐标系是指左上角为(0,0),单位长度是1个像素,右下角的坐标是(width,height)的坐标系,比如宽800,高600的屏幕左下角的坐标是(800,600)。

着色器和描画等操作的坐标还是NDC坐标,如果使用屏幕坐标系,描画时需要转换为NDC。

转换关系如下

由上述公式可以得到下面四个函数

复制代码
```c
int x_ndc_to_screen(float x)
{
	return (x+1)*0.5f*SCREEN_WIDTH;
}

int y_ndc_to_screen(float y)
{
	return (1-y)*0.5f*SCREEN_HEIGHT;
}

float x_screen_to_ndc(int x)
{
	return (x*2)/800.0-1;
}

float y_screen_to_ndc(int y)
{
	return 1-(y*2)/600.0;
}

在描画时调用即可

创作不易,扫个红包吧

相关推荐
:mnong13 小时前
Web 三维可视化技术对比:ParaView Web vs 本项目 wasm + Three.js
前端·webgl·opengl·opencl·科学可视化
扶尔魔ocy2 天前
【qt openGL入门笔记】OSG实现显示飞机模型飞行的点迹(二)
qt·opengl·osg
扶尔魔ocy2 天前
【qt openGL入门笔记】OSG实现飞机模型在网格图上飞行(三)
opengl·osg
扶尔魔ocy3 天前
【qt openGL入门笔记】OSG实现飞机模型在网格图上飞行
qt·opengl·osg
扶尔魔ocy7 天前
【qt openGL入门笔记】FPS相机
qt·opengl
扶尔魔ocy7 天前
qt openGL入门笔记】FPS相机和轨道相机
qt·opengl
扶尔魔ocy9 天前
【qt openGL入门笔记】基础光照
qt·opengl
扶尔魔ocy9 天前
【qt openGL入门笔记】坐标系统和摄像机
qt·opengl
茉莉玫瑰花茶12 天前
OpenGL [ 纹理 ]
开发语言·c++·opengl
mmsx23 天前
Android 地图十万要素不卡顿:空间网格 + 渐进式加载的移动端实践
android·大数据·opengl