《零基础入门学习Python》第084讲：Pygame：基本图形绘制

亦凉 2022-03-30 04:14 280阅读 0赞

今天我们开始学习 Pygame 的基本图形绘制。有些人就会疑惑了，你上节课不是说大多数游戏都是由图片构成的吗，不是说颜值高于一切吗，不是说颜值对一个游戏来说很重要吗，我们学习Pygame就是为了游戏开发，那你现在教我们基本图形绘制对游戏开发有什么用呢？

其实，绘制基本图形对于游戏开发不是没有用，说来也奇怪，现在有些像素游戏也很火啊，它们就是由一些简单的图形绘制的小游戏，我这里总结了一下，有几个原因：

1.  唯美的游戏界面越来越多，层出不穷，所以呢，玩家朋友们会出现审美疲劳。
2.  时下盛行的就是简约风格，只要你的游戏能够让大家看得舒服，玩得舒服，一般大家都不会拒绝简单的游戏；
3.  大型的游戏的CG动画绘制需要耗费相当的人力、物力和财力。
4.  简单的游戏更容易开发，小游戏工作室或个人即可完成开发，有更多逆袭的机会。
5.  游戏依托的主要平台已经从电脑端转移到手机端，那么小一个屏幕你把图像做得惟妙惟肖意义并不大。

说这么多，只是为了说明，在Pygame中，简单的图形绘制真的有用。大家一定要认真学好。

Pygame的 draw 模块提供了绘制简单图形的方法。支持绘制的图形有矩形、多边形、圆形、椭圆形、弧形以及各种线条。好吧，我们首先来谈谈绘制矩形。

绘制矩形，我们使用 rect() 方法：

**pygame.draw.rect()**

rect(Surface, color, Rect, width = 0)

在 Surface对象上绘制一个矩形。color 表示边框的颜色。Rect 参数指定矩形的位置和尺寸。width 参数指定边框的宽度，如果设置为 0 则表示填充该矩形。

举个例子：

import pygame
    import sys
    from pygame.locals import *
    
    pygame.init()
    
    WHITE = (255, 255, 255)
    BLACK = (0, 0, 0)
    
    size = width, height = 640, 200
    screen = pygame.display.set_mode(size)
    pygame.display.set_caption("Python Demo")
    
    clock = pygame.time.Clock()
    
    while True:
        for event in pygame.event.get():
            if event.type == QUIT:
                sys.exit()
    
        screen.fill(WHITE)
        
        pygame.draw.rect(screen, BLACK, (50, 50, 150, 50), 0)
        pygame.draw.rect(screen, BLACK, (250, 50, 150, 50), 1)
        pygame.draw.rect(screen, BLACK, (450, 50, 150, 50), 10)
    
        pygame.display.flip()
    
        clock.tick(10)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70][]

大家可以看到，当我们把 width 设为 0 的时候，它是使用边框的颜色填充，width = 1 时，就是不填充，边框宽度为1，我们通过右图还可以看到，边框是向外扩展的。

因为这个不是一个移动的图形，我们把帧率可以调低一点，这里就设为10。

--------------------

**pygame.draw.polygon()**

绘制多边形。

polygon(Surface, color, pointlist, width=0)

在Surface对象上绘制一个多边形。pointlist 参数指定多边形的各个顶点。width 参数指定边框的宽度，如果设置为 0 则表示填充该矩形。

import pygame
    import sys
    from pygame.locals import *
    
    pygame.init()
    
    WHITE = (255, 255, 255)
    BLACK = (0, 0, 0)
    GREEN = (0, 255, 0)
    
    points = [(200, 75), (300, 25), (400, 75), (450, 25), (450, 125), (400, 75), (300, 125)]
    
    size = width, height = 640, 200
    screen = pygame.display.set_mode(size)
    pygame.display.set_caption("Python Demo")
    
    clock = pygame.time.Clock()
    
    while True:
        for event in pygame.event.get():
            if event.type == QUIT:
                sys.exit()
    
        screen.fill(WHITE)
        
        pygame.draw.polygon(screen, GREEN, points, 0)
    
        pygame.display.flip()
    
        clock.tick(10)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 1][]

