QLGame 2d Engine 搭建2d游戏原理
大家好,2d引擎基于opengl(es) 3d技术,是因为这样比之前的ddraw有很多好处!
1.坐标采用浮点数,可以进行曲线移动
2.如果在ddraw的对图片进行缩放和旋转的时候,是基于点像素的操作,非常的耗费性能,而采用3d的话,做这些事情是轻而易举的工作!
3.是基于渲染一个panel,然后把贴图贴在panel,然后对panel,进行旋转平移缩放的操作!
4.2d动画是基于uv进行操作的,可以将所有的动画放在一个大的贴图中,然后不断切换uv实现的动画切换!
今天的工作环境配置:
os: win7 64bit
tool: vs2012
主要有两个内容:1.渲染方块 2.渲染贴图
由于我们是2d游戏,我们采用glOrtho 2d视图,进行视图设置,具有以下步骤:
详解:
glViewport()进行窗口视图设定 比如800,600
glMatrixMode(GL_PROJECTION);设置模型视图
glOrtho设置2d视图,-400,400,说明宽是800,-300,300,高是600,-100是近裁面,100是远裁面
由于是采用2d视图,我想游戏窗口的每一个像素,占用一个单位,这样对坐标的好,很好计算!
glBegin开始绘制一个几何面片,这在opengles中不被支持的方法!
glVertex2f是绘制点,调用glVertex2f四次,就绘制了一个panel出来
glClear(GL_COLOR_BUFFER_BIT);
glViewport(0,0,800,600);
glMatrixMode( GL_PROJECTION );
glLoadIdentity();
glOrtho(-400,400,-300,300,-100,100);
glBegin(GL_POLYGON);
GLfloat w=100;
GLfloat h=100;
glVertex2f(-w, -h);
glVertex2f(-w, h);
glVertex2f(w, h);
glVertex2f(w, -h);
glEnd();
glFlush();
下面开始贴图
贴图使用的是开源库 FreeImage3.17.0库,下载地址为:http://sourceforge.net/projects/freeimage/files/Source%20Distribution/
在FreeImage3.17.0中自带了一个对于OpenGL使用的类,叫做TextureManaged.h TextureManaged.cpp
FreeImage有32位和64位的版本,这里的版本对应,不是说的你的电脑系统是32bit,还是64bit的!
是说你的编辑器是32位的还是64位的!
同样的设置到包含目录中,以及链接库中,还有附加依赖项中!
渲染图片代码如下:
#include "TextureManager.h" //注意这一句要在<glut.h>之上,否则会出错
#include <glut.h>
GLuint textures[1];
//显示回调函数
void renderScreen(void){
//把整个窗口清理为当前清理颜色:南瓜橙
glClear(GL_COLOR_BUFFER_BIT);
glViewport(0,0,800,600);
glMatrixMode( GL_PROJECTION );
glLoadIdentity();
glOrtho(-400,400,-300,300,-100,100);
TextureManager::Inst()->BindTexture(textures[0]);//在这儿进行绑定贴图
glBegin(GL_POLYGON);
GLfloat w=100;
GLfloat h=100;
glTexCoord2d(0,0);glVertex2f(-w, -h);
glTexCoord2d(0,1);glVertex2f(-w, h);
glTexCoord2d(1,1);glVertex2f(w, h);
glTexCoord2d(1,0);glVertex2f(w, -h);
glEnd();
glFlush();
glutSwapBuffers();
}
void Init()
{
TextureManager::Inst()->LoadTexture("./1.jpg",textures[0]);//载入贴图
glEnable(GL_TEXTURE_2D);//启用2d纹理
glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER,GL_LINEAR); // 线性滤波
glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MAG_FILTER,GL_LINEAR); // 线性滤波
}
int main(int argc, char* argv[])
{
//初始化glut
glutInit(&argc,argv);
//单缓冲区
glutInitDisplayMode(GLUT_SINGLE|GLUT_RGBA);
//创建窗口,窗口名字为WindowDemo
glutCreateWindow("QLGameEngine");
//设置窗口大小
glutReshapeWindow(800,600);
Init();
//设置显示回调函数
glutDisplayFunc(renderScreen);
glutMainLoop();
return 0;
}
详解:
1.TextureManager::Inst()->LoadTexture("./1.jpg",textures[0]);//载入贴图
2.启用纹理以及使用纹理属性
glEnable(GL_TEXTURE_2D);//启用2d纹理
glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER,GL_LINEAR); // 线性滤波
glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MAG_FILTER,GL_LINEAR); // 线性滤波
3. 绑定贴图
TextureManager::Inst()->BindTexture(textures[0]);//在这儿进行绑定贴图4. 设置顶点以及uv进行渲染贴图
glBegin(GL_POLYGON);GLfloat w=100;
GLfloat h=100;
glTexCoord2d(0,0);glVertex2f(-w, -h);
glTexCoord2d(0,1);glVertex2f(-w, h);
glTexCoord2d(1,1);glVertex2f(w, h);
glTexCoord2d(1,0);glVertex2f(w, -h);
glEnd();
一只可爱的小乌龟,显示出来了,呵呵!
我遇到两个问题需要解决:
1.就是乌龟的颜色发生变色了,原图是这样的
2.我在Debug目录下,直接启动生成的exe,可以看到小乌龟图片,但是在VS中直接运行就看不到图片,我设置了工作目录为
Debug的,
有知道如何解决这两个问题的,请与我留言,真诚想交往朋友!