1. 从零开始为什么选择Pygame来“复活”贪吃蛇如果你对编程感兴趣尤其是想用Python做点好玩的东西那么“贪吃蛇”几乎是一个绕不开的经典练手项目。它逻辑清晰元素简单但麻雀虽小五脏俱全涵盖了游戏开发中事件处理、图形绘制、状态更新、碰撞检测等核心概念。网上能找到的教程和代码多如牛毛但很多都是直接甩给你一个几百行的完整代码运行起来是挺酷可看完之后你可能还是不知道从何下手更别提自己从头搭建了。这就是我想写这个系列的原因。我们不追求一步到位而是像搭积木一样从最基础的界面窗口开始一块一块地把游戏构建起来。今天我们就来解决第一个也是最基础的问题如何用Pygame创建一个游戏窗口并绘制出贪吃蛇游戏的静态界面为什么是Pygame对于Python游戏开发入门来说它几乎是“不二之选”。它足够轻量安装简单它基于SDL库封装了底层复杂的图形、声音、事件处理接口让我们能用非常Pythonic的方式调用更重要的是它的2D图形渲染能力对于贪吃蛇、俄罗斯方块这类经典游戏来说绰绰有余。通过它你可以把注意力集中在游戏逻辑本身而不是纠结于如何打开一个窗口、如何监听键盘事件这些底层细节上。在开始敲代码之前我们需要明确第一阶段的目标创建一个指定大小的窗口设置好背景色并在窗口上绘制出游戏的核心视觉元素——网格、蛇的初始状态和食物。听起来很简单对吧但这里面其实藏着不少新手容易踩的坑比如坐标系的理解、颜色格式、主循环的退出机制等等。别担心我会带你一步步走通并把这些“坑”都标出来。2. 环境准备与Pygame的“第一印象”工欲善其事必先利其器。我们的第一步是确保Pygame库已经正确安装在你的Python环境中。2.1 安装Pygame打开你的终端Windows上是CMD或PowerShellmacOS/Linux上是Terminal输入以下命令pip install pygame如果你使用的是Python 3并且系统中有多个Python版本可能需要使用pip3pip3 install pygame安装过程通常很快。安装完成后可以在Python交互环境中输入import pygame来验证是否成功。如果没有报错并且能打印出版本号例如print(pygame.verison.ver)说明安装无误。注意如果你在PyCharm这类IDE中开发也可以在项目的解释器设置里通过图形化界面搜索并安装pygame包这通常更直观。2.2 理解Pygame的核心工作模式在写第一行代码前我们需要先理解Pygame程序的基本骨架。它遵循一个标准的“事件循环”模式你可以把它想象成一个永不停止的“轮询”机器不断做着三件事处理事件检查有没有发生什么事情比如用户按了键盘、点了鼠标、点了窗口的关闭按钮。更新状态根据发生的事件和游戏自身的逻辑更新游戏内部的数据。比如蛇头的位置、食物的状态、分数等。绘制画面根据最新的游戏状态在屏幕上重新画出一切。这个循环会以极高的频率比如每秒60次运行从而形成流畅的动画效果。我们的所有代码几乎都是围绕这个循环的三个阶段来组织的。3. 创建游戏窗口你的画布现在让我们动手创建第一个Pygame窗口。新建一个Python文件比如命名为snake_game.py。3.1 初始化与窗口设置import pygame import sys # 初始化pygame的所有模块这是必须的第一步 pygame.init() # 定义游戏窗口的尺寸单位像素 WINDOW_WIDTH 800 WINDOW_HEIGHT 600 # 定义游戏网格的尺寸格子数 GRID_SIZE 20 GRID_WIDTH WINDOW_WIDTH // GRID_SIZE GRID_HEIGHT WINDOW_HEIGHT // GRID_SIZE # 创建游戏窗口set_mode函数返回一个Surface对象代表整个窗口 screen pygame.display.set_mode((WINDOW_WIDTH, WINDOW_HEIGHT)) # 设置窗口标题 pygame.display.set_caption(经典贪吃蛇 - 界面搭建) # 定义颜色RGB格式 BACKGROUND_COLOR (15, 56, 15) # 深绿色背景模拟老式屏幕 GRID_COLOR (30, 90, 30) # 稍浅的绿色作为网格线 SNAKE_COLOR (50, 205, 50) # 亮绿色蛇身 FOOD_COLOR (220, 20, 60) # 深红色食物 # 游戏主循环控制变量 running True clock pygame.time.Clock() # 创建一个时钟对象用于控制帧率我们来逐行拆解一下pygame.init(): 这是铁律必须在调用其他Pygame功能前执行。它负责初始化字体、声音、事件系统等所有子模块。WINDOW_WIDTH和WINDOW_HEIGHT: 定义了窗口的像素尺寸。这里设为800x600一个比较通用的分辨率。GRID_SIZE: 这是本游戏的一个关键设计参数。它决定了游戏世界里每个“格子”的大小也是蛇身一节的大小。我们设定为20像素那么窗口宽度800像素就能容纳800//2040列格子高度600像素能容纳600//2030行格子。这样蛇和食物的移动就不再是连续的像素点而是在这个虚拟的网格上“一格一格”地跳跃极大简化了碰撞检测和移动逻辑。screen: 这是我们的“画布”。pygame.display.set_mode()创建并返回一个Surface对象。之后所有的绘制操作最终都要“画”到这个screen上。颜色定义Pygame使用RGB元组(R, G, B)来表示颜色每个分量取值范围是0-255。我们选择了一套怀旧的绿底配色更有“古早味”。running: 一个布尔值用于控制主循环何时结束。clock:pygame.time.Clock()对象是控制游戏帧率的关键。通过clock.tick(60)我们可以让循环每秒最多运行60次避免程序占用100%的CPU同时保证动画流畅。3.2 绘制静态网格构建游戏世界坐标系贪吃蛇是在网格上移动的所以绘制网格线能让游戏世界更直观。虽然最终游戏运行时这些线可能不需要一直显示为了画面简洁但在开发调试阶段网格线是理解坐标和碰撞的绝佳工具。我们写一个函数来绘制网格def draw_grid(): 绘制游戏网格线 # 绘制垂直线 for x in range(0, WINDOW_WIDTH, GRID_SIZE): pygame.draw.line(screen, GRID_COLOR, (x, 0), (x, WINDOW_HEIGHT), 1) # 绘制水平线 for y in range(0, WINDOW_HEIGHT, GRID_SIZE): pygame.draw.line(screen, GRID_COLOR, (0, y), (WINDOW_WIDTH, y), 1)这个函数利用了range(start, stop, step)来生成网格线的起点坐标。step就是我们的GRID_SIZE(20像素)。pygame.draw.line()函数接受画布screen、颜色、起点坐标、终点坐标和线宽。这里线宽设为1像素。实操心得在开发初期强烈建议保留网格线。当你发现蛇或者食物的位置“好像偏了一点”的时候网格线能帮你迅速定位问题——很可能是坐标计算时没有对齐到网格。等游戏所有逻辑都调试无误后再注释掉网格绘制让画面变干净。4. 绘制游戏角色让蛇和食物“站”在舞台上有了舞台窗口和网格接下来就该演员登场了。我们需要定义蛇和食物的初始状态并把它们画出来。4.1 定义初始数据模型在游戏循环开始之前我们先初始化蛇和食物的位置。记住我们的坐标是基于网格索引而不是像素坐标。# 初始化蛇用一个列表表示每个元素是一个 (x, y) 元组代表蛇身一节所在的网格坐标。 # 蛇头是列表的最后一个元素这样在移动时添加新头、删除旧尾比较方便。 snake_body [(GRID_WIDTH // 2, GRID_HEIGHT // 2)] # 初始蛇长度为1放在屏幕中央 # 初始化食物位置 food_pos (GRID_WIDTH // 3, GRID_HEIGHT // 3) # 随便放在一个位置后续会随机生成 # 蛇的初始移动方向 (dx, dy) snake_direction (1, 0) # 初始向右移动这里有几个关键点坐标系统snake_body和food_pos存储的是网格坐标。例如(5, 10)表示第6列、第11行索引从0开始。这比直接操作像素坐标(100, 200)要清晰得多。蛇的表示用列表存储身体各节。一个常见的争议点是蛇头应该放在列表开头还是结尾我习惯放在结尾。因为蛇移动的本质是在头部方向增加一个新格子作为新头同时去掉尾部最后一个格子。如果蛇头在列表末尾那么snake_body.append(new_head)和snake_body.pop(0)就能非常直观地完成一次移动。如果蛇头在开头操作就变成了在列表头插入、删除列表尾思维上稍微绕一点。方向向量snake_direction用一个(dx, dy)元组表示。(1,0)表示每帧x坐标1右移(0,1)表示下移(-1,0)左移(0,-1)上移。用向量表示方向后续改变方向和计算新位置会非常简洁。4.2 将网格坐标转换为绘制坐标Pygame的绘制函数如draw.rect需要的是屏幕上的像素坐标和尺寸。所以我们需要一个辅助函数把网格坐标(grid_x, grid_y)转换成绘制矩形所需的左上角像素坐标(pixel_x, pixel_y)。def grid_to_pixel(grid_pos): 将网格坐标转换为绘制矩形所需的左上角像素坐标 grid_x, grid_y grid_pos pixel_x grid_x * GRID_SIZE pixel_y grid_y * GRID_SIZE return (pixel_x, pixel_y)原理很简单如果每个格子宽高是GRID_SIZE像素那么第grid_x列的格子它的左边界就在grid_x * GRID_SIZE像素处。同理可得纵坐标。4.3 绘制蛇与食物现在我们可以写出绘制蛇和食物的函数了def draw_snake(): 绘制贪吃蛇 for segment in snake_body: # 将网格坐标转换为像素坐标 pixel_pos grid_to_pixel(segment) # 绘制一个填充矩形代表蛇身的一节 pygame.draw.rect(screen, SNAKE_COLOR, (*pixel_pos, GRID_SIZE, GRID_SIZE)) # 可选为蛇身节绘制一个细边框增加立体感 pygame.draw.rect(screen, (20, 160, 20), (*pixel_pos, GRID_SIZE, GRID_SIZE), 1) def draw_food(): 绘制食物 pixel_pos grid_to_pixel(food_pos) # 食物可以画得特别一点比如一个圆角矩形或者圆形 # 这里我们画一个实心圆 center_x pixel_pos[0] GRID_SIZE // 2 center_y pixel_pos[1] GRID_SIZE // 2 pygame.draw.circle(screen, FOOD_COLOR, (center_x, center_y), GRID_SIZE // 2 - 2) # 再画一个更小的亮色内圆模拟光泽 pygame.draw.circle(screen, (255, 100, 100), (center_x, center_y), GRID_SIZE // 4)draw_snake(): 遍历snake_body列表中的每个网格坐标将其转换为像素坐标后用pygame.draw.rect()绘制一个实心矩形。参数(*pixel_pos, GRID_SIZE, GRID_SIZE)是矩形区域(左上角x, 左上角y, 宽度, 高度)。我们还额外画了一个1像素宽的深绿色边框让每一节蛇身看起来更清晰。draw_food(): 为了让食物更醒目我们选择画一个圆。首先计算格子中心的像素坐标然后以略小于格子半径的长度画圆。画两个同心圆是为了增加一点视觉效果。避坑指南在绘制矩形时最容易犯的错误是坐标偏移。如果你发现绘制的图形总是和网格线对不齐请检查你的转换函数grid_to_pixel。确保它返回的是矩形左上角的坐标。同时确认pygame.draw.rect的宽度和高度参数是GRID_SIZE而不是GRID_SIZE-1或其他。在基于网格的游戏中保持严格的坐标对齐至关重要。5. 组装主循环让画面动起来暂时是静态的现在我们把所有部分组装到主循环里。虽然目前蛇还不会动食物也不会被吃但我们已经可以看到一个完整的静态界面了。# 游戏主循环 while running: # 1. 处理事件 for event in pygame.event.get(): if event.type pygame.QUIT: # 用户点击了窗口关闭按钮 running False # 后续会在这里添加键盘方向键事件处理 # 2. 更新游戏状态 (第二阶段再实现) # 这里未来会放置蛇的移动、吃食物、碰撞检测等逻辑 # 3. 绘制画面 # 用背景色填充整个屏幕相当于“清空”上一帧的画面 screen.fill(BACKGROUND_COLOR) # 绘制网格 draw_grid() # 绘制食物 draw_food() # 绘制蛇 draw_snake() # 更新屏幕显示将我们在screen这个Surface上画好的所有内容一次性刷新到显示器上 pygame.display.flip() # 控制游戏帧率为每秒60帧 clock.tick(60) # 退出游戏 pygame.quit() sys.exit()主循环的每一步都至关重要事件循环pygame.event.get()获取当前帧发生的所有事件。我们首先检查pygame.QUIT事件这是用户点击窗口关闭按钮时触发的。一旦发生就将running设为False从而退出主循环。状态更新目前是空的这是我们下一篇文章的核心内容。这里未来会计算蛇的新位置、检查是否吃到食物、是否撞墙或撞到自己。绘制阶段screen.fill(BACKGROUND_COLOR): 这是必须的。它用背景色覆盖整个画布擦除上一帧的所有内容。如果没有这一步你会看到蛇移动的轨迹所有之前画过的蛇身都保留在屏幕上。然后按顺序调用我们写好的绘制函数。绘制顺序很重要先画的在底层后画的在顶层。所以我们先画背景和网格再画食物最后画蛇确保蛇能覆盖在食物和网格之上。pygame.display.flip(): 这是另一个必须的步骤。Pygame使用双缓冲技术。我们在screen这个“后台”画布上作画画完之后调用flip()或update()函数才将整个后台画布的内容“翻”到前台显示出来。这样能避免画面闪烁。帧率控制clock.tick(60)告诉Pygame“这一帧循环已经结束了请等待足够的时间确保从上一帧tick调用到现在时间刚好过去了1/60秒。” 这保证了游戏以稳定的60FPS运行在不同性能的电脑上速度一致。运行你的snake_game.py文件你应该能看到一个深绿色的窗口上面有浅绿色的网格线屏幕中央有一个亮绿色的方块蛇在屏幕偏左上的位置有一个红色的圆球食物。恭喜你贪吃蛇游戏的静态界面已经成功搭建6. 界面搭建的进阶思考与调试技巧在第一阶段就搭建一个清晰的界面远不止是“画出来”那么简单。它为后续的逻辑开发奠定了坚实的基础。这里分享几个我在这个阶段会特别注意的点和调试技巧。6.1 坐标系统的可视化调试当你的蛇或食物位置出现偏差时光靠眼睛看很难定位。一个非常有效的调试方法是在绘制时打印坐标。def draw_snake(): for i, segment in enumerate(snake_body): pixel_pos grid_to_pixel(segment) pygame.draw.rect(screen, SNAKE_COLOR, (*pixel_pos, GRID_SIZE, GRID_SIZE)) # 调试在控制台打印每一节蛇身的网格坐标 # print(f蛇身{i}: 网格坐标{segment}, 像素坐标{pixel_pos})临时取消注释print语句运行游戏观察控制台输出。确保蛇身的网格坐标是整数并且像素坐标是GRID_SIZE的整数倍。这个方法在后续实现蛇的移动和食物随机生成时能帮你快速定位是逻辑计算错误还是绘制转换错误。6.2 关于颜色与视觉层次的规划虽然我们现在只用了几种纯色但提前规划视觉层次很重要。思考一下背景需要和前景角色有足够的对比度但不能太刺眼。我们选的深绿色既能营造氛围又能突出亮绿色的蛇。网格调试时用正式版可以去掉或调成半透明、更浅的颜色使其成为若隐若现的背景元素而不干扰游戏主体。蛇与食物必须是最醒目的。可以考虑给蛇头用不同的颜色比如黄色方便玩家快速定位。食物也可以用闪烁动画来吸引注意力这需要用到计时器和状态变量是后续的进阶内容。6.3 窗口尺寸与网格尺寸的适配性我们硬编码了WINDOW_WIDTH800和WINDOW_HEIGHT600。一个更健壮的做法是让窗口尺寸能被GRID_SIZE整除否则GRID_WIDTH和GRID_HEIGHT计算出来的网格数会是小数导致边缘出现无法利用的“缝隙”。你可以这样优化GRID_SIZE 20 # 计算能整除GRID_SIZE的最近窗口尺寸 WINDOW_WIDTH (800 // GRID_SIZE) * GRID_SIZE # 结果为800 WINDOW_HEIGHT (600 // GRID_SIZE) * GRID_SIZE # 结果为600 # 如果用户想用700x500的窗口也能自动适配 # WINDOW_WIDTH (700 // GRID_SIZE) * GRID_SIZE # 结果为700 (因为700/2035整除) # WINDOW_HEIGHT (500 // GRID_SIZE) * GRID_SIZE # 结果为500 (500/2025整除) # 如果不能整除比如503则会向下取整到500保证网格完整。这个技巧确保了游戏区域总是完整的网格避免了潜在的坐标计算错误。6.4 主循环结构的扩展性我们当前的主循环结构非常清晰事件、更新、绘制。为了应对未来更复杂的游戏状态比如开始菜单、游戏结束画面可以引入一个简单的状态机。# 在初始化部分定义游戏状态 GAME_STATE_PLAYING 0 GAME_STATE_MENU 1 GAME_STATE_GAME_OVER 2 current_state GAME_STATE_PLAYING # 初始为游玩状态 # 在主循环中 while running: for event in pygame.event.get(): if event.type pygame.QUIT: running False # 根据当前状态处理不同的事件 if current_state GAME_STATE_PLAYING: # 处理游戏中的按键如方向键 pass elif current_state GAME_STATE_MENU: # 处理菜单中的按键如回车开始 pass # 根据当前状态更新 if current_state GAME_STATE_PLAYING: # 更新蛇的位置、检查碰撞等 pass elif current_state GAME_STATE_MENU: # 更新菜单动画等 pass # 根据当前状态绘制 screen.fill(BACKGROUND_COLOR) if current_state GAME_STATE_PLAYING: draw_grid() draw_food() draw_snake() # 还可以绘制分数等HUD信息 elif current_state GAME_STATE_MENU: # 绘制菜单界面 pass pygame.display.flip() clock.tick(60)虽然我们第一阶段用不上状态机但提前了解这个模式能让你在后续想增加功能时知道代码该往哪里放避免把主循环变成一团乱麻。至此贪吃蛇游戏的“舞台”已经搭建完毕。我们有了一个响应关闭事件的窗口有了清晰的网格坐标系蛇和食物也各就各位。所有的绘制代码都模块化成了函数主循环结构干净利落。这为我们下一阶段注入游戏的灵魂——让蛇动起来并与之交互——做好了完美的准备。记住好的开始是成功的一半清晰的界面和数据结构是复杂逻辑的坚实基础。 Python游戏开发入门：用Pygame从零搭建贪吃蛇游戏界面
1. 从零开始为什么选择Pygame来“复活”贪吃蛇如果你对编程感兴趣尤其是想用Python做点好玩的东西那么“贪吃蛇”几乎是一个绕不开的经典练手项目。它逻辑清晰元素简单但麻雀虽小五脏俱全涵盖了游戏开发中事件处理、图形绘制、状态更新、碰撞检测等核心概念。网上能找到的教程和代码多如牛毛但很多都是直接甩给你一个几百行的完整代码运行起来是挺酷可看完之后你可能还是不知道从何下手更别提自己从头搭建了。这就是我想写这个系列的原因。我们不追求一步到位而是像搭积木一样从最基础的界面窗口开始一块一块地把游戏构建起来。今天我们就来解决第一个也是最基础的问题如何用Pygame创建一个游戏窗口并绘制出贪吃蛇游戏的静态界面为什么是Pygame对于Python游戏开发入门来说它几乎是“不二之选”。它足够轻量安装简单它基于SDL库封装了底层复杂的图形、声音、事件处理接口让我们能用非常Pythonic的方式调用更重要的是它的2D图形渲染能力对于贪吃蛇、俄罗斯方块这类经典游戏来说绰绰有余。通过它你可以把注意力集中在游戏逻辑本身而不是纠结于如何打开一个窗口、如何监听键盘事件这些底层细节上。在开始敲代码之前我们需要明确第一阶段的目标创建一个指定大小的窗口设置好背景色并在窗口上绘制出游戏的核心视觉元素——网格、蛇的初始状态和食物。听起来很简单对吧但这里面其实藏着不少新手容易踩的坑比如坐标系的理解、颜色格式、主循环的退出机制等等。别担心我会带你一步步走通并把这些“坑”都标出来。2. 环境准备与Pygame的“第一印象”工欲善其事必先利其器。我们的第一步是确保Pygame库已经正确安装在你的Python环境中。2.1 安装Pygame打开你的终端Windows上是CMD或PowerShellmacOS/Linux上是Terminal输入以下命令pip install pygame如果你使用的是Python 3并且系统中有多个Python版本可能需要使用pip3pip3 install pygame安装过程通常很快。安装完成后可以在Python交互环境中输入import pygame来验证是否成功。如果没有报错并且能打印出版本号例如print(pygame.verison.ver)说明安装无误。注意如果你在PyCharm这类IDE中开发也可以在项目的解释器设置里通过图形化界面搜索并安装pygame包这通常更直观。2.2 理解Pygame的核心工作模式在写第一行代码前我们需要先理解Pygame程序的基本骨架。它遵循一个标准的“事件循环”模式你可以把它想象成一个永不停止的“轮询”机器不断做着三件事处理事件检查有没有发生什么事情比如用户按了键盘、点了鼠标、点了窗口的关闭按钮。更新状态根据发生的事件和游戏自身的逻辑更新游戏内部的数据。比如蛇头的位置、食物的状态、分数等。绘制画面根据最新的游戏状态在屏幕上重新画出一切。这个循环会以极高的频率比如每秒60次运行从而形成流畅的动画效果。我们的所有代码几乎都是围绕这个循环的三个阶段来组织的。3. 创建游戏窗口你的画布现在让我们动手创建第一个Pygame窗口。新建一个Python文件比如命名为snake_game.py。3.1 初始化与窗口设置import pygame import sys # 初始化pygame的所有模块这是必须的第一步 pygame.init() # 定义游戏窗口的尺寸单位像素 WINDOW_WIDTH 800 WINDOW_HEIGHT 600 # 定义游戏网格的尺寸格子数 GRID_SIZE 20 GRID_WIDTH WINDOW_WIDTH // GRID_SIZE GRID_HEIGHT WINDOW_HEIGHT // GRID_SIZE # 创建游戏窗口set_mode函数返回一个Surface对象代表整个窗口 screen pygame.display.set_mode((WINDOW_WIDTH, WINDOW_HEIGHT)) # 设置窗口标题 pygame.display.set_caption(经典贪吃蛇 - 界面搭建) # 定义颜色RGB格式 BACKGROUND_COLOR (15, 56, 15) # 深绿色背景模拟老式屏幕 GRID_COLOR (30, 90, 30) # 稍浅的绿色作为网格线 SNAKE_COLOR (50, 205, 50) # 亮绿色蛇身 FOOD_COLOR (220, 20, 60) # 深红色食物 # 游戏主循环控制变量 running True clock pygame.time.Clock() # 创建一个时钟对象用于控制帧率我们来逐行拆解一下pygame.init(): 这是铁律必须在调用其他Pygame功能前执行。它负责初始化字体、声音、事件系统等所有子模块。WINDOW_WIDTH和WINDOW_HEIGHT: 定义了窗口的像素尺寸。这里设为800x600一个比较通用的分辨率。GRID_SIZE: 这是本游戏的一个关键设计参数。它决定了游戏世界里每个“格子”的大小也是蛇身一节的大小。我们设定为20像素那么窗口宽度800像素就能容纳800//2040列格子高度600像素能容纳600//2030行格子。这样蛇和食物的移动就不再是连续的像素点而是在这个虚拟的网格上“一格一格”地跳跃极大简化了碰撞检测和移动逻辑。screen: 这是我们的“画布”。pygame.display.set_mode()创建并返回一个Surface对象。之后所有的绘制操作最终都要“画”到这个screen上。颜色定义Pygame使用RGB元组(R, G, B)来表示颜色每个分量取值范围是0-255。我们选择了一套怀旧的绿底配色更有“古早味”。running: 一个布尔值用于控制主循环何时结束。clock:pygame.time.Clock()对象是控制游戏帧率的关键。通过clock.tick(60)我们可以让循环每秒最多运行60次避免程序占用100%的CPU同时保证动画流畅。3.2 绘制静态网格构建游戏世界坐标系贪吃蛇是在网格上移动的所以绘制网格线能让游戏世界更直观。虽然最终游戏运行时这些线可能不需要一直显示为了画面简洁但在开发调试阶段网格线是理解坐标和碰撞的绝佳工具。我们写一个函数来绘制网格def draw_grid(): 绘制游戏网格线 # 绘制垂直线 for x in range(0, WINDOW_WIDTH, GRID_SIZE): pygame.draw.line(screen, GRID_COLOR, (x, 0), (x, WINDOW_HEIGHT), 1) # 绘制水平线 for y in range(0, WINDOW_HEIGHT, GRID_SIZE): pygame.draw.line(screen, GRID_COLOR, (0, y), (WINDOW_WIDTH, y), 1)这个函数利用了range(start, stop, step)来生成网格线的起点坐标。step就是我们的GRID_SIZE(20像素)。pygame.draw.line()函数接受画布screen、颜色、起点坐标、终点坐标和线宽。这里线宽设为1像素。实操心得在开发初期强烈建议保留网格线。当你发现蛇或者食物的位置“好像偏了一点”的时候网格线能帮你迅速定位问题——很可能是坐标计算时没有对齐到网格。等游戏所有逻辑都调试无误后再注释掉网格绘制让画面变干净。4. 绘制游戏角色让蛇和食物“站”在舞台上有了舞台窗口和网格接下来就该演员登场了。我们需要定义蛇和食物的初始状态并把它们画出来。4.1 定义初始数据模型在游戏循环开始之前我们先初始化蛇和食物的位置。记住我们的坐标是基于网格索引而不是像素坐标。# 初始化蛇用一个列表表示每个元素是一个 (x, y) 元组代表蛇身一节所在的网格坐标。 # 蛇头是列表的最后一个元素这样在移动时添加新头、删除旧尾比较方便。 snake_body [(GRID_WIDTH // 2, GRID_HEIGHT // 2)] # 初始蛇长度为1放在屏幕中央 # 初始化食物位置 food_pos (GRID_WIDTH // 3, GRID_HEIGHT // 3) # 随便放在一个位置后续会随机生成 # 蛇的初始移动方向 (dx, dy) snake_direction (1, 0) # 初始向右移动这里有几个关键点坐标系统snake_body和food_pos存储的是网格坐标。例如(5, 10)表示第6列、第11行索引从0开始。这比直接操作像素坐标(100, 200)要清晰得多。蛇的表示用列表存储身体各节。一个常见的争议点是蛇头应该放在列表开头还是结尾我习惯放在结尾。因为蛇移动的本质是在头部方向增加一个新格子作为新头同时去掉尾部最后一个格子。如果蛇头在列表末尾那么snake_body.append(new_head)和snake_body.pop(0)就能非常直观地完成一次移动。如果蛇头在开头操作就变成了在列表头插入、删除列表尾思维上稍微绕一点。方向向量snake_direction用一个(dx, dy)元组表示。(1,0)表示每帧x坐标1右移(0,1)表示下移(-1,0)左移(0,-1)上移。用向量表示方向后续改变方向和计算新位置会非常简洁。4.2 将网格坐标转换为绘制坐标Pygame的绘制函数如draw.rect需要的是屏幕上的像素坐标和尺寸。所以我们需要一个辅助函数把网格坐标(grid_x, grid_y)转换成绘制矩形所需的左上角像素坐标(pixel_x, pixel_y)。def grid_to_pixel(grid_pos): 将网格坐标转换为绘制矩形所需的左上角像素坐标 grid_x, grid_y grid_pos pixel_x grid_x * GRID_SIZE pixel_y grid_y * GRID_SIZE return (pixel_x, pixel_y)原理很简单如果每个格子宽高是GRID_SIZE像素那么第grid_x列的格子它的左边界就在grid_x * GRID_SIZE像素处。同理可得纵坐标。4.3 绘制蛇与食物现在我们可以写出绘制蛇和食物的函数了def draw_snake(): 绘制贪吃蛇 for segment in snake_body: # 将网格坐标转换为像素坐标 pixel_pos grid_to_pixel(segment) # 绘制一个填充矩形代表蛇身的一节 pygame.draw.rect(screen, SNAKE_COLOR, (*pixel_pos, GRID_SIZE, GRID_SIZE)) # 可选为蛇身节绘制一个细边框增加立体感 pygame.draw.rect(screen, (20, 160, 20), (*pixel_pos, GRID_SIZE, GRID_SIZE), 1) def draw_food(): 绘制食物 pixel_pos grid_to_pixel(food_pos) # 食物可以画得特别一点比如一个圆角矩形或者圆形 # 这里我们画一个实心圆 center_x pixel_pos[0] GRID_SIZE // 2 center_y pixel_pos[1] GRID_SIZE // 2 pygame.draw.circle(screen, FOOD_COLOR, (center_x, center_y), GRID_SIZE // 2 - 2) # 再画一个更小的亮色内圆模拟光泽 pygame.draw.circle(screen, (255, 100, 100), (center_x, center_y), GRID_SIZE // 4)draw_snake(): 遍历snake_body列表中的每个网格坐标将其转换为像素坐标后用pygame.draw.rect()绘制一个实心矩形。参数(*pixel_pos, GRID_SIZE, GRID_SIZE)是矩形区域(左上角x, 左上角y, 宽度, 高度)。我们还额外画了一个1像素宽的深绿色边框让每一节蛇身看起来更清晰。draw_food(): 为了让食物更醒目我们选择画一个圆。首先计算格子中心的像素坐标然后以略小于格子半径的长度画圆。画两个同心圆是为了增加一点视觉效果。避坑指南在绘制矩形时最容易犯的错误是坐标偏移。如果你发现绘制的图形总是和网格线对不齐请检查你的转换函数grid_to_pixel。确保它返回的是矩形左上角的坐标。同时确认pygame.draw.rect的宽度和高度参数是GRID_SIZE而不是GRID_SIZE-1或其他。在基于网格的游戏中保持严格的坐标对齐至关重要。5. 组装主循环让画面动起来暂时是静态的现在我们把所有部分组装到主循环里。虽然目前蛇还不会动食物也不会被吃但我们已经可以看到一个完整的静态界面了。# 游戏主循环 while running: # 1. 处理事件 for event in pygame.event.get(): if event.type pygame.QUIT: # 用户点击了窗口关闭按钮 running False # 后续会在这里添加键盘方向键事件处理 # 2. 更新游戏状态 (第二阶段再实现) # 这里未来会放置蛇的移动、吃食物、碰撞检测等逻辑 # 3. 绘制画面 # 用背景色填充整个屏幕相当于“清空”上一帧的画面 screen.fill(BACKGROUND_COLOR) # 绘制网格 draw_grid() # 绘制食物 draw_food() # 绘制蛇 draw_snake() # 更新屏幕显示将我们在screen这个Surface上画好的所有内容一次性刷新到显示器上 pygame.display.flip() # 控制游戏帧率为每秒60帧 clock.tick(60) # 退出游戏 pygame.quit() sys.exit()主循环的每一步都至关重要事件循环pygame.event.get()获取当前帧发生的所有事件。我们首先检查pygame.QUIT事件这是用户点击窗口关闭按钮时触发的。一旦发生就将running设为False从而退出主循环。状态更新目前是空的这是我们下一篇文章的核心内容。这里未来会计算蛇的新位置、检查是否吃到食物、是否撞墙或撞到自己。绘制阶段screen.fill(BACKGROUND_COLOR): 这是必须的。它用背景色覆盖整个画布擦除上一帧的所有内容。如果没有这一步你会看到蛇移动的轨迹所有之前画过的蛇身都保留在屏幕上。然后按顺序调用我们写好的绘制函数。绘制顺序很重要先画的在底层后画的在顶层。所以我们先画背景和网格再画食物最后画蛇确保蛇能覆盖在食物和网格之上。pygame.display.flip(): 这是另一个必须的步骤。Pygame使用双缓冲技术。我们在screen这个“后台”画布上作画画完之后调用flip()或update()函数才将整个后台画布的内容“翻”到前台显示出来。这样能避免画面闪烁。帧率控制clock.tick(60)告诉Pygame“这一帧循环已经结束了请等待足够的时间确保从上一帧tick调用到现在时间刚好过去了1/60秒。” 这保证了游戏以稳定的60FPS运行在不同性能的电脑上速度一致。运行你的snake_game.py文件你应该能看到一个深绿色的窗口上面有浅绿色的网格线屏幕中央有一个亮绿色的方块蛇在屏幕偏左上的位置有一个红色的圆球食物。恭喜你贪吃蛇游戏的静态界面已经成功搭建6. 界面搭建的进阶思考与调试技巧在第一阶段就搭建一个清晰的界面远不止是“画出来”那么简单。它为后续的逻辑开发奠定了坚实的基础。这里分享几个我在这个阶段会特别注意的点和调试技巧。6.1 坐标系统的可视化调试当你的蛇或食物位置出现偏差时光靠眼睛看很难定位。一个非常有效的调试方法是在绘制时打印坐标。def draw_snake(): for i, segment in enumerate(snake_body): pixel_pos grid_to_pixel(segment) pygame.draw.rect(screen, SNAKE_COLOR, (*pixel_pos, GRID_SIZE, GRID_SIZE)) # 调试在控制台打印每一节蛇身的网格坐标 # print(f蛇身{i}: 网格坐标{segment}, 像素坐标{pixel_pos})临时取消注释print语句运行游戏观察控制台输出。确保蛇身的网格坐标是整数并且像素坐标是GRID_SIZE的整数倍。这个方法在后续实现蛇的移动和食物随机生成时能帮你快速定位是逻辑计算错误还是绘制转换错误。6.2 关于颜色与视觉层次的规划虽然我们现在只用了几种纯色但提前规划视觉层次很重要。思考一下背景需要和前景角色有足够的对比度但不能太刺眼。我们选的深绿色既能营造氛围又能突出亮绿色的蛇。网格调试时用正式版可以去掉或调成半透明、更浅的颜色使其成为若隐若现的背景元素而不干扰游戏主体。蛇与食物必须是最醒目的。可以考虑给蛇头用不同的颜色比如黄色方便玩家快速定位。食物也可以用闪烁动画来吸引注意力这需要用到计时器和状态变量是后续的进阶内容。6.3 窗口尺寸与网格尺寸的适配性我们硬编码了WINDOW_WIDTH800和WINDOW_HEIGHT600。一个更健壮的做法是让窗口尺寸能被GRID_SIZE整除否则GRID_WIDTH和GRID_HEIGHT计算出来的网格数会是小数导致边缘出现无法利用的“缝隙”。你可以这样优化GRID_SIZE 20 # 计算能整除GRID_SIZE的最近窗口尺寸 WINDOW_WIDTH (800 // GRID_SIZE) * GRID_SIZE # 结果为800 WINDOW_HEIGHT (600 // GRID_SIZE) * GRID_SIZE # 结果为600 # 如果用户想用700x500的窗口也能自动适配 # WINDOW_WIDTH (700 // GRID_SIZE) * GRID_SIZE # 结果为700 (因为700/2035整除) # WINDOW_HEIGHT (500 // GRID_SIZE) * GRID_SIZE # 结果为500 (500/2025整除) # 如果不能整除比如503则会向下取整到500保证网格完整。这个技巧确保了游戏区域总是完整的网格避免了潜在的坐标计算错误。6.4 主循环结构的扩展性我们当前的主循环结构非常清晰事件、更新、绘制。为了应对未来更复杂的游戏状态比如开始菜单、游戏结束画面可以引入一个简单的状态机。# 在初始化部分定义游戏状态 GAME_STATE_PLAYING 0 GAME_STATE_MENU 1 GAME_STATE_GAME_OVER 2 current_state GAME_STATE_PLAYING # 初始为游玩状态 # 在主循环中 while running: for event in pygame.event.get(): if event.type pygame.QUIT: running False # 根据当前状态处理不同的事件 if current_state GAME_STATE_PLAYING: # 处理游戏中的按键如方向键 pass elif current_state GAME_STATE_MENU: # 处理菜单中的按键如回车开始 pass # 根据当前状态更新 if current_state GAME_STATE_PLAYING: # 更新蛇的位置、检查碰撞等 pass elif current_state GAME_STATE_MENU: # 更新菜单动画等 pass # 根据当前状态绘制 screen.fill(BACKGROUND_COLOR) if current_state GAME_STATE_PLAYING: draw_grid() draw_food() draw_snake() # 还可以绘制分数等HUD信息 elif current_state GAME_STATE_MENU: # 绘制菜单界面 pass pygame.display.flip() clock.tick(60)虽然我们第一阶段用不上状态机但提前了解这个模式能让你在后续想增加功能时知道代码该往哪里放避免把主循环变成一团乱麻。至此贪吃蛇游戏的“舞台”已经搭建完毕。我们有了一个响应关闭事件的窗口有了清晰的网格坐标系蛇和食物也各就各位。所有的绘制代码都模块化成了函数主循环结构干净利落。这为我们下一阶段注入游戏的灵魂——让蛇动起来并与之交互——做好了完美的准备。记住好的开始是成功的一半清晰的界面和数据结构是复杂逻辑的坚实基础。