Menu
CoddyTech

碰撞掩码

本课属于 Coddy Pygame 学习旅程的“精灵与图像”单元。第 23 课,共 39 课。

遮罩是一个由“是”和“否”组成的网格,每个像素对应一个值:图像不透明的位置为“是”,透明的位置为“否”。pygame 可以根据任何带 alpha 通道的图像创建遮罩:

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

像创建图像一样,在循环开始前创建一次遮罩。

当一个遮罩的不透明像素与另一个遮罩的不透明像素重合时,两个遮罩就发生了重叠。遮罩没有位置,因此你需要说明第二个遮罩相对于第一个遮罩的位置:即偏移量,也就是另一个遮罩左上角的位置减去这个遮罩左上角的位置。

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

overlap会返回它们接触的第一个点;如果没有接触,则返回None,因此可以在if中将它用作测试。如果偏移量的方向弄反了,程序就会把球当作位于飞船的另一侧来检测。

现在,红色轮廓需要真正接触时才会出现:仅仅角落重合时,颜色仍然是灰色。

challenge icon

挑战

中等

只有图片接触时,才将轮廓变成红色。

  1. 在循环之前,用 pygame.mask.from_surface 创建 ship_mask 和 ball_mask。
  2. 当 ship_mask.overlap(ball_mask, offset) 找到一个点时,将轮廓变成红色,其中偏移量是从 ship_rect 到 ball_rect 的偏移量;否则保持灰色。

按“开始”:只有角落重叠时,轮廓会保持灰色。然后按“检查”。

亲手试试

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

精灵与图像中的所有课

自己练习: Pygame 在线编辑器