OpenGL（六）——坐标系统

最新推荐文章于 2025-06-05 11:46:27 发布
最新推荐文章于 2025-06-05 11:46:27 发布
阅读量1.8k 收藏 7
点赞数
CC 4.0 BY-SA版权
分类专栏： OpenGL 文章标签： 算法 计算机视觉 人工智能
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qinze5857/article/details/130490329
文章详细阐述了OpenGL中从局部空间到屏幕空间的顶点坐标变换过程，包括局部空间、世界空间、观察空间、裁剪空间和屏幕空间的概念，以及正射投影和透视投影的区别。同时，介绍了模型矩阵、观察矩阵和投影矩阵在变换中的作用，以及如何在顶点着色器中应用这些变换矩阵。

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

目录

一、前言

二、空间系

2.1 局部空间

2.2 世界空间

2.3 观察空间

2.4裁剪空间

2.5 正射投影

2.6 透视投影

2.7 屏幕空间

 三、透视箱子

3.1 创建模型矩阵

3.2 创建观察矩阵

3.3 创建透视投影矩阵

3.4 修改顶点着色器

3.5 传递变换矩阵

四、旋转的箱子 

 五、好多箱子

一、前言

OpenGL显示的顶点在（-1，1）之间，这个坐标叫做标准化设别坐标（Normalized Device Coordinate， NDC）。将物体坐标变化到最终的NDC坐标需要几个过度坐标，在这些坐标系下计算非常容易和方便。过渡坐标分别在局部空间（物体空间）、世界空间、观察空间、裁剪空间、屏幕空间。

 物体坐标从一个坐标系变换到另一个坐标系需要用到几个变换矩阵，最重要的几个分别是模型(Model)、观察(View)、投影(Projection)三个矩阵。我们的顶点坐标起始于局部坐标(Local Coordinate)，之后会变为世界坐标(World Coordinate)，观察坐标(View Coordinate)，裁剪坐标(Clip Coordinate)，并以屏幕坐标(Screen Coordinate)的形式结束。

局部坐标：相对局部原点坐标，物体起始坐标，便于对物体本身进行修改

世界坐标：相对于世界全局原点，和其他物体一起相对于世界原点摆放，便于对一个物体的相对其它物体位置进行操作

观察空间坐标：相对于摄像机或者观察者的角度进行的

裁剪坐标：投影到裁剪空间，被处理至-1到1的范围，并判断哪些顶点出现在屏幕上

屏幕坐标：使用视口变换，将-1到1的坐标转换到glViewPort函数定义的坐标范围内，送给光栅器，转化为片段

二、空间系

2.1 局部空间

局部空间是指物体所在的坐标空间，模型都以（0，0，0）为初始位置，但是它们出现在世界的不同位置。模型的所有顶点都是在局部坐标系中，它们相对于你的物体来说都是局部的。

2.2 世界空间

将所有模型导入到程序中，每个模型物体都有自己的位置，需要定义世界空间原点，模型矩阵用来完成物体坐标从局部变换到世界空间。

模型矩阵：可以对物体进行位移、缩放、旋转它本应该在位置和朝向。

2.3 观察空间

观察空间也叫OpenGL摄像机，也称为摄像机空间、视觉空间。观察空间将世界空间坐标转化为用户视野前方坐标。

观察矩阵：世界空间变换到观察空间使用一系列位移、旋转等组合来完成。

2.4裁剪空间

在顶点着色器运行的最后，OpenGL期望所有坐标落在一个特定范围内（-1，1），范围外的点应该被剪掉（Clip）。屏幕上可见的片段叫做裁剪空间。

投影矩阵（projection Matrix）：将指定的坐标集（coordinate set）并将它变化为标准化设备坐标系。投影矩阵可以将3D坐标投影到2D标准化设备坐标中。

由投影矩阵创建的观察箱viewing box被称为平截头体，每个出现在平截头体范围内的坐标最终出现在屏幕上。

一旦所有顶点被变换到裁剪空间，将会执行透视除法，将位置向量的x,y,z分量除以向量齐次w分量。透视除法是将4D裁剪空间坐标变换为3D标准化设备坐标的过程。

观察坐标转换为裁剪坐标投影矩阵有两种形式：正射投影矩阵、透视投影矩阵

2.5 正射投影

