マスク

CoddyのPygameジャーニー「スプライトと画像」セクションの一部。レッスン 22/36。

マスクとは、ピクセルごとに「はい」と「いいえ」が並んだグリッドです。画像が不透明な部分は「はい」、透けている部分は「いいえ」です。pygame では、アルファチャンネルを持つ任意の画像からマスクを作成できます。

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

元になる画像と同じように、ループの前に一度だけマスクを作成します。

一方の不透明なピクセルが、もう一方の不透明なピクセルに重なると、2つのマスクは重なります。マスクには位置がないため、2つ目のマスクが1つ目に対してどこにあるかを指定します。これがオフセットで、もう一方の左上の座標からこちらの左上の座標を引いた値です。

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

overlapは、2つのマスクが接触する最初の点を返し、接触していない場合はNoneを返します。そのため、ifの条件として使えます。オフセットを逆にすると、ボールが船の反対側にあるものとして判定されます。

これで、赤い輪郭には実際の接触が必要になります。角だけでは灰色のままです。

チャレンジ

中級

ループの前に、pygame.mask.from_surfaceを使ってship_maskとball_maskを作成します。
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()