Menu
CoddyTech

ピクセル単位で正確なスプライト

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

スプライトでもマスクを使えます。pygame がオフセットを処理してくれます。各スプライトに self.mask を持たせ、__init__ で一度だけ作成します。

self.mask = pygame.mask.from_surface(self.image)

次に、pygame.sprite.collide_mask を spritecollide の第4引数として渡します。

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

第4引数は、各ペアに対して使う判定方法です。指定しない場合、判定には Rect が使われます。collide_mask を指定すると、各スプライトの Rect によって配置されたマスクが使われます。groupcollide も同じ第5引数を受け取ります。

マスクによる判定は Rect による判定より処理コストがかかりますが、overlap は2つの Rect が重なる部分のピクセルだけを比較するため、離れたペアの処理は高速です。数十個程度のスプライトなら、処理コストは気にならないでしょう。スプライトに mask がない場合、collide_mask は判定のたびに画像からマスクを作成するため、__init__ で設定してください。

challenge icon

チャレンジ

中級
  1. Player と Ball に、self.image から作成した self.mask を設定します。
  2. pygame.sprite.collide_mask を spritecollide に渡し、船の画像がボールに触れている間だけ Hit! が表示されるようにします。

自分で試してみよう

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

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


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)

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

スプライトと画像のすべてのレッスン

自分で練習してみよう: Pygameプレイグラウンド