正射投影定义一个裁剪空间，空间之外的顶点都会被裁剪掉。创建正射投影需要指定空间的长宽高。下图定义了可见坐标，由宽、高、远近平面指定。该空间内部所有坐标映射为标准设备坐标NDC。

创建正射投影矩阵：

glm::ortho(0.0f, 800.0f, 0.0f, 600.0f, 0.1f, 100.0f);
参数1：裁剪空间左坐标
参数2：裁剪空间右坐标
参数3：裁剪空间底部坐标
参数4：裁剪空间顶部坐标
参数5：近平面距离
参数6：远平面距离

 正射投影矩阵直接将坐标映射到2D平面（屏幕上），实际上一个直接投影矩阵会产生不真实结果，因为没有将透视（perspective）考虑进去。因此正射投影主要用于二维渲染以及一些建筑或者工程的程序，这些场景顶点不会被透视干扰。

2.6 透视投影

透视：立体空间中，近大远小的效果。透视使得两条平行线在远距离会相交，这是透视投影矩阵要完成的效果。

 透视投影矩阵将给定的平截头体映射到裁剪空间，还会修改每个顶点坐标w值，从而使离观察者越远的顶点坐标w分量越大。被变换到裁剪空间的坐标都会在(-w,w)范围内（超出范围坐标被剪掉）。

OpenGL要求所有可见坐标落在（-1，1）范围内，作为顶点着色器输出，当坐标在裁剪空间后，进行透视除法操作，近大远小：

 

 

glm::mat4 proj = glm::perspective(glm::radians(45.0f), (float)width/(float)height, 0.1f, 100.0f);
参数1：fov值，视野，设置观察空间大小
参数2：设置高宽比，视口宽除以高所得
参数3：平截头体近平面距离，0.1
参数4：平截头体远平面距离，100

2.7 屏幕空间

裁剪空间后的坐标映射到屏幕空间（glViewPort设定），并变换为片段。

一个顶点坐标将会经过下面变化，到裁剪坐标，注意矩阵运算顺序是相反的，最后顶点被赋值到gl_Position，OpenGL会自动对其进行透视除法变换到标准化设备坐标。OpenGL使用glViewPort内部的参数将NDC映射到屏幕坐标，每个坐标关联一个屏幕点，该过程称为视口变换。

 三、透视箱子

3.1 创建模型矩阵

位移、缩放、旋转操作。该模型矩阵将应用到所有物体顶点上，来映射到全局世界坐标。变换平面，让其绕x轴旋转。（当前位于原点（0，0，0））

 顶点乘以该模型矩阵，将顶点坐标变换到世界坐标，看起来在地板上，表示全局世界的平面。

glm::mat4 model;
model = glm::rotate(model,glm::radians(-55.0f),glm::vec3(1.0,0.0,0.0));

3.2 创建观察矩阵

想要在场景里移动，可以将摄像机向后移动，或者将整个场景向前移动。以相反与摄像机移动的方向移动整个场景。OpenGL是右手坐标系，当我们要沿z轴正方向移动时，我们将场景沿z轴负方向平移来实现。

右手坐标系 大拇指指向正x轴方向，食指指向正y轴方向，中指指向正z轴方向（DirectX使用左手坐标系）注意在标准化设备坐标系中OpenGL实际上使用的是左手坐标系（投影矩阵交换了左右手）。

glm:mat4 view;
// 注意，我们将矩阵向我们要进行移动场景的反方向移动
view = glm::translate(view,glm::vec3(0.0,0.0,-3.0));

3.3 创建透视投影矩阵

glm::mat4 projection;
projection = glm::perspective(glm::radians(45.0f), screenWidth/screenHight,0.1,100.0);

3.4 修改顶点着色器

使用uniform声明变换矩阵，然后乘以顶点坐标：

#version 330 core
layout (location = 0) in vec3 aPos;
layout (location = 1) in vec3 aColor;
layout (location = 2) in vec2 aTexCoord;

out vec3 ourColor;
out vec2 TexCoord;

uniform mat4 model;
uniform mat4 view;
uniform mat4 projection;

void main()
{
    // 注意乘法要从右向左读
	gl_Position = projection*view*model*vec4(aPos, 1.0);
	ourColor = aColor;
	TexCoord = vec2(aTexCoord.x, aTexCoord.y);
}

