openGL学习笔记三十二： 摄像机

最新推荐文章于 2021-07-24 22:50:07 发布
最新推荐文章于 2021-07-24 22:50:07 发布
阅读量358 收藏
点赞数
分类专栏： # 1.7 OpenGL
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012278016/article/details/105815327
版权

  严格来说 opengl 本身没有提供摄像机接口，而是在glu库中提供了gluLookAt 这个接口，所以摄像机这个概念在三维库opengl中并没有,实际是通过对矩阵的控制来实现摄像机。

相关函数：

	//gluLookAt 函数 本质是通过参数产生一个观察矩阵 然后和 被观察模型矩阵相乘 得到被观察物体位置
	// _eye  表示摄像机位置
	// _lookAt 表示观察的目标点
	// upx upy upz 表示摄像机姿态的 向上的正方向 哪个点变成摄像机的Y轴
	// 所以通过修改参数就可以控制摄像机
	gluLookAt(_eye.x, _eye.y, _eye.z, _lookAt.x, _lookAt.y, _lookAt.z, 0, 1, 0);

代码如下：


/*
* 该实例演示 使用及键盘、鼠标控制摄像机(gluLookAt) 通过不同视角 观察物体
*/

#define GLEW_STATIC
#include <stdio.h>
#include <stdlib.h>
#include <math.h>
#include <iostream>

#include <GL/glew.h>
#include <GLFW/glfw3.h>

#include <glm/vec3.hpp> // glm::vec3
#include <glm/vec4.hpp> // glm::vec4
#include <glm/mat4x4.hpp> // glm::mat4
#include <glm/ext/matrix_transform.hpp> // glm::translate, glm::rotate, glm::scale

#include "FreeImage.h"

#pragma comment(linker, "/subsystem:\"windows\" /entry:\"mainCRTStartup\"" )  //这行是取消显示控制台

char szTitle[64] = "opengl view";


//glm::vec4 vec(1.0f, 0.0f, 0.0f, 1.0f);//创建一个点
//glm::mat4 trans = glm::mat4(1.0f);//创建单位矩阵
//Window dimensions    
const GLuint WIDTH = 800, HEIGHT = 600;

GLfloat ratio = 1.f;
GLfloat xpos, ypos;

glm::vec3 _eye(0, 0, 10);
glm::vec3 _lookAt(0, 0, 0);


float size = 100.0f;

//顶点数据
struct Vertex {
	float x, y, z;
	float u, v;
};

Vertex g_cubeVertices[] =
{
	{ -1.0f, -1.0f, 1.0f, 0.0f, 0.0f },
	{ 1.0f, -1.0f, 1.0f, 1.0f, 0.0f },
	{ 1.0f, 1.0f, 1.0f, 1.0f, 1.0f },
	{ -1.0f, 1.0f, 1.0f, 0.0f, 1.0f },

	{ -1.0f, -1.0f, -1.0f, 1.0f, 0.0f },
	{ -1.0f, 1.0f, -1.0f, 1.0f, 1.0f },
	{ 1.0f, 1.0f, -1.0f, 0.0f, 1.0f },
	{ 1.0f, -1.0f, -1.0f, 0.0f, 0.0f },

	{ -1.0f, 1.0f, -1.0f, 0.0f, 1.0f },
	{ -1.0f, 1.0f, 1.0f, 0.0f, 0.0f },
	{ 1.0f, 1.0f, 1.0f, 1.0f, 0.0f },
	{ 1.0f, 1.0f, -1.0f, 1.0f, 1.0f },

	{ -1.0f, -1.0f, -1.0f, 1.0f, 1.0f },
	{ 1.0f, -1.0f, -1.0f, 0.0f, 1.0f },
	{ 1.0f, -1.0f, 1.0f, 0.0f, 0.0f },
	{ -1.0f, -1.0f, 1.0f, 1.0f, 0.0f },

	{ 1.0f, -1.0f, -1.0f, 1.0f, 0.0f },
	{ 1.0f, 1.0f, -1.0f, 1.0f, 1.0f },
	{ 1.0f, 1.0f, 1.0f, 0.0f, 1.0f },
	{ 1.0f, -1.0f, 1.0f, 0.0f, 0.0f },

	{ -1.0f, -1.0f, -1.0f, 0.0f, 0.0f },
	{ -1.0f, -1.0f, 1.0f, 1.0f, 0.0f },
	{ -1.0f, 1.0f, 1.0f, 1.0f, 1.0f },
	{ -1.0f, 1.0f, -1.0f, 0.0f, 1.0f },

	// 地面数据
	{ -size, -1.0f, -size, 0.0f, 0.0f },
	{ -size, -1.0f, size, 100.0f, 0.0f },
	{ size, -1.0f, size, 100.0f, 100.0f },
	{ size, 0.0f, -size, 0.0f, 100.0f }
};

