准备知识

从这一节我们开始接触3D对象各种各样的变换,使其显示在屏幕上看起来有深度的感觉。通常每一种变换都是通过矩阵来实现的,把这些变换矩阵逐个的乘起来,然后用乘积乘以顶点位置。在每个教程中,我们致力于研究一种变换。

这里我们看一下平移变换,它负责把一个对象沿着一个向量移动一定的方向和距离。比如说你想把三角形从左图的位置移动到右图的位置。

一种做法是在shader中提供一个uniform变量类型的偏移向量,本例中为(1,1),把它和每个待处理的顶点位置相加。然而,这中做法破坏了把一组变换矩阵逐个乘起来获得一个综合的变换矩阵的方法。另外,你將会看到平移变换通常不是第一步变换,因此在平移之前需要用一个矩阵乘以顶点位置的形式来表示该变换,然后和顶点位置相加。这样做显得比较麻烦,一种更好的做法是我们可以找到一个矩阵代表平移变换,然后用它乘上其他变换矩阵。但是你能找到一个矩阵,当乘以三角形左下角的点(0,0)使其结果变为(1,1)吗?事实上使用2维矩阵没法做到。一般来说我们需要一个矩阵M对于给定的一个点P(x,y,z)和一个平移向量V(v1,v2,v3)有M*P=P1(x+v1,y+v2,z+v3)。在P1中我们可以看到每一个分量是P中的分量与对应的V中分量的和。单位矩阵具有这样的性质:I * P = P(x,y,z)。我们需要在单位矩阵的基础上进行修改使得每个分量的结果类似于(…+V1, …+V2, …+V3),最终我们找到的矩阵形式如下:

从这个计算结果我们可以得到两个结论。

1.a,b,c,d,e和f必须为0,否则每两个分量都会对第三个分量有影响。

2.当x,y,z都为0时,结果也为0向量,也就是说我们没办法把(0,0,0)点通过这种方式平移到其他点。

我们想要找到一个矩阵使得右边具有以下的计算结果:

我们需要通过一种方法將v1,v3,v3加上去,这样a-f就可以为0了,因此我们需要在矩阵中添加第四列,由于3x4阶矩阵和3x1阶矩阵不能直接相乘,我们需要將平移向量中也添加一个分量,该分量的值最好为1,这样我们用v1,v2,v3和第四个分量相乘的时候值才不会变。我们目前的矩阵仍然不是最好的,我们通常用一个4x4阶矩阵作为变换矩阵。最终的变换矩阵如下图所示:



(注意:原文对矩阵的描述中有一些错误,图也是错的,这里笔者更正了一下)

项目配置

参考前面的文章。

程序代码