3.5 传递变换矩阵

        //model matrix
        glm::mat4 modelMat = glm::mat4(1.0f);
        modelMat = glm::rotate(modelMat, glm::radians(-55.0f), glm::vec3(1.0, 0.0, 0.0));
        //view matrix
        glm::mat4 viewMat = glm::mat4(1.0f);
        viewMat = glm::translate(viewMat, glm::vec3(0.0f, 0.0f, -3.0f));
        //projection matrix
        glm::mat4 projectionMat = glm::mat4(1.0f);
        projectionMat = glm::perspective(glm::radians(45.0f), (float)(SCR_WIDTH / SCR_HEIGHT), 0.1f, 100.0f);
        //着色器引用
        ourShader.use();
        unsigned int modelLoc = glGetUniformLocation(ourShader.ID, "model");
        glUniformMatrix4fv(modelLoc, 1, GL_FALSE, glm::value_ptr(modelMat));
        unsigned int viewlLoc = glGetUniformLocation(ourShader.ID, "view");
        glUniformMatrix4fv(viewlLoc, 1, GL_FALSE, glm::value_ptr(viewMat));
        unsigned int projectionlLoc = glGetUniformLocation(ourShader.ID, "projection");
        glUniformMatrix4fv(projectionlLoc, 1, GL_FALSE, glm::value_ptr(projectionMat));

四、旋转的箱子 

3D箱子顶点：

    float vertices[] = {
    -0.5f, -0.5f, -0.5f,  0.0f, 0.0f,
     0.5f, -0.5f, -0.5f,  1.0f, 0.0f,
     0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
     0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
    -0.5f,  0.5f, -0.5f,  0.0f, 1.0f,
    -0.5f, -0.5f, -0.5f,  0.0f, 0.0f,

    -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
     0.5f, -0.5f,  0.5f,  1.0f, 0.0f,
     0.5f,  0.5f,  0.5f,  1.0f, 1.0f,
     0.5f,  0.5f,  0.5f,  1.0f, 1.0f,
    -0.5f,  0.5f,  0.5f,  0.0f, 1.0f,
    -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,

    -0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
    -0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
    -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
    -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
    -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
    -0.5f,  0.5f,  0.5f,  1.0f, 0.0f,

     0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
     0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
     0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
     0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
     0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
     0.5f,  0.5f,  0.5f,  1.0f, 0.0f,

    -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
     0.5f, -0.5f, -0.5f,  1.0f, 1.0f,
     0.5f, -0.5f,  0.5f,  1.0f, 0.0f,
     0.5f, -0.5f,  0.5f,  1.0f, 0.0f,
    -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
    -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,

    -0.5f,  0.5f, -0.5f,  0.0f, 1.0f,
     0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
     0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
     0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
    -0.5f,  0.5f,  0.5f,  0.0f, 0.0f,
    -0.5f,  0.5f, -0.5f,  0.0f, 1.0f
    };

修改模型矩阵：

        glm::mat4 modelMat = glm::mat4(1.0f);
        //modelMat = glm::rotate(modelMat, glm::radians(-55.0f), glm::vec3(1.0, 0.0, 0.0));//model matrix
        modelMat = glm::rotate(modelMat, (float)glfwGetTime(), glm::vec3(0.5f, 1.0f, 0.0f));

解释VAO数据：

    glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void*)0);//位置
    glEnableVertexAttribArray(0);
    glVertexAttribPointer(1, 2, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void*)(3 * sizeof(float)));//纹理
    glEnableVertexAttribArray(1);

 立方体某些本应遮挡住的面被绘制在立方体其他面上。OpenGL是一个三角形一个三角形绘制立方体，即便有东西也会覆盖之前的像素。OpenGL存储深度信息在Z缓冲中，允许OpenGL是否去执行覆盖像素。通过Z缓冲来配置OpenGL深度测试。

GLFW会自动生成一个深度缓冲，深度值存储在每个片段里面，当片段要输出它的颜色时，OpenGL将它的深度值与Z缓冲进行比较，如果当前片段在其他片段之后会被丢失，否则会被覆盖。

glEnable(GL_DEPTH_TEST);//glDisable关闭

glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);//清除深度缓冲

 五、好多箱子

要在屏幕上显示10个立方体，每个立方体看起来是一样的，区别是世界位置和旋转角度不同。立方体图形布局已经定义好了，只需改变每个对象的模型矩阵来将立方体变换到世界坐标中。

定义每个立方体的位置：

