ホバーでハイライト

CoddyのPygameジャーニー「ゲームループ」セクションの一部。レッスン 15/32。

毎回 gx <= x <= gx + 30 をテストするのは面倒です。Pygameには、位置とサイズをまとめて保持し、こうしたテストを代わりに行ってくれる矩形用のクラス pygame.Rect があります。

gem = pygame.Rect(225, 165, 30, 30)

if gem.collidepoint(event.pos):
    score += 1

点がRectの内側にあるとき、gem.collidepoint(point) は True になります。引き続き gem.x と gem.y を読み取ったり変更したりできます。また、Rectには辺の中央を表す名前があり、gem.midtop、gem.midright、gem.midbottom、gem.midleft は、それぞれ宝石の4つの角にあたります。

ポインターの位置を使って同じテストをすれば、プレイヤーが宝石を指しているかどうかがわかります。ゲームでは、これをハイライト表示します。

if gem.collidepoint(pygame.mouse.get_pos()):
    pygame.draw.rect(screen, (255, 196, 0), gem.inflate(10, 10), 2)

gem.inflate(10, 10) は、中心を同じ位置に保ったまま幅と高さが10ピクセル大きい新しいRectです。そのため、輪郭線は宝石から5ピクセル外側に表示されます。

チャレンジ

簡単

gx, gy = 225, 165をgem = pygame.Rect(225, 165, 30, 30)に置き換え、gxとgyを使っていた箇所ではgem.xとgem.yを使います。
[gem.midtop, gem.midright, gem.midbottom, gem.midleft]から宝石を描画し、gem.collidepoint(event.pos)でクリックを判定します。
宝石を描画した後、ポインターが宝石の上にある場合は、gem.inflate(10, 10)の黄色い(255, 196, 0)の枠線を幅2ピクセルで描画します。

自分で試してみよう

import random
import pygame

pygame.init()
screen = pygame.display.set_mode((480, 360))
pygame.display.set_caption("Gem Hunt")
clock = pygame.time.Clock()

gx, gy = 225, 165
score = 0

running = True
while running:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            running = False
        elif event.type == pygame.MOUSEBUTTONDOWN:
            x, y = event.pos
            if gx <= x <= gx + 30 and gy <= y <= gy + 30:
                score += 1
                gx = random.randint(15, 435)
                gy = random.randint(55, 315)

    screen.fill((30, 30, 46))
    gem_points = [(gx + 15, gy), (gx + 30, gy + 15), (gx + 15, gy + 30), (gx, gy + 15)]
    pygame.draw.polygon(screen, (80, 220, 255), gem_points)
    for i in range(score):
        pygame.draw.rect(screen, (240, 110, 180), (10 + 10 * i, 14, 8, 8))
    mouse_x, mouse_y = pygame.mouse.get_pos()
    pygame.draw.circle(screen, (240, 240, 240), (mouse_x, mouse_y), 10, 2)
    pygame.display.flip()
    clock.tick(60)

pygame.quit()

ゲームループのすべてのレッスン

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