清单1.主程序 tutorial06.cpp代码

  1. /*
  2. Copyright 2010 Etay Meiri
  3. This program is free software: you can redistribute it and/or modify
  4. it under the terms of the GNU General Public License as published by
  5. the Free Software Foundation, either version 3 of the License, or
  6. (at your option) any later version.
  7. This program is distributed in the hope that it will be useful,
  8. but WITHOUT ANY WARRANTY; without even the implied warranty of
  9. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  10. GNU General Public License for more details.
  11. You should have received a copy of the GNU General Public License
  12. along with this program. If not, see <http://www.gnu.org/licenses/>.
  13. Tutorial 06 - translation transform
  14. */
  15. #include "stdafx.h"
  16. #include <stdio.h>
  17. #include <string.h>
  18. #include <assert.h>
  19. #include <math.h>
  20. #include <GL/glew.h>
  21. #include <GL/freeglut.h>
  22. #include "ogldev_math_3d.h"
  23. GLuint VBO;
  24. GLuint gWorldLocation;
  25. const char* pVSFileName = "shader.vs";
  26. const char* pFSFileName = "shader.fs";
  27. static void RenderSceneCB()
  28. {
  29. glClear(GL_COLOR_BUFFER_BIT);
  30. static float Scale = 0.0f;
  31. Scale += 0.001f;
  32. Matrix4f World;
  33. World.m[0][0] = 1.0f; World.m[0][1] = 0.0f; World.m[0][2] = 0.0f; World.m[0][3] = sinf(Scale);
  34. World.m[1][0] = 0.0f; World.m[1][1] = 1.0f; World.m[1][2] = 0.0f; World.m[1][3] = 0.0f;
  35. World.m[2][0] = 0.0f; World.m[2][1] = 0.0f; World.m[2][2] = 1.0f; World.m[2][3] = 0.0f;
  36. World.m[3][0] = 0.0f; World.m[3][1] = 0.0f; World.m[3][2] = 0.0f; World.m[3][3] = 1.0f;
  37. glUniformMatrix4fv(gWorldLocation, 1, GL_TRUE, &World.m[0][0]);
  38. glEnableVertexAttribArray(0);
  39. glBindBuffer(GL_ARRAY_BUFFER, VBO);
  40. glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 0, 0);
  41. glDrawArrays(GL_TRIANGLES, 0, 3);
  42. glDisableVertexAttribArray(0);
  43. glutSwapBuffers();
  44. }
  45. static void InitializeGlutCallbacks()
  46. {
  47. glutDisplayFunc(RenderSceneCB);
  48. glutIdleFunc(RenderSceneCB);
  49. }
  50. static void CreateVertexBuffer()
  51. {
  52. Vector3f Vertices[3];
  53. Vertices[0] = Vector3f(-1.0f, -1.0f, 0.0f);
  54. Vertices[1] = Vector3f(1.0f, -1.0f, 0.0f);
  55. Vertices[2] = Vector3f(0.0f, 1.0f, 0.0f);
  56. glGenBuffers(1, &VBO);
  57. glBindBuffer(GL_ARRAY_BUFFER, VBO);
  58. glBufferData(GL_ARRAY_BUFFER, sizeof(Vertices), Vertices, GL_STATIC_DRAW);
  59. }
  60. static void AddShader(GLuint ShaderProgram, const char* pShaderText, GLenum ShaderType)
  61. {
  62. GLuint ShaderObj = glCreateShader(ShaderType);
  63. if (ShaderObj == 0) {
  64. fprintf(stderr, "Error creating shader type %d\n", ShaderType);
  65. exit(1);
  66. }
  67. const GLchar* p[1];
  68. p[0] = pShaderText;
  69. GLint Lengths[1];
  70. Lengths[0]= strlen(pShaderText);
  71. glShaderSource(ShaderObj, 1, p, Lengths);
  72. glCompileShader(ShaderObj);
  73. GLint success;
  74. glGetShaderiv(ShaderObj, GL_COMPILE_STATUS, &success);
  75. if (!success) {
  76. GLchar InfoLog[1024];
  77. glGetShaderInfoLog(ShaderObj, 1024, NULL, InfoLog);
  78. fprintf(stderr, "Error compiling shader type %d: '%s'\n", ShaderType, InfoLog);
  79. exit(1);
  80. }
  81. glAttachShader(ShaderProgram, ShaderObj);
  82. }
  83. static void CompileShaders()
  84. {
  85. GLuint ShaderProgram = glCreateProgram();
  86. if (ShaderProgram == 0) {
  87. fprintf(stderr, "Error creating shader program\n");
  88. exit(1);
  89. }
  90. string vs, fs;
  91. if (!ReadFile(pVSFileName, vs)) {
  92. exit(1);
  93. };
  94. if (!ReadFile(pFSFileName, fs)) {
  95. exit(1);
  96. };
  97. AddShader(ShaderProgram, vs.c_str(), GL_VERTEX_SHADER);
  98. AddShader(ShaderProgram, fs.c_str(), GL_FRAGMENT_SHADER);
  99. GLint Success = 0;
  100. GLchar ErrorLog[1024] = { 0 };
  101. glLinkProgram(ShaderProgram);
  102. glGetProgramiv(ShaderProgram, GL_LINK_STATUS, &Success);
  103. if (Success == 0) {
  104. glGetProgramInfoLog(ShaderProgram, sizeof(ErrorLog), NULL, ErrorLog);
  105. fprintf(stderr, "Error linking shader program: '%s'\n", ErrorLog);
  106. exit(1);
  107. }
  108. glValidateProgram(ShaderProgram);
  109. glGetProgramiv(ShaderProgram, GL_VALIDATE_STATUS, &Success);
  110. if (!Success) {
  111. glGetProgramInfoLog(ShaderProgram, sizeof(ErrorLog), NULL, ErrorLog);
  112. fprintf(stderr, "Invalid shader program: '%s'\n", ErrorLog);
  113. exit(1);
  114. }
  115. glUseProgram(ShaderProgram);
  116. gWorldLocation = glGetUniformLocation(ShaderProgram, "gWorld");
  117. assert(gWorldLocation != 0xFFFFFFFF);
  118. }
  119. int _tmain(int argc, _TCHAR* argv[])
  120. {
  121. glutInit(&argc, argv);
  122. glutInitDisplayMode(GLUT_DOUBLE|GLUT_RGBA);
  123. glutInitWindowSize(1024, 768);
  124. glutInitWindowPosition(100, 100);
  125. glutCreateWindow("Tutorial 06");
  126. InitializeGlutCallbacks();
  127. // Must be done after glut is initialized!
  128. GLenum res = glewInit();
  129. if (res != GLEW_OK) {
  130. fprintf(stderr, "Error: '%s'\n", glewGetErrorString(res));
  131. return 1;
  132. }
  133. printf("GL version: %s\n", glGetString(GL_VERSION));
  134. glClearColor(0.0f, 0.0f, 0.0f, 0.0f);
  135. CreateVertexBuffer();
  136. CompileShaders();
  137. glutMainLoop();
  138. return 0;
  139. }

