Menu
CoddyTech

轮廓与拐角

本课属于 Coddy Pygame 学习旅程的“游戏循环”单元。第 10 课,共 35 课。

目前为止的形状都是填充的。为形状设置 width,pygame 就只会绘制它的边缘,边缘厚度为指定的像素数:

pygame.draw.rect(screen, (240, 240, 240), (100, 100, 120, 60), 2)
pygame.draw.circle(screen, (240, 240, 240), (300, 130), 30, 2)

宽度为 0 或不设置宽度时,形状会被填充。矩形、圆形和多边形都适用。

矩形的角也可以是圆角。border_radius 是每个角的曲线半径,单位为像素。在其他参数之后,按名称传入它:

pygame.draw.rect(screen, (80, 160, 255), (100, 200, 120, 60), border_radius=10)

按钮、面板和生命值条通常会同时使用这两种效果:填充的圆角矩形,外加一圈细边框。

challenge icon

挑战

简单

把方框变成按钮。

  1. 给蓝色方框设置 border_radius=12。
  2. 然后,在 (130, 130, 220, 80) 处绘制白色 (240, 240, 240) 轮廓,宽度为 3 像素,并设置 border_radius=16。

按“开始”:显示一个带白色轮廓的圆角蓝色按钮。然后按“检查”。

亲手试试

import pygame

pygame.init()
screen = pygame.display.set_mode((480, 360))
pygame.display.set_caption("Button")
clock = pygame.time.Clock()

running = True
while running:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            running = False

    screen.fill((30, 30, 46))
    pygame.draw.rect(screen, (80, 160, 255), (140, 140, 200, 60))
    pygame.display.flip()
    clock.tick(60)

pygame.quit()

游戏循环中的所有课

自己练习: Pygame 在线编辑器