//纹理ID
GLuint  _texture;
GLuint  _vbo;

//地面纹理
GLuint  _texGround;


static void error_callback(int error, const char* description) {
	fputs(description, stderr);
}

static void key_callback(GLFWwindow* window, int key, int scancode, int action, int mods) {
	std::cout << "key " << key << std::endl;

	switch(key) {
		case GLFW_KEY_ESCAPE:
			glfwSetWindowShouldClose(window, GL_TRUE);
			break;
		case GLFW_KEY_UP:
			_eye.z  -=  0.1f;   //这里修改摄像机参数
			break;
		case GLFW_KEY_DOWN:
			_eye.z  +=  0.1f;
			break;
		case GLFW_KEY_RIGHT:
			_eye.x  -=  1.0f;
			break;
		case GLFW_KEY_LEFT:
			_eye.x  +=  1.0f;
			break;

		default:
			break;
	}
}

static void mouse_button_callback(GLFWwindow* window, int button, int action, int mods) {
	if(action != GLFW_PRESS) 
		return;

	switch(button) {
		case GLFW_MOUSE_BUTTON_LEFT:
			std::cout << "Mosue left button clicked!" << std::endl;
			break;
		case GLFW_MOUSE_BUTTON_MIDDLE:
			std::cout << "Mosue middle button clicked!" << std::endl;
			break;
		case GLFW_MOUSE_BUTTON_RIGHT:
			std::cout << "Mosue right button clicked!" << std::endl;
			break;
		default:
			return;
	}
	return;
}

static void cursor_position_callback(GLFWwindow* window, double x, double y) {
	//std::cout << "Mouse position move to X: " << x << " Y: " << y << std::endl;
	xpos = float((x - WIDTH / 2) / WIDTH) * 2;
	ypos = float(0 - (y - HEIGHT / 2) / HEIGHT) * 2;
	return;
}

static void scroll_callback(GLFWwindow* window, double x, double y) {
	return;
}

static unsigned createTexture(int w, int h, const void* data, GLenum type) {
	unsigned    texId;
	glGenTextures(1, &texId);
	glBindTexture(GL_TEXTURE_2D, texId);
	glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
	glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);

	glTexImage2D(GL_TEXTURE_2D, 0, type, w, h, 0, type, GL_UNSIGNED_BYTE, data);

	return  texId;
}
/**
*   使用FreeImage加载图片
*/
static unsigned createTextureFromImage(const char* fileName) {
	//1 获取图片格式
	FREE_IMAGE_FORMAT fifmt = FreeImage_GetFileType(fileName, 0);
	if(fifmt == FIF_UNKNOWN) {
		return  0;
	}
	//2 加载图片
	FIBITMAP    *dib = FreeImage_Load(fifmt, fileName, 0);

	FREE_IMAGE_COLOR_TYPE type = FreeImage_GetColorType(dib);

	//3 获取数据指针
	FIBITMAP*   temp = dib;
	dib = FreeImage_ConvertTo32Bits(dib);
	FreeImage_Unload(temp);

	BYTE*   pixels = (BYTE*)FreeImage_GetBits(dib);
	int     width = FreeImage_GetWidth(dib);
	int     height = FreeImage_GetHeight(dib);

	for(int i = 0; i < width * height * 4; i += 4) {
		BYTE temp = pixels[i];
		pixels[i] = pixels[i + 2];
		pixels[i + 2] = temp;
	}

	unsigned    res = createTexture(width, height, pixels, GL_RGBA);
	FreeImage_Unload(dib);
	return      res;
}

static void onInit() {
	_texture    =   createTextureFromImage("../res/1.jpg");
	_texGround  =   createTextureFromImage("../res/dimian.jpg");

	glGenBuffers(1, &_vbo);
	glBindBuffer(GL_ARRAY_BUFFER, _vbo);
	glBufferData(GL_ARRAY_BUFFER, sizeof(g_cubeVertices), g_cubeVertices, GL_STATIC_DRAW);
	glBindBuffer(GL_ARRAY_BUFFER, 0);
}

static void onDestory() {
	glDeleteTextures(1, &_texture);
	glDeleteTextures(1, &_texGround);
	glDeleteBuffers(1, &_vbo);   //删除VBO 显存中释放VBO内存
}

