Menu
CoddyTech

Hitboxes circulares

Parte da seção Sprites e imagens do Journey de Pygame da Coddy. Lição 24 de 36.

Um teste por pixel é exato, mas o que é exato nem sempre parece justo. Um espinho que roça a ponta de uma asa conta como uma colisão. Em vez disso, muitos jogos testam uma forma menor e mais simples, uma hitbox, e deixam passar os quase acertos.

Para objetos redondos, teste círculos. Dê a cada sprite um radius, e pygame.sprite.collide_circle considera que houve uma colisão quando a distância entre os centros é menor que a soma dos dois raios:

self.radius = 24  # em Player.__init__
self.radius = 22  # em Ball.__init__

hits = pygame.sprite.spritecollide(player, balls, False, pygame.sprite.collide_circle)

Nesse caso, a distância entre os centros é de 24 + 22 = 46 pixels. Os círculos são menores que as imagens, então as extremidades podem se roçar sem que haja uma colisão. Um teste com círculos também é rápido: uma distância, nenhum pixel.

Sem um radius, collide_circle usa um círculo ao redor de todo o Rect, maior que o próprio Rect. Para um sprite em forma de caixa, um Rect menor faz o mesmo trabalho: self.rect.inflate(-16, -16) é o Rect 16 pixels mais estreito e mais baixo, com o mesmo centro.

challenge icon

Desafio

Médio
  1. Defina self.radius = 24 para Player e self.radius = 22 para Ball.
  2. Teste com pygame.sprite.collide_circle em vez de collide_mask.

Experimente você mesmo

import pygame

pygame.init()
screen = pygame.display.set_mode((640, 480))
pygame.display.set_caption("Spike Field")
clock = pygame.time.Clock()

ship_image = pygame.image.load("assets/images/ship.png").convert_alpha()
ball_image = pygame.image.load("assets/images/spike_ball.png").convert_alpha()
font = pygame.font.Font(None, 40)


class Player(pygame.sprite.Sprite):
    def __init__(self):
        super().__init__()
        self.image = ship_image
        self.rect = self.image.get_rect(topleft=(420, 320))
        self.mask = pygame.mask.from_surface(self.image)

    def update(self):
        keys = pygame.key.get_pressed()
        if keys[pygame.K_LEFT]:
            self.rect.x -= 4
        if keys[pygame.K_RIGHT]:
            self.rect.x += 4
        if keys[pygame.K_UP]:
            self.rect.y -= 4
        if keys[pygame.K_DOWN]:
            self.rect.y += 4


class Ball(pygame.sprite.Sprite):
    def __init__(self, x, y):
        super().__init__()
        self.image = ball_image
        self.rect = self.image.get_rect(center=(x, y))
        self.mask = pygame.mask.from_surface(self.image)


player = Player()
balls = pygame.sprite.Group(Ball(160, 240), Ball(320, 240), Ball(480, 240))

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

    player.update()
    hits = pygame.sprite.spritecollide(player, balls, False, pygame.sprite.collide_mask)

    screen.fill((20, 22, 40))
    balls.draw(screen)
    screen.blit(player.image, player.rect)
    if hits:
        text = font.render("Hit!", True, (240, 240, 240))
        screen.blit(text, (10, 10))
    pygame.display.flip()
    clock.tick(60)

pygame.quit()
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Sprites e imagens

Pratique por conta própria: Playground de Pygame