代码解读

我们在上一节代码基础上进行修改,这里只对关键代码进行讲解。

  1. struct Matrix4f {
  2. float m[4][4];
  3. };

该结构体在ogldev_math_3d.h头文件中定义,我们几乎所有的变换矩阵都用它表示。

  1. GLuint gWorldLocation;

我们用这个句柄访问shader中定义的uniform变量。

  1. Matrix4f World;
  2. World.m[0][0] = 1.0f; World.m[0][1] = 0.0f; World.m[0][2] = 0.0f; World.m[0][3] = sinf(Scale);
  3. World.m[1][0] = 0.0f; World.m[1][1] = 1.0f; World.m[1][2] = 0.0f; World.m[1][3] = 0.0f;
  4. World.m[2][0] = 0.0f; World.m[2][1] = 0.0f; World.m[2][2] = 1.0f; World.m[2][3] = 0.0f;
  5. World.m[3][0] = 0.0f; World.m[3][1] = 0.0f; World.m[3][2] = 0.0f; World.m[3][3] = 1.0f;

我们准备一个变换矩阵,將v2,v3值设为0,确保它在y/z方向上的位置不发生变换,將v1设为正弦函数的返回值,所以图形会在x方向做“单摆运动”。接下来我们需要將矩阵加载到shader中。

  1. glUniformMatrix4fv(gWorldLocation, 1, GL_TRUE, &World.m[0][0]);

还有一组类似的 glUniform*函数用来將数据加载到shader的uniform变量中。上面这个特定的函数用于加载4x4阶矩阵,还有对应的2x2, 3x3, 3x2, 2x4, 4x2, 3x4 和 4x3版本。第一个参数是uniform变量的位置。第二个参数表明我们要更新矩阵的数量,这里我们只有一个矩阵,所以参数值为1。第三个参数对于新手来说会产生困惑,它表明矩阵是行主序还是列主序。行主序表明矩阵是从上到下一行一行的在内存连续区域存放,列也类似。c/c++语言中默认为行主序。这决定了二维数组元素在内存中的分布情况。

清单2. shader.vs代码

  1. #version 330
  2. layout (location = 0) in vec3 Position;
  3. uniform mat4 gWorld;
  4. void main()
  5. {
  6. gl_Position = gWorld * vec4(Position, 1.0);
  7. }
  1. uniform mat4 gWorld;

这里定义了一个表示4x4阶矩阵的uniform 类型变量。

  1. gl_Position = gWorld * vec4(Position, 1.0);

三角形的顶点位置在顶点缓冲区中为3分量,我们需要第四个分量并将其值设为1。有两个选择:將顶点缓存区中放置四个分量的顶点或者在vertex shader增加一个分量。这里我们采用第二种,这样做效率也会更高。

编译运行

你將会看到三角形左右不停移动。

