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的，

                      有知道如何解决这两个问题的，请与我留言，真诚想交往朋友！