--------------------

**pygame.draw.circle()**

根据圆心和半径绘制圆形。

circle(Surface, color, pos, radius, width=0)

在 Surface对象上绘制一个圆形。pos 参数指定圆心的位置，radius 参数指定圆的半径。width 参数指定边框的宽度，如果设置为 0 则表示填充该矩形。

import pygame
    import sys
    from pygame.locals import *
    
    pygame.init()
    
    WHITE = (255, 255, 255)
    BLACK = (0, 0, 0)
    GREEN = (0, 255, 0)
    RED = (255, 0, 0)
    BLUE = (0, 0, 255)
    
    size = width, height = 640, 480
    screen = pygame.display.set_mode(size)
    pygame.display.set_caption("Python Demo")
    
    position = size[0]//2, size[1]//2
    moving = False
    
    clock = pygame.time.Clock()
    
    while True:
        for event in pygame.event.get():
            if event.type == QUIT:
                sys.exit()
    
            if event.type == MOUSEBUTTONDOWN:
                if event.button == 1:
                    moving = True
    
            if event.type == MOUSEBUTTONUP:
                if event.button == 1:
                    moving = False
    
        if moving:
            position = pygame.mouse.get_pos()
    
        screen.fill(WHITE)
        
        pygame.draw.circle(screen, RED, position, 25, 1)
        pygame.draw.circle(screen, GREEN, position, 75, 1)
        pygame.draw.circle(screen, BLUE, position, 125, 1)
    
        pygame.display.flip()
    
        clock.tick(120)

我们实现一个可以通过鼠标拖拽的3同心圆。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 2][]

--------------------

说完圆形，我们再来说说椭圆形，在Tkinter里面，圆形和椭圆形的绘制方法是一样的，但在Pygame中，两者是分开的。

**pygame.draw.ellipse()**

根据限定矩形绘制一个椭圆形。

ellipse(Surface, color, Rect, width=0)

在 Surface 对象上绘制一个椭圆形。Rect 参数指定椭圆外围的限定矩形（当此矩形为正方形时，得到的也是圆形）。width 参数指定边框的宽度，如果设置为 0 则表示填充该矩形。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 3][]

--------------------

**pygame.draw.arc()**

绘制弧线。

arc(Surface, color, Rect, start\_angle, stop\_angle, width=1)

在 Surface 对象上绘制一条弧线。Rect 参数指定弧线所在的椭圆外围的限定矩形。两个 angle 参数指定弧线的开始和结束位置。width 参数指定边框的宽度。

import pygame
    import sys
    import math
    from pygame.locals import *
    
    pygame.init()
    
    WHITE = (255, 255, 255)
    BLACK = (0, 0, 0)
    GREEN = (0, 255, 0)
    RED = (255, 0, 0)
    BLUE = (0, 0, 255)
    
    size = width, height = 640, 300
    screen = pygame.display.set_mode(size)
    pygame.display.set_caption("Python Demo")
    
    clock = pygame.time.Clock()
    
    while True:
        for event in pygame.event.get():
            if event.type == QUIT:
                sys.exit()
    
        screen.fill(WHITE)
        
        pygame.draw.arc(screen, BLACK, (100, 100, 440, 100), 0, math.pi, 1)
        pygame.draw.arc(screen, BLACK, (220, 50, 200, 200), math.pi, math.pi * 2, 1)
    
        pygame.display.flip()
    
        clock.tick(10)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 4][]

--------------------

最后来谈谈绘制线段：