glm::vec3 cubePositions[] = {
  glm::vec3( 0.0f,  0.0f,  0.0f), 
  glm::vec3( 2.0f,  5.0f, -15.0f), 
  glm::vec3(-1.5f, -2.2f, -2.5f),  
  glm::vec3(-3.8f, -2.0f, -12.3f),  
  glm::vec3( 2.4f, -0.4f, -3.5f),  
  glm::vec3(-1.7f,  3.0f, -7.5f),  
  glm::vec3( 1.3f, -2.0f, -2.5f),  
  glm::vec3( 1.5f,  2.0f, -2.5f), 
  glm::vec3( 1.5f,  0.2f, -1.5f), 
  glm::vec3(-1.3f,  1.0f, -1.5f)  
};

渲染主循环中循环绘制cubePositions

glBindVertexArray(VAO);
for(unsigned int i = 0; i < 10; i++)
{
  glm::mat4 model;
  model = glm::translate(model, cubePositions[i]);
  float angle = 20.0f * i; 
  model = glm::rotate(model, glm::radians(angle), glm::vec3(1.0f, 0.3f, 0.5f));
  ourShader.setMat4("model", model);

  glDrawArrays(GL_TRIANGLES, 0, 36);
}

 

#include <iostream>
#include <string>

#include "glad.h"
#include "GL/glfw3.h"
#define STB_IMAGE_IMPLEMENTATION
#include "stb_image.h"
#include <glm/glm.hpp>
#include <glm/gtc/matrix_transform.hpp>
#include <glm/gtc/type_ptr.hpp>
#include "Shader.h"
// settings
const unsigned int SCR_WIDTH = 800;
const unsigned int SCR_HEIGHT = 600;

// process all input: query GLFW whether relevant keys are pressed/released this frame and react accordingly
// ---------------------------------------------------------------------------------------------------------
void processInput(GLFWwindow* window)
{
    if (glfwGetKey(window, GLFW_KEY_ESCAPE) == GLFW_PRESS)
        glfwSetWindowShouldClose(window, true);
}

// glfw: whenever the window size changed (by OS or user resize) this callback function executes
// ---------------------------------------------------------------------------------------------
void framebuffer_size_callback(GLFWwindow* window, int width, int height)
{
    // make sure the viewport matches the new window dimensions; note that width and 
    // height will be significantly larger than specified on retina displays.
    glViewport(0, 0, width, height);
}

int main()
{
    // glfw: 初始化、配置
    // ------------------------------
    glfwInit();
    glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);
    glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);
    glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);

#ifdef __APPLE__
    glfwWindowHint(GLFW_OPENGL_FORWARD_COMPAT, GL_TRUE);
