第084讲: Pygame：基本图形绘制 | 学习记录（小甲鱼零基础入门学习Python）

今天我们来学习基本图形的画法，相信使用 tkinter 绘制图形大家还记得，

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)

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

因为这个不是一个移动的图形，所以我们把帧率可以调低一点，以免占用太多cpu。

---

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)

---

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同心圆。

---

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

pygame.draw.ellipse()

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

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

在 Surface 对象上绘制一个椭圆形。Rect 参数指定椭圆外围的限定矩形（当此矩形为正方形时，得到的也是圆形）。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, 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.ellipse(screen, BLACK, (220, 50, 200, 200), 1)
    pygame.draw.ellipse(screen, BLACK, (100, 100, 440, 100), 1)
    pygame.display.flip()
    clock.tick(10)

---

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)

---

最后来谈谈绘制线段：

这里有 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)

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

这就是我们这节课的内容，尽管我们看到了，就目前而言，Pygame 的 draw 模块中的绘制基本图形的方法十分有限，功能不如我们前面介绍的Tkinter 的 Canvas 组件