Contornos e Cantos

Parte da seção O loop do jogo do Journey de Pygame da Coddy. Lição 10 de 32.

Todas as formas até agora estavam preenchidas. Defina uma largura para uma forma e o pygame desenhará apenas sua borda, com essa espessura em pixels:

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

Uma largura igual a 0, ou nenhuma largura, preenche a forma. Isso funciona da mesma maneira para retângulos, círculos e polígonos.

Os retângulos também podem ter cantos arredondados. border_radius é o raio da curva de cada canto, em pixels. Passe-o pelo nome, após os outros argumentos:

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

Botões, painéis e barras de vida costumam usar ambos: uma caixa preenchida e arredondada com um contorno fino ao redor.

Desafio

Fácil

Transforme a caixa em um botão:

Dê à caixa azul border_radius=12.
Depois dela, desenhe um contorno branco (240, 240, 240) em (130, 130, 220, 80), com 3 pixels de largura e border_radius=16.

Experimente você mesmo

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()