opengl es三角形例子图形学

一点小说明，稍微介绍一下
如果你正在寻找opengl es方面的资料，并且希望能够入门，这片博客恐怕是你遇到的最清楚的入门级资料了。闲话说多了没有用，介绍这里我就说明两点。

opengl es 里面 gl， egl和平台窗口的关系

opengl es通过egl和平台窗口产生交互
2.看懂这篇博客需要那么一点基础知识
基本的win32编程，懂那么点opengl知识，框架就是一个gles如何显示到win32窗口的，嗯，来吧，让我们搞起~
实战导练

创建基本的win32窗口程序
就是最基本的win32程序，这个其实最简单了，vs里面文件->新建->工程->visual c++->win32 工程，然后编译运行，嗯看起来是这个样子，如果你和我的不是很一样，证明你没有最基本的win32知识，需要补补~

文章图片

我们需要配置一下opengl es环境
需要 3.5个方面啦。
0.5 你需要下载一个模拟器，因为是windows平台，我下载的是AMD模拟器 2.0的，看起来是这样子的

文章图片

这个自己网上找吧，我也是网上找的，安装好看起来是这样子的

文章图片

注意看路径
1 配置包含路径
这个基本功啦，工程右键属性->c/c++->general->addtional include dictionary 添加上模拟器的include路径，看起来是这样子的

文章图片

2.引用库路径
照样是基本功
工程属性->linker->general->addtional library dictionaries
添加lib目录看起来是这样子的

文章图片

3加上引用库
工程属性->linker->input->addtional dependecies
看起来这样子的

文章图片

创建我们的opengl es控制类
为了避免很多讲图形编程说的全局变量，我们整成单例模式的控制类，看起来是这样子的。
切换到类视图，然后呢，创建类EGLView 添加那么点方法，现在都是空的。
bool Init(HWND hWnd) // egl需要窗口句柄
void Tick();
void Render();
void Release();
static EGLView* GetInstance();
做完这一步看起来貌似是这样样子的，因为一点有用的代码也还没写，所以心情很放松，放松~

文章图片

写那么点有用的代码，做做框架
我们win32里面有那么一个窗口回调函数，在窗口回调函数里
WM_PAINT消息处理里面添加 view Render代码
WM_DESTROY消息处理里面添加 view Release代码
看起来这样子的

文章图片

当然了，整这些肯定得包含view类头文件啦，看起来是这样子的~

文章图片

这个是包含view头文件代码。
是不是感觉缺少点什么呢，是的，缺少初始化。
那么我们添加上他，框架就基本上搭建好啦，
看起来这样子添加上初始化

文章图片

这样框架就算搭建完啦，运行的话其实还是基本的项目，我们没有动什么东西，不过呢，我们可以离开编辑器生成的那一堆代码了，因为看着繁琐，不利于我们讲解。
再说那么一下egl和gl还有win32
egl是gl和win32交互的接口，所以千万别把egl和gl搞混了，他们不是一个东西，egl的函数和数据类型以egl开头，gl以gl开头，至于win32，鬼才能总结出来。我们接下来继续实现我们的eglview。
【opengl es三角形例子】先来简单的添加基本的egl变量
添加完再说吧，看着图说感觉比较好呢

文章图片

前面包含一堆头文件不用怎么说吧，这个就是导入egl和gl的意思，后面来tool基本上任何做库的都会来一个tool目录扩展用的。嗯，接下来我定义了一个宏，这个宏是说最多利用egl 64个属性的意思。
四个变量这个倒是好说了
display egl显示屏幕或者叫做显示内容的地方
config egl的配置
context egl显示图像的上下文，还是egl
surface egl显示表层，可以理解为窗口面吧，看自己翻译了，表面。
先从最简单的函数说起 GetInstance()
这个函数就是单例模式实现最标准的形式啦。

文章图片

接下来第二个简单的就是嗯释放
我们从表面释放到里面再从里面释放到外面就这点

文章图片

释放上下文释放表皮释放额停止egl程序记住都是egl不是 gl哟
为了简单版本我们来一个简单版本额绘制
先为了增加点信心，搞一个最普通的绘制

文章图片

就三行代码，不过我只解释一遍
说我要把颜色清除成这个样子的【rgb蓝色】
gl说我给你请了颜色啦
然后呢清出的结果呢显示出来看看。到表皮看那就到了窗口看啦。
哎呀貌似还丢下一个函数呢初始化

文章图片

文章图片

为了连贯我整两个截图，很不开心字体不一般大，不过能看清楚就好啦。这下说多了还是写注释吧

bool EGLView::Init(HWND hWnd, int width, int height) { //创建出egl 显示器来 m_eglDisplay = eglGetDisplay(EGL_DEFAULT_DISPLAY); if (m_eglDisplay == EGL_NO_DISPLAY) { return false; }//初始化正确的egl版本 EGLint majorVersion; EGLint minorVersion; if (!eglInitialize(m_eglDisplay, &majorVersion, &minorVersion)) { return false; }// 获取支持的egl配置 EGLint nConfigs; if (!eglGetConfigs(m_eglDisplay, NULL, 0, &nConfigs)) { return false; }// 我们能用到这些配置并且用上 EGLint attrs[MAX_EGL_ATTRIBUTES] = {0}; int attrIdx = 0; attrs[attrIdx++] = EGL_RED_SIZE; attrs[attrIdx++] = 5; attrs[attrIdx++] = EGL_GREEN_SIZE; attrs[attrIdx++] = 6; attrs[attrIdx++] = EGL_BLUE_SIZE; attrs[attrIdx++] = 5; attrs[attrIdx++] = EGL_ALPHA_SIZE; attrs[attrIdx++] = 0; attrs[attrIdx++] = EGL_DEPTH_SIZE; attrs[attrIdx++] = 16; attrs[attrIdx++] = EGL_STENCIL_SIZE; attrs[attrIdx++] = 0; attrs[attrIdx++] = EGL_SAMPLES; attrs[attrIdx++] = 4; attrs[attrIdx++] = EGL_NONE; if (!eglChooseConfig(m_eglDisplay, attrs, &m_eglConfig,1,&nConfigs)) { return false; }//创建窗口表皮表面 m_eglSurface = eglCreateWindowSurface( m_eglDisplay, m_eglConfig, NativeWindowType(hWnd), NULL); if (m_eglSurface == EGL_NO_SURFACE) { return false; }//创建egl上下文 EGLint ctxAttr[] = {EGL_CONTEXT_CLIENT_VERSION, 2, EGL_NONE}; m_eglContext = eglCreateContext(m_eglDisplay, m_eglConfig, EGL_NO_CONTEXT, ctxAttr); if (m_eglContext == EGL_NO_CONTEXT) { return false; }//好了 egl准备好了以后画的东西都是egl控制啦 if (!eglMakeCurrent(m_eglDisplay, m_eglSurface, m_eglSurface, m_eglContext)) { return false; }return true; }

是不是注释写的egl控制了呢我们看看效果运行一下试试呗