// 绘制
static void render(GLFWwindow * window) {

	glClearColor(0, 0, 0, 1);
	glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

	glEnable(GL_DEPTH_TEST);
	glEnable(GL_TEXTURE_2D);
	glMatrixMode(GL_MODELVIEW);
	glLoadIdentity();

	//gluLookAt 函数 本质是通过参数产生一个观察矩阵 然后和 被观察模型矩阵相乘 得到被观察物体位置
	// _eye  表示摄像机位置
	// _lookAt 表示观察的目标点
	// upx upy upz 表示摄像机姿态的 向上的正方向 哪个点变成摄像机的Y轴
	// 所以通过修改参数就可以控制摄像机
	gluLookAt(_eye.x, _eye.y, _eye.z, _lookAt.x, _lookAt.y, _lookAt.z, 0, 1, 0);


	//摄像机围绕目标旋转
	//static float angle = 0; //旋转角度
	//float r = 10;           //旋转半径
	//_eye.x = cos(angle * glm::pi<double>() / 180) * r;
	//_eye.z = sin(angle * glm::pi<double>() / 180) * r;
	//angle += 1;  //角度每帧加一

	glBindTexture(GL_TEXTURE_2D, _texture);

	glEnableClientState(GL_VERTEX_ARRAY);
	glEnableClientState(GL_TEXTURE_COORD_ARRAY);
	//开始使用ID为 _vbo  的buffer 接下来的操作针对这个VBO
	glBindBuffer(GL_ARRAY_BUFFER, _vbo);

	float* addrVertex = (float*)0; 
	float* uvAddress = (float*)12;

	glVertexPointer(3, GL_FLOAT, sizeof(Vertex), addrVertex);
	glTexCoordPointer(2, GL_FLOAT, sizeof(Vertex), uvAddress);

	// 绘制 立方体
	glDrawArrays(GL_QUADS, 0, 24);

	//绘制地面
	//glLoadIdentity(); //这里打开 地面就不会跟着旋转 说明摄像机操作的是模型矩阵
	glBindTexture(GL_TEXTURE_2D, _texGround);
	glDrawArrays(GL_QUADS, 24, 4);

	glDisableClientState(GL_VERTEX_ARRAY);
	glDisableClientState(GL_TEXTURE_COORD_ARRAY);

	glfwSwapBuffers(window);
	glfwPollEvents();
}

int main(void) {
	GLFWwindow * window;

	glfwSetErrorCallback(error_callback);

	if(!glfwInit()) 
		return -1;

	window = glfwCreateWindow(WIDTH, HEIGHT, szTitle, NULL, NULL);
	if(!window) {
		glfwTerminate();
		exit(EXIT_FAILURE);
	}

	glfwSetKeyCallback(window, key_callback);
	glfwSetMouseButtonCallback(window, mouse_button_callback);
	glfwSetCursorPosCallback(window, cursor_position_callback);
	glfwSetScrollCallback(window, scroll_callback);

	glfwMakeContextCurrent(window);

	glewExperimental = GL_TRUE;
	glewInit();
	onInit();
	glViewport(0, 0, WIDTH, HEIGHT); //设置opengl视口 即看到的显示区域

	glMatrixMode(GL_PROJECTION); //设置当前操作的是投影矩阵队列
	glLoadIdentity(); //将队列最上层的一个投影矩阵清空成单位矩阵
	//gluPerspective (GLdouble fovy, GLdouble aspect, GLdouble zNear, GLdouble zFar);
	//fovy 角度 视角
	//aspect 宽高比
	//zNear 近裁剪面
	//zFar  远裁剪面
	gluPerspective(60, double(WIDTH) / double(HEIGHT), 0.1, 1000);//产生一个新的投影矩阵并和上面的投影矩阵列表最上面单位矩阵相乘，实际上就是产生一个投影矩阵并放到投影矩阵列表的最上面 

	while(!glfwWindowShouldClose(window)) {
		render(window);
	}

	onDestory();
	glfwDestroyWindow(window);

	glfwTerminate();
	return 0;
}

运行结果：

在这里插入图片描述

