تمييز العنصر عند المرور

جزء من قسم حلقة اللعبة في رحلة Pygame على Coddy. الدرس 15 من 32.

إن اختبار gx <= x <= gx + 30 في كل مرة يستغرق وقتًا طويلًا. تحتوي Pygame على فئة للمستطيلات، وهي pygame.Rect، تجمع الموضع والحجم معًا وتجري هذه الاختبارات نيابةً عنك:

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

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

تكون gem.collidepoint(point) مساويةً لـ True عندما تكون النقطة داخل المستطيل Rect. ما زال بإمكانك قراءة 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) هو مستطيل Rect جديد أعرض وأطول بمقدار 10 بكسلات وله المركز نفسه، لذا يقع حدّه على بُعد 5 بكسلات خارج الجوهرة.

التحدي

سهل

استبدل gx, gy = 225, 165 بـ gem = pygame.Rect(225, 165, 30, 30)، واستخدم gem.x وgem.y حيث كنت تستخدم gx وgy.
ارسم الجوهرة باستخدام [gem.midtop, gem.midright, gem.midbottom, gem.midleft]، واختبر النقرات باستخدام gem.collidepoint(event.pos).
بعد رسم الجوهرة، عندما يكون المؤشر فوقها، ارسم إطارًا أصفر (255, 196, 0) حول gem.inflate(10, 10) بعرض 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()