Menu
CoddyTech

마우스 오버 강조 표시

Coddy Pygame 여정의 게임 루프 섹션에 포함된 레슨. 32개 중 15번째.

gx <= x <= gx + 30을 매번 검사하면 코드가 길어집니다. Pygame에는 위치와 크기를 함께 저장하고 이런 검사를 대신해 주는 직사각형 클래스인 pygame.Rect가 있습니다:

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

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

gem.collidepoint(point)는 점이 Rect 내부에 있을 때 True입니다. 여전히 gem.x와 gem.y를 읽고 변경할 수 있으며, Rect는 자체 기준점도 지정합니다. gem.midtop, gem.midright, gem.midbottom, gem.midleft는 각 변의 중간점이며, 보석의 네 모서리에 해당합니다.

포인터의 위치를 사용해 같은 검사를 하면 플레이어가 보석을 가리키고 있는지 알 수 있습니다. 게임에서는 이를 강조 표시로 나타냅니다:

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픽셀 떨어져 표시됩니다.

challenge icon

챌린지

쉬움
  1. gx, gy = 225, 165를 gem = pygame.Rect(225, 165, 30, 30)로 바꾸고, gx와 gy를 사용하던 곳에서 gem.x와 gem.y를 사용하세요.
  2. [gem.midtop, gem.midright, gem.midbottom, gem.midleft]를 사용해 보석을 그리고, gem.collidepoint(event.pos)로 클릭 여부를 확인하세요.
  3. 보석을 그린 다음, 포인터가 보석 위에 있을 때 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 플레이그라운드