这里有 line() 方法和 lines() 方法，分别用于绘制一条线段和多条线段。其中 lines() 方法如果 closed 参数设置为 True，则绘制首尾相连，这和前面的 polygon() 方法有点像，但是线段的概念就是一条线或者多条线，是不会包围起来的，所以不能填充，把width 设为0就不显示了，而不是填充。

前面的弧线也是不能填充的。

**pygame.draw.line()**

绘制线段。

line(Surface, color, start\_pos, end\_pos, width=1)

在 Surface 对象上绘制一条线段。两端以方形结束。

**pygame.draw.lines()**

绘制多条连续的线段。

lines(Surface, color, closed, pointlist, width=1)

在 Surface 对象上绘制一系列连续的线段。pointlist 参数是一系列短点。如果 closed 参数设置为 True，则绘制首尾相连。

--------------------

aaline() 和 aalines() 是绘制抗锯齿的线段。最后一个参数不是width 而是 blend，指定是否通过绘制混合背景的阴影来实现抗锯齿功能，由于没有 width 选项，所以这两个方法只能绘制唯一像素宽度值的线段。

**pygame.draw.aaline()**

绘制抗锯齿的线段。

aaline(Surface, color, startpos, endpos, blend=1)

在 Surface 对象上绘制一条抗锯齿的线段。blend 参数指定是否通过绘制混合背景的阴影来实现抗锯齿功能。该函数的结束位置允许使用浮点数。

**pygame.draw.aalines()**

绘制多条连续的线段（抗锯齿）。

aalines(Surface, color, closed, pointlist, blend=1)

在 Surface 对象上绘制一系列连续的线段（抗锯齿）。如果 closed 参数为 True，则首尾相连。blend 参数指定是否通过绘制混合背景的阴影来实现抗锯齿功能。该函数的结束位置允许使用浮点数。

import pygame
    import sys
    from pygame.locals import *
    
    pygame.init()
    
    WHITE = (255, 255, 255)
    BLACK = (0, 0, 0)
    GREEN = (0, 255, 0)
    
    points = [(200, 75), (300, 25), (400, 75), (450, 25), (450, 125), (400, 75), (300, 125)]
    
    size = width, height = 640, 480
    screen = pygame.display.set_mode(size)
    pygame.display.set_caption("Python Demo")
    
    clock = pygame.time.Clock()
    
    while True:
        for event in pygame.event.get():
            if event.type == QUIT:
                sys.exit()
    
        screen.fill(WHITE)
        
        pygame.draw.lines(screen, GREEN, 1, points, 1)
        pygame.draw.line(screen, BLACK, (100, 200), (540, 250), 1)
        pygame.draw.aaline(screen, BLACK, (100, 250), (540, 300), 1)
        pygame.draw.aaline(screen, BLACK, (100, 300), (540, 350), 0)
    
        pygame.display.flip()
    
        clock.tick(10)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 5][]

开启抗锯齿就会把线段旁边的锯齿变成阴影，看起来就比较光滑一点，特别是当你放在一定的背景上时，它会根据背景图片来调整线段附近的像素值，看上去就比较光滑。

这就是我们这节课的内容，尽管我们看到了，就目前而言，Pygame 的 draw 模块中的绘制基本图形的方法十分有限，功能不如我们前面介绍的Tkinter 的 Canvas 组件，但是Pygame 是在逐步发展中的，我们希望它的绘制图形模块能够越来越好。

我们在后面的课程中也会介绍用这些基本的图形来开发简单的小游戏，大家拭目以待吧。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70]: /images/20220330/60d58e0a6dd94afaa857ae4d8846d01a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 1]: /images/20220330/a454c7cb01ff45ca9a7e75453bceeaac.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 2]: /images/20220330/d6fceafb1f674c0d9763114090496bbf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 3]: /images/20220330/9a9958e2bbad4242a0ebf6b4021f7bd5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 4]: /images/20220330/c791c76626554fa5984f8ec1a16881b5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 5]: /images/20220330/b9c05fd9733d403792d274d442154ebe.png