Jupyter Notebook在线演示中pygame-ce运行崩溃问题求助

问题分析 #

在Jupyter Notebook在线环境的Pyodide Kernel中运行pygame-ce代码时，创建屏幕阶段触发ReferenceError: 屏幕未定义崩溃，根源在于：

1. 代码存在语法错误：导入pygame模块后错误使用pygame-ce作为调用前缀
2. Pyodide基于Emscripten运行，pygame-ce需要绑定浏览器的canvas元素才能创建屏幕，默认环境未自动配置该元素

修正后的代码 #

%pip install pygame-ce
import pygame
from pygame import Color
import os

# 配置SDL环境，指定使用emscripten驱动并绑定canvas
os.environ['SDL_VIDEODRIVER'] = 'emscripten'
# 绑定到页面中id为canvas的元素，Jupyter环境会自动创建或需手动添加
os.environ['SDL_VIDEO_CANVAS'] = '#canvas'

# 初始化pygame
pygame.init()

screen_width = 640
screen_height = 480
# 创建屏幕
screen = pygame.display.set_mode((screen_width, screen_height))
pygame.display.set_caption("Mixer 1.0")

# 测试绘制，验证屏幕正常工作
screen.fill(Color('white'))
pygame.display.flip()

关键修复点 #

• 修正语法错误：将pygame-ce.init()、pygame-ce.display改为pygame.init()、pygame.display（导入模块后使用pygame作为前缀）
• 配置SDL环境变量：指定SDL_VIDEODRIVER为emscripten，并绑定SDL_VIDEO_CANVAS到浏览器的canvas元素，让pygame-ce能找到渲染目标
• 增加测试绘制代码：通过填充白色并刷新屏幕，验证屏幕是否正常创建

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