Menu
CoddyTech

矩形碰撞框太不公平

本课属于 Coddy Pygame 学习旅程的“精灵与图像”单元。第 22 课,共 39 课。

用方向键驾驶飞船飞向尖刺球。矩形碰撞检测 colliderect 又快又简单,但用在圆球上会出错。球的 Rect 是包住它的正方形,包括透明的角;飞船的 Rect 在船头旁边也有空白区域。

让检测结果一目了然:描出球的 Rect 轮廓,并根据 colliderect 的判断为轮廓着色。

if ship_rect.colliderect(ball_rect):
    colour = (230, 60, 60)
else:
    colour = (90, 90, 120)
pygame.draw.rect(screen, colour, ball_rect, 2)

然后从右下方靠近球。飞船和尖刺之间明明还隔着一段天空,轮廓却变成了红色:两个 Rect 的角重叠了,但图像并没有重叠。在游戏中,这会让玩家白白失去一条命,他们会注意到这一点。

接下来的课会检测图像本身。

challenge icon

挑战

简单

在两个 Rect 碰撞时显示。

  1. 绘制球和飞船后,为 ball_rect 绘制轮廓,宽度为 2 像素。
  2. 当 ship_rect 与它碰撞时,将轮廓设为红色 (230, 60, 60);否则设为灰色 (90, 90, 120)。

按“开始”,从右下方飞入:图片接触前,轮廓就会变红。然后按“检查”。

亲手试试

import pygame

pygame.init()
screen = pygame.display.set_mode((640, 480))
pygame.display.set_caption("Near Miss")
clock = pygame.time.Clock()

ship = pygame.image.load("assets/images/ship.png").convert_alpha()
ship_rect = ship.get_rect(topleft=(420, 320))
ball = pygame.image.load("assets/images/spike_ball.png").convert_alpha()
ball_rect = ball.get_rect(center=(320, 240))

running = True
while running:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            running = False

    keys = pygame.key.get_pressed()
    if keys[pygame.K_LEFT]:
        ship_rect.x -= 4
    if keys[pygame.K_RIGHT]:
        ship_rect.x += 4
    if keys[pygame.K_UP]:
        ship_rect.y -= 4
    if keys[pygame.K_DOWN]:
        ship_rect.y += 4

    screen.fill((20, 22, 40))
    screen.blit(ball, ball_rect)
    screen.blit(ship, ship_rect)
    pygame.display.flip()
    clock.tick(60)

pygame.quit()

精灵与图像中的所有课

自己练习: Pygame 在线编辑器