哲学的天空
关注
专栏目录
OpenGL-摄像机
笃笃前行的专栏
11-19 369
摄像机概念摄像机/观察空间摄像机位置摄像机方向右轴上轴Look At自由移动欧拉角移动缩放 概念 OpenGL本身没有摄像机(Camera)的概念，但我们可以通过把场景中的所有物体往 相反方向移动 的方式来模拟出摄像机，产生一种 我们在移动的感觉，而不是场景在移动 。 摄像机/观察空间 讨论摄像机/观察空间(Camera/View Space)的时候，是在讨论以摄像机的视角作为场景原点时场景中所有...
OpenGL学习笔记：摄像机
热门推荐
mumufan05的专栏
08-21 1万+
OpenGL本身没有摄像机(Camera)的概念，但我们可以通过把场景中的所有物体往相反方向移动的方式来模拟出摄像机，产生一种我们在移动的感觉，而不是场景在移动。 场景旋转 本例渲染循环以外的代码和之前章节一样，因此这里只给出渲染循环的代码 // 创建渲染循环 while (!glfwWindowShouldClose(window)) { // 处理输入事件 processInput(win...
摄像机系统OpenGL版（源代码+演示程序）
12-21
花了我很长的时间，在把这个摄像机系统制作出来。主要是因为要做这个摄像机系统，就要学习很多的数学知识。没有这些数学知识，想在三维中驰骋是很难的。这里最让我头疼的就是已知一个三维向量，求它相对一个向量旋转后的向量。我找了很多资料，终于在一篇网站上找到了。上面写着可以使用四元组的方法，也可以使用旋转矩阵的方法。其中四元组的方法由于我的理解有限，就没有做出来。所以借着《OpenGL超级宝典》和东拼西凑的一些知识，我完成了旋转矩阵的计算。结果还挺准确的呢。
OpenGL之——摄像机类（四）
衣带渐宽人憔悴
01-11 698
main.cpp #include &lt;iostream&gt; // GLEW #define GLEW_STATIC #include &lt;GL/glew.h&gt; // GLFW #include &lt;GLFW/glfw3.h&gt; // Other Libs #include &lt;SOIL.h&gt; #include &lt;GL/glut.h&gt; // ...
摄像机系统OpenGL版（演示程序）
12-21
此资源是演示程序，可以免费下载。 -------------------------------------------------------- 花了我很长的时间，在把这个摄像机系统制作出来。主要是因为要做这个摄像机系统，就要学习很多的数学知识。没有这些数学知识，想在三维中驰骋是很难的。这里最让我头疼的就是已知一个三维向量，求它相对一个向量旋转后的向量。我找了很多资料，终于在一篇网站上找到了。上面写着可以使用四元组的方法，也可以使用旋转矩阵的方法。其中四元组的方法由于我的理解有限，就没有做出来。所以借着《OpenGL超级宝典》和东拼西凑的一些知识，我完成了旋转矩阵的计算。结果还挺准确的呢。
OpenGL基础（17）摄像机
wangdsh的博客
07-19 1757
OpenGL本身没有摄像机的概念，但我们可以通过把场景中的所有物体往相反方向移动的方式来模拟出摄像机，这样感觉就像我们在移动，而不是场景在移动。
【OpenGL学习笔记】摄像机篇
qq_40714324的博客
07-24 392
一、思路与理解 欲善其事，先利其器。了解一些概念先。 OpenGL中是没有摄像机概念的，我们是通过将场景往反方向移动来模拟摄像机的。 那么啥叫摄像机嘞？顾名思义也能略知一二吧… 如上图所示：设定一个摄像机有如下步骤 设定坐标位置。就是你想把摄像机放到哪儿？ 设定方向。如上图2.3.4步骤就是在设置正轴，右轴和上轴。 PS: 我们只需要设置正轴和上轴就可以了，右轴是可以计算出来的。(一个平面的垂直方向你还不会算？) 二、摄像机的使用 接下来让我们看看代码要怎么写吧。(只列出关键部分) 顶
LearnOpenGL学习笔记—入门06：Transformations
清清！的博客
07-24 3173
LearnOpenGL学习笔记—入门06：变换0 前言1 0 前言 本节笔记对应的内容 变换 在入门01中我们配置好了环境 在入门02中我们可以检测输入并出现一个有颜色的窗口 在入门03中我们初步学习了图形渲染管线，尝试用不同方法画出了三角形和四边形 在入门04（上）中我们学习了shader和GLSL的相关知识，并给图形加上了变换的颜色以及彩色。 在入门04（下）中我们建立自己的shader类，并能够从外部读取shader的内容。 在入门05中我们了解了有关材质的内容 尽管我们现在已经知道了如何创建一个物体
OpenGL学习笔记：坐标系统
mumufan05的专栏
08-20 1万+
为了将坐标从一个坐标系变换到另一个坐标系，我们需要用到几个变换矩阵，最重要的几个分别是模型(Model)、观察(View)、投影(Projection)三个矩阵。我们的顶点坐标起始于局部空间(Local Space)，在这里它称为局部坐标(Local Coordinate)，它在之后会变为世界坐标(World Coordinate)，观察坐标(View Coordinate)，裁剪坐标(Clip ...
OpenGL学习笔记：颜色
mumufan05的专栏
08-21 1万+
我们在现实生活中看到某一物体的颜色并不是这个物体真正拥有的颜色，而是它所反射的(Reflected)颜色。换句话说，那些不能被物体所吸收(Absorb)的颜色（被拒绝的颜色）就是我们能够感知到的物体的颜色。例如，太阳光能被看见的白光其实是由许多不同的颜色组合而成的（如下图所示）。如果我们将白光照在一个蓝色的玩具上，这个蓝色的玩具会吸收白光中除了蓝色以外的所有子颜色，不被吸收的蓝色光被反射到我们的眼...
opengl的uvn摄像机
03-22
opengl实现uvn摄像机 pitch yaw roll 应用简单glsl 如无法运行请添加库 http://www.cs.unm.edu/~angel/BOOK/INTERACTIVE_COMPUTER_GRAPHICS/SIXTH_EDITION/CODE/include/
opengl的一个摄像机类
08-12
w,s,a,d分别摄像机为向前后左右移动，键盘的上下左右为镜头所观察方向的上下左右移动
OpenGL ES 正交投影与透视投影
07-15
正交投影与透视投影的源码; 该源码是 OpenGL 示例源码集合. OpenGL 需要依赖 v7 包
【OpenGL】正交投影和透视投影矩阵（二） —— 结合OpenGL代码验证
04-27
【OpenGL】正交投影和透视投影矩阵（二） —— 结合OpenGL代码验证
openGL学习（八）摄像机
HeroIsUseless的博客
05-26 369
注意x轴，y轴是展现给你的，z轴是直冲你的。 摄像机位置简单来说就是世界空间中一个指向摄像机位置的向量。这里是： glm::vec3 cameraPos = glm::vec3(0.0f, 0.0f, 3.0f); 摄像机指向场景原点：(0, 0, 0)。用场景原点向量减去摄像机位置向量的结果就是摄像机的指向向量。我们希望方向向量(Direction Vector)指向摄像机的z轴正方向(注意是摄像机的，就是摄像机的正面！)。方向向量，但是它是指向摄像机的脸的，对于摄像机来说，它是直冲自己的。因此方向
OpenGL ES 2.0 摄像机与投影
deo91209的博客
03-19 116
1.摄像机的设置 摄像机的位置坐标 摄像机的位置 摄像机up方向 1 Matrix.setLookAtM( 2 mVMatrix, //存储生成矩阵元素的float[]类型数组 3 0, //填充起始偏移量 4 cx,cy,cz, //摄像机位置的x,y,z坐标 5 t...
从零开始学习opengl-7.摄像机
weixin_44453949的博客
11-14 520
//观察矩阵 GLfloat radius = 10.0f; GLfloat camX = sin(glfwGetTime()) * radius; GLfloat camZ = cos(glfwGetTime()) * radius; glm::mat4 view; view = glm::lookAt(glm::vec3(camX, 0.0, camZ), glm::vec3(0.0, 0.0, 0.0), glm::vec3(0.0, 1.0, 0.0)); //定义一个摄像机位置，一个目标位置和
OpenGL摄影机
qq_51999398的博客
02-01 259
Camera (摄像机系) 本节的向量矩阵构造函数为GLM库提供 此文章仅为本人学习笔记，欢迎大家学习 GLM相关头文件请点击这里下载 1.CameraPos CameraPos为摄像机的位置 glm::vec3 cameraPos = glm::vec3(0.0f, 0.0f, 3.0f); cameraPos=(003); cameraPos=\begin{pmatrix}0\\0\\3 \end{pmatrix}; cameraPos=⎝⎛​003​⎠⎞​; 2.CameraDirection
OpenGl学习 使用矩阵变换和摄像机（投影矩阵）
qq_32346789的博客
04-09 1078
// Include standard headers#include &lt;stdio.h&gt;#include &lt;stdlib.h&gt;// Include GLEW#include &lt;GL/glew.h&gt;// Include GLFW#include &lt;GLFW/glfw3.h&gt;GLFWwindow* window;// Include GLM#inclu...
深入探索OpenGL第七课：摄像机原理与应用
在这篇教程中，开发者将会学习到如何在OpenGL中设置一个基本的摄像机系统，以及如何控制摄像机的行为。摄像机系统一般包括三个主要部分：位置（Position）、目标点（Target Point）和上方向（Up Direction）。这三个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值