如何在ModernGL上下文上层用Pygame渲染2D图像（GUI）？

先看你代码里的核心问题 #

• 导入拼写错误：import ModenGL应为import moderngl as mgl
• 上下文创建顺序错误：必须先让Pygame创建带OpenGL属性的窗口，再初始化ModernGL上下文，否则ModernGL无法绑定正确的窗口上下文
• 循环内重复加载资源：pg.load.image放在循环里会重复读取文件，应移到循环外
• 缩进混乱：代码缩进错误会导致逻辑不执行
• 核心冲突：ModernGL接管OpenGL上下文后，Pygame的blit无法直接作用于窗口，两者的OpenGL状态不兼容

方案一：用Pygame离屏渲染转ModernGL纹理显示 #

适合保留Pygame的2D绘制能力，把Pygame渲染结果转成ModernGL纹理再输出到屏幕：

import moderngl as mgl
import pygame as pg
import sys

# 初始化Pygame并创建OpenGL窗口
pg.init()
display_size = (1200, 700)
pg.display.set_mode(display_size, pg.OPENGL | pg.DOUBLEBUF)

# 初始化ModernGL上下文
ctx = mgl.create_context()

# 仅加载一次图片到Pygame Surface
pg_image = pg.image.load("test.png").convert_alpha()
# 将Pygame Surface转为ModernGL纹理
texture = ctx.texture(pg_image.get_size(), 4, pg_image.get_buffer())
texture.filter = (mgl.NEAREST, mgl.NEAREST)

# 2D渲染所需的着色器程序
vertex_shader = """
#version 330 core
in vec2 in_vert;
in vec2 in_texcoord;
out vec2 v_texcoord;
void main() {
    gl_Position = vec4(in_vert, 0.0, 1.0);
    v_texcoord = in_texcoord;
}
"""

fragment_shader = """
#version 330 core
in vec2 v_texcoord;
out vec4 f_color;
uniform sampler2D texture0;
void main() {
    f_color = texture(texture0, v_texcoord);
}
"""

program = ctx.program(vertex_shader=vertex_shader, fragment_shader=fragment_shader)
# 覆盖全屏的矩形顶点数据
vertices = [
    -1.0,  1.0, 0.0, 1.0,
    -1.0, -1.0, 0.0, 0.0,
     1.0,  1.0, 1.0, 1.0,
     1.0, -1.0, 1.0, 0.0,
]
vbo = ctx.buffer(vertices)
vao = ctx.simple_vertex_array(program, vbo, "in_vert", "in_texcoord")

while True:
    # 事件处理
    for event in pg.event.get():
        if event.type == pg.QUIT or (event.type == pg.KEYDOWN and event.key == pg.K_ESCAPE):
            pg.quit()
            sys.exit()

    # 清空屏幕
    ctx.clear(0.0, 0.0, 0.0)
    # 绑定纹理并渲染
    texture.use()
    vao.render(mgl.TRIANGLE_STRIP)
    
    # 交换缓冲区
    pg.display.flip()

方案二：直接用ModernGL加载并渲染图像 #

如果不需要Pygame的2D绘制能力，直接用ModernGL加载图片更高效：

import moderngl as mgl
import pygame as pg
import sys
from PIL import Image  # 需安装Pillow：pip install pillow

pg.init()
display_size = (1200, 700)
pg.display.set_mode(display_size, pg.OPENGL | pg.DOUBLEBUF)
ctx = mgl.create_context()

# 用Pillow加载图片并转为ModernGL纹理
with Image.open("test.png") as img:
    texture = ctx.texture(img.size, 4, img.tobytes("raw", "RGBA"))
texture.filter = (mgl.NEAREST, mgl.NEAREST)

# 同方案一的着色器、顶点数据部分
vertex_shader = """
#version 330 core
in vec2 in_vert;
in vec2 in_texcoord;
out vec2 v_texcoord;
void main() {
    gl_Position = vec4(in_vert, 0.0, 1.0);
    v_texcoord = in_texcoord;
}
"""

fragment_shader = """
#version 330 core
in vec2 v_texcoord;
out vec4 f_color;
uniform sampler2D texture0;
void main() {
    f_color = texture(texture0, v_texcoord);
}
"""

program = ctx.program(vertex_shader=vertex_shader, fragment_shader=fragment_shader)
vertices = [
    -1.0,  1.0, 0.0, 1.0,
    -1.0, -1.0, 0.0, 0.0,
     1.0,  1.0, 1.0, 1.0,
     1.0, -1.0, 1.0, 0.0,
]
vbo = ctx.buffer(vertices)
vao = ctx.simple_vertex_array(program, vbo, "in_vert", "in_texcoord")

while True:
    for event in pg.event.get():
        if event.type == pg.QUIT or (event.type == pg.KEYDOWN and event.key == pg.K_ESCAPE):
            pg.quit()
            sys.exit()

    ctx.clear(0.0, 0.0, 0.0)
    texture.use()
    vao.render(mgl.TRIANGLE_STRIP)
    pg.display.flip()

复杂GUI补充 #

如果需要按钮、输入框这类复杂GUI，推荐用pyimgui库，它支持ModernGL后端，可直接与ModernGL上下文集成，无需依赖Pygame的2D渲染。

内容的提问来源于stack exchange，提问作者Murray