轮廓与拐角
本课属于 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)按钮、面板和生命值条通常会同时使用这两种效果:填充的圆角矩形,外加一圈细边框。
挑战
简单把方框变成按钮。
- 给蓝色方框设置
border_radius=12。 - 然后,在
(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 在线编辑器