2018-04-14 08:21:07 +08:00
|
|
|
|
#SDL + OpenGL使用笔记
|
|
|
|
|
|
|
2018-05-17 13:44:04 +08:00
|
|
|
|
[AWTK](https://github.com/zlgopen/awtk) 是一个嵌入式GUI，为了开发方便，需要提供PC运行环境。我选择了[SDL2](https://www.libsdl.org)+OpenGL+[nanovg](https://github.com/memononen/nanovg)来实现底层的渲染，让[AWTK](https://github.com/zlgopen/awtk)可以运行在各个平台上。[GLFW](http://www.glfw.org/)+OpenGL也是一个不错的选择，但是GLFW没有Android和iOS的移植，而且没有提供原生输入法的支持。[AWTK](https://github.com/zlgopen/awtk)虽然最初是为嵌入式系统而生，但也有一个小目标：可以用于开发嵌入式系统，也可以开发PC软件和移动APP，所以最后选择了SDL2+OpenGL+nanovg。在使用SDL2+OpenGL+nanovg的过程中，踩了一些坑，这里做个笔记，给需要的朋友参考：
|
2018-04-14 08:21:07 +08:00
|
|
|
|
|
|
|
|
|
|
## 一、在MacPro上显示模糊的问题。
|
|
|
|
|
|
|
|
|
|
|
|
在网上查了一下，有人提供的方案是设置SCALE_QUALITY，貌似也有些道理，但是效果不佳。
|
|
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
SDL_SetHint(SDL_HINT_RENDER_SCALE_QUALITY, "nearest");
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
花了一些时间去看SDL的源码后，发现其实SDL在创建窗口时提供了SDL\_WINDOW\_ALLOW\_HIGHDPI标志，可以用来解决模糊的问题：
|
|
|
|
|
|
|
|
|
|
|
|
```
|
2018-05-05 16:47:58 +08:00
|
|
|
|
SDL_CreateWindow("AWTK Simulator", x, y, w, h, SDL_WINDOW_OPENGL | SDL_WINDOW_ALLOW_HIGHDPI);
|
2018-04-14 08:21:07 +08:00
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
如果设置了SDL\_WINDOW\_ALLOW\_HIGHDPI标志，窗口大小和Drawable的大小可能不一致，在绘图时需要做相应缩放：
|
|
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
SDL_GetWindowSize(sdl_window, &ww, &wh);
|
|
|
|
|
|
SDL_GL_GetDrawableSize(sdl_window, &fw, &fh);
|
|
|
|
|
|
ratio = (float)fw / (float)ww;
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
## 二、nanovg裁剪算法无效。
|
|
|
|
|
|
|
2018-05-17 13:44:04 +08:00
|
|
|
|
使用低级的OpenGL去绘图是一个比较麻烦的事情。在[AWTK](https://github.com/zlgopen/awtk)中，采用了[nanovg](https://github.com/memononen/nanovg)矢量图绘图函数库，nanovg缺省使用的[GLFW](http://www.glfw.org/)，要移植到[SDL2](https://www.libsdl.org)上也不难。但是我发现nanovg的示例在SDL上和在GLFW上的效果有些差异，仔细观察后，初步判断与用stencil进行裁剪有关，以为是没有启用stencil测试引起的，于是加了下面的代码：
|
2018-04-14 08:21:07 +08:00
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
glEnable(GL_STENCIL_TEST);
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
但是没有效果，在nanovg的代码中，也发现它自己会启用stencil测试。对比基于nanovg基于GLFW的例子，也没发现有价值的线索。然后对比SDL\_CreateWindow/glfwCreateWindow和SDL\_Init/glfwInit的实现，发现SDL中，stencil\_size的缺省值是0，尝试把设置它为8：
|
|
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
SDL_GL_SetAttribute(SDL_GL_STENCIL_SIZE, 8);
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
显示正常了。
|
|
|
|
|
|
|
|
|
|
|
|
## 三、Windows下的OpenGL
|
|
|
|
|
|
|
|
|
|
|
|
在MacPro和Ubuntu下测试没有问题，在Window测试时发现一些OpenGL函数找不到，明明已经链接了opengl32.dll啊。网上的方案多是基于GLUT和GLFW在Windows下做OpenGL开发的，SDL则没有找到相关资料，只好再去研读GLFW，看能不能从中借用部分代码。很快发现deps/glad是干这个的，而glad是[http://glad.dav1d.de/](http://glad.dav1d.de/)上在线生成的。把glad.c加入项目中，并调用初始化函数：
|
|
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
gladLoadGL();
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
编译没有问题了，不过运行起来就崩掉了。调试时发现glGetString(GL\_VERSION)返回NULL，这个简单的函数居然会失败！后来在google搜索
|
|
|
|
|
|
到glGetString(GL\_VERSION)失败的原因: gladLoadGL需要放在SDL\_GL\_CreateContext之后调用。而我把它放在了SDL\_Init和SDL\_GL\_CreateContext之间了。
|
|
|
|
|
|
|
2018-04-15 17:58:24 +08:00
|
|
|
|
|