#endif
    // glfw: 创建窗口、绑定回调
    // --------------------
    GLFWwindow* window = glfwCreateWindow(SCR_WIDTH, SCR_HEIGHT, "LearnOpenGL", NULL, NULL);
    if (window == NULL)
    {
        std::cout << "Failed to create GLFW window" << std::endl;
        glfwTerminate();
        return -1;
    }
    glfwMakeContextCurrent(window);
    glfwSetFramebufferSizeCallback(window, framebuffer_size_callback);
    // glad: 加载OpenGL相关函数指针
    // ---------------------------------------
    if (!gladLoadGLLoader((GLADloadproc)glfwGetProcAddress))
    {
        std::cout << "Failed to initialize GLAD" << std::endl;
        return -1;
    }
    // 构建、编译着色器
    // ------------------------------------
    Shader ourShader("vertexTexture.vs", "fragmentTexture.fms");
    // 顶点数据
    // ------------------------------------------------------------------
    /*float vertices[] = {
        // 位置                 // 纹理坐标
         0.5f,  0.5f, 0.0f,     1.0f, 1.0f, // top right
         0.5f, -0.5f, 0.0f,     1.0f, 0.0f, // bottom right
        -0.5f, -0.5f, 0.0f,     0.0f, 0.0f, // bottom left
        -0.5f,  0.5f, 0.0f,     0.0f, 1.0f  // top left 
    };
    unsigned int indices[] = {
        0, 1, 3, // 第一个三角形
        1, 2, 3  // 第二个三角形
    };*/
    float vertices[] = {
    -0.5f, -0.5f, -0.5f,  0.0f, 0.0f,
     0.5f, -0.5f, -0.5f,  1.0f, 0.0f,
     0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
     0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
    -0.5f,  0.5f, -0.5f,  0.0f, 1.0f,
    -0.5f, -0.5f, -0.5f,  0.0f, 0.0f,

    -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
     0.5f, -0.5f,  0.5f,  1.0f, 0.0f,
     0.5f,  0.5f,  0.5f,  1.0f, 1.0f,
     0.5f,  0.5f,  0.5f,  1.0f, 1.0f,
    -0.5f,  0.5f,  0.5f,  0.0f, 1.0f,
    -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,

    -0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
    -0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
    -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
    -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
    -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
    -0.5f,  0.5f,  0.5f,  1.0f, 0.0f,

     0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
     0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
     0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
     0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
     0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
     0.5f,  0.5f,  0.5f,  1.0f, 0.0f,

    -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
     0.5f, -0.5f, -0.5f,  1.0f, 1.0f,
     0.5f, -0.5f,  0.5f,  1.0f, 0.0f,
     0.5f, -0.5f,  0.5f,  1.0f, 0.0f,
    -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
    -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,

    -0.5f,  0.5f, -0.5f,  0.0f, 1.0f,
     0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
     0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
     0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
    -0.5f,  0.5f,  0.5f,  0.0f, 0.0f,
    -0.5f,  0.5f, -0.5f,  0.0f, 1.0f
    };
    glm::vec3 cubePositions[] = {
  glm::vec3(0.0f,  0.0f,  0.0f),
  glm::vec3(2.0f,  5.0f, -15.0f),
  glm::vec3(-1.5f, -2.2f, -2.5f),
  glm::vec3(-3.8f, -2.0f, -12.3f),
  glm::vec3(2.4f, -0.4f, -3.5f),
  glm::vec3(-1.7f,  3.0f, -7.5f),
  glm::vec3(1.3f, -2.0f, -2.5f),
  glm::vec3(1.5f,  2.0f, -2.5f),
  glm::vec3(1.5f,  0.2f, -1.5f),
  glm::vec3(-1.3f,  1.0f, -1.5f)
    };
    //创建顶点对象
    unsigned int VAO, VBO, EBO;
    glGenVertexArrays(1, &VAO);//顶点数组
    glGenBuffers(1, &VBO);//数据缓存
    //glGenBuffers(1, &EBO);//数据缓存
    //绑定数据
    glBindVertexArray(VAO);
    glBindBuffer(GL_ARRAY_BUFFER, VBO);
    glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);
    //glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, EBO);
    //glBufferData(GL_ELEMENT_ARRAY_BUFFER, sizeof(indices), indices, GL_STATIC_DRAW);
    //解释数据
    glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void*)0);//位置
    glEnableVertexAttribArray(0);
    glVertexAttribPointer(1, 2, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void*)(3 * sizeof(float)));//纹理
    glEnableVertexAttribArray(1);
    //创建纹理对象1
    unsigned int texture1;
    glGenTextures(1, &texture1);
    glBindTexture(GL_TEXTURE_2D, texture1);
    //设置纹理环绕方式
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);
    //设置纹理过滤方式
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR_MIPMAP_LINEAR);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
    //加载图片1到纹理数据
    int width, height, nrChannels;
    unsigned char* data = stbi_load(std::string("container.jpg").c_str(), &width, &height, &nrChannels, 0);
    if (data)
    {
        //加载数据，生成OpenGL纹理图
        glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, width, height, 0, GL_RGB, GL_UNSIGNED_BYTE, data);
        //多级渐远纹理
        glGenerateMipmap(GL_TEXTURE_2D);
    }
    else
    {
        std::cout << "Failed to load texture" << std::endl;
    }
    //释放内存
    stbi_image_free(data);
    //创建纹理对象2
    unsigned int texture2;
    // texture 2
