Menu
CoddyTech

Podświetlenie po najechaniu

Część sekcji Pętla gry ścieżki Pygame w Coddy. Lekcja 15 z 32.

Za każdym razem wykonywanie testu gx <= x <= gx + 30 staje się uciążliwe. Pygame ma klasę reprezentującą prostokąty, pygame.Rect, która łączy pozycję i rozmiar oraz wykonuje te testy za Ciebie:

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

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

gem.collidepoint(point) ma wartość True, gdy punkt znajduje się wewnątrz obiektu Rect. Nadal możesz odczytywać i zmieniać gem.x oraz gem.y, a obiekt Rect nazywa własne punkty: gem.midtop, gem.midright, gem.midbottom i gem.midleft to środki jego boków, które są czterema narożnikami klejnotu.

Ten sam test z pozycją wskaźnika pozwala sprawdzić, czy gracz wskazuje klejnot. W grach pokazuje się to za pomocą podświetlenia:

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

gem.inflate(10, 10) tworzy nowy obiekt Rect, o 10 pikseli szerszy i wyższy, ale z tym samym środkiem, więc obrys znajduje się 5 pikseli na zewnątrz klejnotu.

challenge icon

Wyzwanie

Łatwy
  1. Zastąp gx, gy = 225, 165 przez gem = pygame.Rect(225, 165, 30, 30) i używaj gem.x oraz gem.y tam, gdzie używałeś gx i gy.
  2. Rysuj klejnot na podstawie [gem.midtop, gem.midright, gem.midbottom, gem.midleft] i sprawdzaj kliknięcia za pomocą gem.collidepoint(event.pos).
  3. Po narysowaniu klejnotu, gdy wskaźnik znajduje się nad nim, narysuj żółty kontur gem.inflate(10, 10) w kolorze (255, 196, 0), o szerokości 2 pikseli.

Spróbuj swoich sił

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

Wszystkie lekcje w sekcji Pętla gry

Poćwicz samodzielnie: Edytor online Pygame