OpenGL编程逐步深入(六)平移变换的更多相关文章

  1. 用MFC实现OpenGL编程

    一.OpenGL简介 众所周知,OpenGL原先是Silicon Graphics Incorporated(SGI公司)在他们的图形工作站上开发高质量图像的接口.但最近几年它成为一个非常优秀的开放式 ...

  2. SCARA——OpenGL入门学习五六(三维变换、动画)

    OpenGL入门学习(五) 此课为三维变换的内容,比较枯燥.主要是因为很多函数在单独使用时都不好描述其效果, 在前面绘制几何图形的时候,大家是否觉得我们绘图的范围太狭隘了呢?坐标只能从-1到1,还只能 ...

  3. Win32 OpenGL 编程( 1 ) Win32 下的 OpenGL 编程必须步骤

    http://blog.csdn.net/vagrxie/article/details/4602961 Win32 OpenGL 编程( 1 ) Win32 下的 OpenGL 编程必须步骤 wri ...

  4. OpenGL编程指南(第七版)

    OpenGL编程指南(第七版) 转自:http://blog.csdn.net/w540982016044/article/details/21287645 在接触OpenGL中,配置显得相当麻烦,特 ...

  5. 编译opengl编程指南第八版示例代码通过

    最近在编译opengl编程指南第八版的示例代码,如下 #include <iostream> #include "vgl.h" #include "LoadS ...

  6. C#编程总结(六)异步编程

    C#编程总结(六)异步编程 1.什么是异步? 异步操作通常用于执行完成时间可能较长的任务,如打开大文件.连接远程计算机或查询数据库.异步操作在主应用程序线程以外的线程中执行.应用程序调用方法异步执行某 ...

  7. 在 Mac OS X Yosemite 10.10.5 上配置 OpenGL 编程环境

    这个教程主要参考了youtube上的视频 Getting Started in OpenGL with GLFW/GLEW in Xcode 6 ,这个视频有点问题,不能照搬.本人通过自己摸(瞎)索( ...

  8. [转]VS 2012环境下使用MFC进行OpenGL编程

    我就不黏贴复制了,直接给出原文链接:VS 2012环境下使用MFC进行OpenGL编程 其它好文链接: 1.OpenGL系列教程之十二:OpenGL Windows图形界面应用程序

  9. VS15 openGL 编程指南 配置库 triangle例子

    最近去图书馆借了一本书<OpenGL编程指南(原书第八版)>,今天倒腾了一天才把第一个例子运行出来. 所以,给大家分享一下,希望能快速解决配置问题. 一.下载需要的库文件 首先,我们需要去 ...

  10. OpenGL编程(一)渲染一个指定颜色的背景窗口

    上次已经搭好了OpenGL编程的环境.已经成功运行了第一个程序.可只是照搬书上的代码,并没弄懂其中的原理.这次通过一个小程序来解释使用GLUT库编写OpenGL程序的过程. 程序的入口 与其他程序一样 ...

随机推荐

  1. CSS3可伸缩框属性,可用于等分显示子元素或按比例显示子元素的大小

    使用方法跟Android的android:layout_weight属性类似.可类比Android中的使用方法.这样比較好记,因为眼下全部浏览器都不支持大部分的属性,所以全部的属性都须要加上Firef ...

  2. CF 447B(DZY Loves Strings-贪心)

    B. DZY Loves Strings time limit per test 1 second memory limit per test 256 megabytes input standard ...

  3. [iOS]字符串转字典

    有点时候,我们json中有post请求的网址,这个时候我们须要把网址字符串转换成body体 字典   放在post请求中 NSString *body = [self.url_C_ component ...

  4. hdoj 2222 Keywords Search 【AC自己主动机 入门题】 【求目标串中出现了几个模式串】

    Keywords Search Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 131072/131072 K (Java/Others ...

  5. (转)C/C++ 宏详解

    众多C++书籍都忠告我们C语言宏是万恶之首,但事情总不如我们想象的那么坏,就如同goto一样.宏有一个很大的作用,就是自动为我们产生代码.如果说模板可以为我们产生各种型别的代码(型别替换),那么宏其实 ...

  6. CentOS7设置中文输入法

    转自:https://i.cnblogs.com/EditPosts.aspx?postid=8327755&update=1 CentOS7设置中文输入法 安装CentOS7之后,鼓捣了半天 ...

  7. (转载)Mac系统下利用ADB命令连接android手机并进行文件操作

    Mac系统下利用ADB命令连接android手机并进行文件操作 标签: Mac adb android 2016-03-14 10:09 5470人阅读 评论(1) 收藏 举报  分类: Androi ...

  8. 理解 this.initialize.apply ( this, arguments )定义对象的一种方式

    var Class = { create:function() { return function() { this.initialize.apply(this, arguments); }; } } ...

  9. atom安装插件失败 latex

    用atom写latex 链接 http://www.cnblogs.com/schaepher/p/5934184.html 但在gui下安装插件失败 按照以下步骤解决了 安装gitbash cd . ...

  10. Docker学习笔记(1)----认识Docker

    1. 什么Docker? Docker是一个能把开发的应用程序自动部署到容器的引擎,它使用go语言编写的开源引擎,它在github上面个的地址为:https://github.com/docker/d ...