// ---------
    glGenTextures(1, &texture2);
    glBindTexture(GL_TEXTURE_2D, texture2);
    // set the texture wrapping parameters
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);	// set texture wrapping to GL_REPEAT (default wrapping method)
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);
    // set texture filtering parameters
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
    // load image, create texture and generate mipmaps
    stbi_set_flip_vertically_on_load(true);
    data = stbi_load(std::string("awesomeface.png").c_str(), &width, &height, &nrChannels, 0);
    if (data)
    {
        // note that the awesomeface.png has transparency and thus an alpha channel, so make sure to tell OpenGL the data type is of GL_RGBA
        glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, width, height, 0, GL_RGBA, GL_UNSIGNED_BYTE, data);
        glGenerateMipmap(GL_TEXTURE_2D);
    }
    else
    {
        std::cout << "Failed to load texture" << std::endl;
    }
    stbi_image_free(data);

    //OpenGL解释纹理单元的编号
    ourShader.use(); 
    ourShader.setInt("textur1", 0);
    ourShader.setInt("textur2", 1);
    glEnable(GL_DEPTH_TEST);
    //旋转90度，缩放0.5倍
    //glm::mat4 trans = glm::mat4(1.0f);
   // trans = glm::rotate(trans, glm::radians(90.0f), glm::vec3(0, 0, 1.0));
    //trans = glm::scale(trans, glm::vec3(0.5, 0.5, 0.5));

    //渲染
    while (!glfwWindowShouldClose(window))
    {
        processInput(window);

        //背景颜色
        glClearColor(0.2f, 0.3f, 0.3f, 1.0f);
        glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
        //绑定对应的纹理
        glActiveTexture(GL_TEXTURE0);
        glBindTexture(GL_TEXTURE_2D, texture1);
        glActiveTexture(GL_TEXTURE1);
        glBindTexture(GL_TEXTURE_2D, texture2);
        //glm::mat4 modelMat = glm::mat4(1.0f);
        glm::mat4 viewMat = glm::mat4(1.0f);
        glm::mat4 projectionMat = glm::mat4(1.0f);
        //modelMat = glm::rotate(modelMat, glm::radians(-55.0f), glm::vec3(1.0, 0.0, 0.0));//model matrix
        //modelMat = glm::rotate(modelMat, (float)glfwGetTime(), glm::vec3(0.5f, 1.0f, 0.0f));
        viewMat = glm::translate(viewMat, glm::vec3(0.0f, 0.0f, -3.0f));//view matrix 
        projectionMat = glm::perspective(glm::radians(45.0f), (float)(SCR_WIDTH / SCR_HEIGHT), 0.1f, 100.0f);//projection matrix
        //着色器引用
        ourShader.use();
        //unsigned int modelLoc = glGetUniformLocation(ourShader.ID, "model");
        //glUniformMatrix4fv(modelLoc, 1, GL_FALSE, glm::value_ptr(modelMat));
        unsigned int viewlLoc = glGetUniformLocation(ourShader.ID, "view");
        glUniformMatrix4fv(viewlLoc, 1, GL_FALSE, glm::value_ptr(viewMat));
        unsigned int projectionlLoc = glGetUniformLocation(ourShader.ID, "projection");
        glUniformMatrix4fv(projectionlLoc, 1, GL_FALSE, glm::value_ptr(projectionMat));
        //绘图
        glBindVertexArray(VAO);
        //glDrawArrays(GL_TRIANGLES, 0, 36);
        for (unsigned int i = 0; i < 10; i++)
        {
            glm::mat4 modelMat = glm::mat4(1.0f);
            modelMat = glm::translate(modelMat, cubePositions[i]);
            modelMat = glm::rotate(modelMat, (float)glfwGetTime(), glm::vec3(1.0f, 0.3f, 0.5f));
            ourShader.setMat4("model", modelMat);
            glDrawArrays(GL_TRIANGLES, 0, 36);
        }

        //glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, 0);
        /*
        * 
        void glDrawElements(	GLenum mode,
 	    GLsizei count,
 	    GLenum type,
 	    const GLvoid * indices);
        */
        //刷新
        glfwSwapBuffers(window);
        glfwPollEvents();
    }
    //释放缓存资源
    glDeleteVertexArrays(1, &VAO);
    glDeleteBuffers(1, &VBO);
    glDeleteBuffers(1, &EBO);
    //释放glfw资源
    glfwTerminate();

    return 0;
}

参考：

坐标系统 - LearnOpenGL CN (learnopengl-cn.github.io)

