Menu
CoddyTech

Maski

Część sekcji Sprite’y i obrazy ścieżki Pygame w Coddy. Lekcja 22 z 36.

Maska to siatka wartości tak i nie, po jednej na piksel: tak tam, gdzie obraz jest nieprzezroczysty, nie tam, gdzie jest przezroczysty. pygame tworzy ją z dowolnego obrazu z kanałem alfa:

ship_mask = pygame.mask.from_surface(ship)
ball_mask = pygame.mask.from_surface(ball)

Utwórz maski raz, przed pętlą, tak jak obrazy, z których pochodzą.

Dwie maski nakładają się na siebie, gdy nieprzezroczysty piksel jednej trafia na nieprzezroczysty piksel drugiej. Maska nie ma pozycji, więc określasz, gdzie znajduje się druga względem pierwszej: przesunięcie, czyli pozycja lewego górnego rogu drugiej minus pozycja lewego górnego rogu pierwszej.

offset = (ball_rect.x - ship_rect.x, ball_rect.y - ship_rect.y)
if ship_mask.overlap(ball_mask, offset):

overlap zwraca pierwszy punkt, w którym maski się stykają, albo None, jeśli się nie stykają, więc można użyć tej funkcji jako warunku w if. Jeśli obliczysz przesunięcie w odwrotną stronę, piłka będzie sprawdzana tak, jakby znajdowała się po drugiej stronie statku.

Teraz czerwony obrys wymaga rzeczywistego kontaktu: same narożniki pozostają szare.

challenge icon

Wyzwanie

Średni
  1. Przed pętlą utwórz ship_mask i ball_mask za pomocą pygame.mask.from_surface.
  2. Pokoloruj obrys na czerwono, gdy ship_mask.overlap(ball_mask, offset) znajdzie punkt z przesunięciem od ship_rect do ball_rect; w przeciwnym razie na szaro.

Spróbuj swoich sił

import pygame

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

ship = pygame.image.load("assets/images/ship.png").convert_alpha()
ship_rect = ship.get_rect(topleft=(420, 320))
ball = pygame.image.load("assets/images/spike_ball.png").convert_alpha()
ball_rect = ball.get_rect(center=(320, 240))

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

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

    screen.fill((20, 22, 40))
    screen.blit(ball, ball_rect)
    screen.blit(ship, ship_rect)
    if ship_rect.colliderect(ball_rect):
        colour = (230, 60, 60)
    else:
        colour = (90, 90, 120)
    pygame.draw.rect(screen, colour, ball_rect, 2)
    pygame.display.flip()
    clock.tick(60)

pygame.quit()
quiz iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Sprite’y i obrazy

Poćwicz samodzielnie: Edytor online Pygame