mirror of
https://gitee.com/zlgopen/awtk.git
synced 2024-12-03 12:37:43 +08:00
67 lines
2.0 KiB
Markdown
67 lines
2.0 KiB
Markdown
|
# 如何用 OpenGL 绘制图形
|
|||
|
|
|
|||
|
|
在有 GPU 的情况下，AWTK 使用 OpenGL 绘制图形。但是你会发现，如果自己在 paint 事件中使用 OpenGL 绘制图形，图形是无法显示的。原因是，AWTK 采用 nanovg 绘制图形，而 nanovg 并不是在绘制时立即执行的，而是在整个界面绘制完成 (EndFrame 中）集中提交给 GPU 执行的。所以，如果在 paint 事件中使用 OpenGL 绘制图形，这些图形会被 nanovg 绘制的图形覆盖掉。这里我们介绍一下，使用 OpenGL 绘制图形时的几个注意事项：
|
|||
|
|
|
|||
|
|
## 1. 需要提交前面的缓存图形
|
|||
|
|
|
|||
|
|
在使用 OpenGL 绘制之前，需要调用函数 vgcanvas_flush 刷新前面的缓存图形。
|
|||
|
|
|
|||
|
|
示例：
|
|||
|
|
|
|||
|
|
```c
|
|||
|
|
static ret_t on_paint(void* ctx, event_t* e) {
|
|||
|
|
gl_info_t* info = &g_gl_info;
|
|||
|
|
paint_event_t* evt = paint_event_cast(e);
|
|||
|
|
vgcanvas_t* vg = canvas_get_vgcanvas(evt->c);
|
|||
|
|
return_value_if_fail(vg != NULL, RET_BAD_PARAMS);
|
|||
|
|
|
|||
|
|
vgcanvas_flush(vg);
|
|||
|
|
|
|||
|
|
glview_render_triangle(info, info->triangle1_vao);
|
|||
|
|
glview_render_triangle(info, info->triangle2_vao);
|
|||
|
|
|
|||
|
|
return RET_OK;
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 2. 需要初始化 OpenGL
|
|||
|
|
|
|||
|
|
在 Windows 平台，需要调用 opengl_init 初始化 OpenGL。
|
|||
|
|
|
|||
|
|
示例：
|
|||
|
|
|
|||
|
|
```c
|
|||
|
|
static ret_t glview_init(gl_info_t* info) {
|
|||
|
|
#ifdef WIN32
|
|||
|
|
opengl_init();
|
|||
|
|
#endif/*WIN32*/
|
|||
|
|
|
|||
|
|
float triangle1_vertices[] = {
|
|||
|
|
-0.5f, -0.5f, 0.0f,
|
|||
|
|
0.5f, -0.5f, 0.0f,
|
|||
|
|
0.0f, 0.5f, 0.0f
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
float triangle2_vertices[] = {
|
|||
|
|
-0.5f, -1.0f, 0.0f,
|
|||
|
|
0.5f, -1.0f, 0.0f,
|
|||
|
|
0.0f, -0.5f, 0.0f
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
info->program = glhelper_create_program(s_vertexShaderSource, s_fragmentShaderSource);
|
|||
|
|
info->triangle2_vao = glhelper_create_vao(triangle1_vertices, 3);
|
|||
|
|
info->triangle1_vao = glhelper_create_vao(triangle2_vertices, 3);
|
|||
|
|
|
|||
|
|
return RET_OK;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 3. 需要链接 glad 库
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
env.Program(os.path.join(BIN_DIR, 'demo_opengl'), ['opengl.c', 'assets.c'], LIBS=env['LIBS'] + ['glad'])
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
[完整示例请参考](https://gitee.com/zlgopen/awtk-c-demos/blob/master/demos/opengl.c)
|