【openGL教程 11 】关于坐标系统
gongdiwudu的专栏
02-24 2609
本篇是openGL学习中的核心内容之一；坐标之间的互相变换，是较为外向的知识，读懂本篇的基础性知识是射影几何，本篇与着色，像素并无太大关联，甚至与对象物体无关；视觉坐标是虚构的，只有进入度量体系才能具体化并对物体姿态、移动计量和预测，进而产生影响。
计算机图形学OpenGL实验——实现三维空间、视野方向转换
weixin_43576525的博客
02-29 1万+
计算机图形学实验，用OpenGL实现三维空间，绘制三维房间、家具、房屋建筑等。 用到的OpenGL 函数 glColor3f(blue); //设置颜色 glutSolidCube(size);//绘制正方体 glVertex3f(x, y, z);//设置点坐标 glLightfv(a,b,c); //设置光源 glTranslatef(x, y, z`)`;//平移函数 gl...
opengl绘制坐标
03-26
C++用opengl绘制出的二维坐标，简单明了，很容易理解，并且各个部分均有注释
openGL坐标系
热门推荐
Benjamin's IT Life
09-17 3万+
OPENGL坐标系可分为：世界坐标系和当前绘图坐标系。 世界坐标系以屏幕中心为原点(0, 0, 0)。你面对屏幕，你的右边是x正轴，上面是y正轴，屏幕指向你的为z正轴。长度单位这样来定： 窗口范围按此单位恰好是(-1,-1)到(1,1)。 当前绘图坐标系是 绘制物体时的坐标系。程序刚初始化时，世界坐标系和当前绘图坐标系是重合的。当用glTranslatef()，glScalef(), glRotatef()对当前绘图坐标系进行平移、伸缩、旋转变换之后， 世界坐标系和当前绘图坐标系不再重合。改变以
OpenGL图形编程中的坐标系统详解
最新发布
weixin_35728286的博客
06-05 859
右手坐标系统通过一套简单的规则来标识三维空间的X、Y、Z轴：将右手的拇指、食指和中指分别指向正X轴、正Y轴和正Z轴的方向。这样的规则不仅为编程者提供了直观的坐标轴方向，也确保了在不同平台和设备之间保持一致性。graph LR投影坐标系是3D图形学中重要的概念，主要分为两种：正交投影和透视投影。正交投影是一种平行投影，其中投影线是平行的，不会因物体的深度而产生大小变化。这使得物体在视口中的大小保持一致，不反映深度信息，常见于工程绘图和技术制图。
openGL中的坐标系
m0_60259116的博客
04-22 8172
openGL中使用的是右手坐标系 右手坐标系：伸开右手，大拇指指向X轴正方向，食指指向Y轴正方向，其他三个手指指向Z轴正方向 左手坐标系：伸开左手，大拇指指向X轴正方向，食指指向Y轴正方向，其他三个手指指向Z轴正方向 两者的区别主要是两者Z轴的方向是相反的 一、坐标系 openGL中主要的几种坐标系 世界坐标系 以屏幕中心为原点(0,0,0)，当你面对屏幕时，右边是X正轴，上方是Y轴正轴，屏幕指向你的方向为Z轴正轴。窗口范围是从(-1,1)，即屏幕左下角坐标为(-1,-1,0)，右上
OpenGL中的坐标系
sinat_36772813的博客
03-04 1848
openGL中坐标系介绍
OpenGL 坐标系概览
anlz729的博客
05-18 1万+
前言 前面我们总结了OpenGL的基本概念，下面我们着重理解一下OpenGL中的各种坐标系 一、笛卡尔坐标系 标题2D笛卡尔坐标系.png3D笛卡尔坐标系.png二、视口（Viewport） 世界窗口：在世界坐标系中定义一个对齐的矩形（aligned rectangle，即矩阵的边与坐标轴平行）的窗口，这个世界窗口外的部分被裁减并不被绘制。OpenGL会自动地做剪裁。 视口：在显示器的屏幕窗口上定义一个对齐的矩形的视口，OpenGL会自动建立世界窗口和视口的变换（包括缩放和平移）。当世界窗口中所有
OpenGL 作业——坐标系统
qq_57251314的博客
12-29 216
一、使用模型矩阵只让是3倍数的箱子旋转（以及第1个箱子），而让剩下的箱子保持静止 #version 330 core layout (location = 0) in vec3 aPos; layout (location = 2) in vec2 aTexCoord; out vec2 TexCoord; uniform mat4 model; uniform mat4 view; uniform mat4 projection; void main() { gl_Positio...
Opengl复习笔记（二）——坐标变换、三维初步入门【内含代码】
小石子的博客
12-25 555
上一篇基本复习了一下顶点着色器、片段着色器，能绘制出最基本的带纹理的二维图片。接下来就该介绍三维是怎么一个过程~ 本文目录简单变换矩阵基础知识缩放平移旋转矩阵的组合三维系统介绍相机模型加载简单纹理简单光照 简单变换 矩阵基础知识 矩阵是什么？ 下面这个就是一个2X3矩阵，图片其实可以认为是这么一个矩阵，里面的元素是rgb像素 矩阵的运算 矩阵拥有和数值一样的加减乘除运算。 加（减）法（以下分别是跟标量和跟矩阵的加法）： 矩阵乘法： 和数值的乘法 矩阵相乘 缩放 假设向量v=(3,2) ，我们可以把
openGL期末大作业——行走的机器人
06-26
1. **OpenGL基础知识**：首先，你需要对OpenGL的基本概念有清晰的理解，如顶点、坐标系统、颜色、深度缓冲等。OpenGL是一个状态机，通过设置各种状态来控制渲染过程。 2. **固定管线与着色器**：在早期的OpenGL版本...
OpenGL坐标系讲解
12-17
非常系统的讲解关于使用OpenGL进行编程中，关于坐标系的介绍，是做工业建模、三维建模等不可少的资料，欢迎大家使用。
十一、OpenGL的坐标系统
zw1996的博客
06-07 2616
OpenGL的坐标系统实践
OpenGL 坐标系统详解
kfashfasf的博客
11-08 544
经过了这么久的介绍，我们都一直在绘制屏幕中的一个矩形。而事实上，之前的一切过程，我们还只是停留在建造模型的过程。这时候我们的画布里只有这一个模型，我们把当前的坐标系统称作是局部空间。当然，我们的屏幕中大多数情况下不可能只有一个模型，而是千千万万个模型。我们应该通过一系列矩阵变换将模型变换到一个更大的画布中。当然，我们的屏幕是不可能变大的，所以我们是通过一系列的矩阵缩放我们的模型然后放到原始画布中来模拟把模型放入大画布中这个过程。这里，我们把变换到大画布后的坐标系统称为是世界空间。
OpenGL(八) 坐标系统
无提丶的博客
08-26 2703
在上一个教程中，我们学习了如何有效地利用矩阵的变换来对所有顶点进行变换。OpenGL希望在每次顶点着色器运行后，我们可见的所有顶点都为标准化设备坐标(Normalized Device Coordinate, NDC)。也就是说，每个顶点的x，y，z坐标都应该在-1.0到1.0之间，超出这个坐标范围的顶点都将不可见。我们通常会自己设定一个坐标的范围，之后再在顶点着色器中将这些坐标变换为标准化设备坐...
OPENGL坐标系
ruixj的专栏
09-06 9872
openGL坐标系- -                                      openGL使用右手坐标从左到右，x递增从下到上，y递增从远到近，z递增OPENGL坐标系可分为：世界坐标系和当前绘图坐标系。世界坐标系以屏幕中心为原点(0, 0, 0)。你面对屏幕，你的右边是x正轴，上面是y正轴，屏幕指向你的为z正轴。长度单位这样来定： 窗口范围按此单位恰
opengl的坐标系
woaixiangrikui的专栏
10-08 4980
视图模型变换（model-view）就是一个将顶点坐标从世界坐标系变换到视觉坐标系的过程。这里很重要的是对两个坐标系的认识。       世界坐标系也称为全局坐标系。它是一个右手坐标系，可以认为该坐标系是固定不变的，在初始态下，其x轴为沿屏幕水平向右，y轴为沿屏幕垂直向上，z轴则为垂直屏幕面向外指向用户，长度单位这样来定： 窗口范围按此单位恰好是(-1,-1)（左下角）到(1,1)（右上角
OpenGL中的坐标简介
狼牙
08-22 954
OpenGL中从三维场景到屏幕图形要经历如下所示的变换过程： 模型坐标-〉世界坐标-〉观察坐标-〉投影坐标-〉设备坐标 ======================================================================================================================= 其中四种坐标经常要在程序中
OpenGL系统开发案例——Chapter15 FighterTest解析
标题中的“OpenGL系统开发案例代码 Chapter15”指的是该文件是OpenGL图形编程技术的进阶示例教程的一部分，具体涉及到第15章节的案例代码。OpenGL（Open Graphics Library）是一个跨语言、跨平台的应用程序编程接口...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值