Theo dõi nhân vật

Thuộc phần Thế giới trò chơi trong hành trình Pygame của Coddy. Bài học 21 trên 36.

Máy quay di chuyển trôi sẽ bỏ lại người chơi phía sau. Thay vào đó, hãy cập nhật máy quay theo vị trí người chơi ở mỗi khung hình, sau khi người chơi di chuyển:

camera_x = player.centerx - WIDTH // 2

Trung tâm cửa sổ nằm cách mép trái 288 pixel, tại WIDTH // 2. Khi máy quay ở cách tâm người chơi 288 pixel về bên trái, người chơi sẽ xuất hiện ở giữa cửa sổ. Đi sang phải, màn chơi sẽ trượt sang trái bên dưới người chơi, còn người chơi vẫn đứng yên trên màn hình.

Hãy cập nhật máy quay sau khi xử lý va chạm để nó dùng vị trí cuối cùng của người chơi trong khung hình này, chứ không phải vị trí trước đó. Lúc bắt đầu, cửa sổ hiển thị khoảng trống bên trái màn chơi: bài học tiếp theo sẽ khắc phục điều đó.

Thử thách

Dễ

Điều chỉnh camera đi theo người chơi.

Loại bỏ độ trôi.
Sau khi xử lý va chạm, đặt camera_x = player.centerx - WIDTH // 2 ở mỗi khung hình.

Nhấn Chơi rồi đi sang phải: người chơi vẫn ở giữa khi màn chơi trượt qua. Sau đó nhấn Kiểm tra.

Tự làm thử

import pygame

TILE = 36
WIDTH = 576
SPEED = 4
GRAVITY = 1
JUMP = -15
MAX_FALL = 12

LEVEL = [
    "................................................",
    "................................................",
    "#...........###..........####..........###.....#",
    "#..............................................#",
    "#.....####.........###.........###.............#",
    "#..............................................#",
    "#.P........#####.........######.........####...#",
    "#..............................................#",
    "#..............................................#",
    "################################################",
]

pygame.init()
screen = pygame.display.set_mode((WIDTH, 360))
pygame.display.set_caption("Camera")
clock = pygame.time.Clock()

block_img = pygame.image.load("assets/images/block.png").convert_alpha()
player_img = pygame.image.load("assets/images/player.png").convert_alpha()

walls = []
for row, line in enumerate(LEVEL):
    for col, char in enumerate(line):
        if char == "#":
            walls.append(pygame.Rect(col * TILE, row * TILE, TILE, TILE))
        elif char == "P":
            start = (col * TILE + TILE // 2, row * TILE + TILE)

level_width = len(LEVEL[0]) * TILE
player = player_img.get_rect(midbottom=start)
vel_y = 0
on_ground = False
camera_x = 0

running = True
while running:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            running = False
        elif event.type == pygame.KEYDOWN and event.key in (pygame.K_SPACE, pygame.K_UP):
            if on_ground:
                vel_y = JUMP
        elif event.type == pygame.KEYUP and event.key in (pygame.K_SPACE, pygame.K_UP):
            if vel_y < -4:
                vel_y = -4

    keys = pygame.key.get_pressed()
    dx = 0
    if keys[pygame.K_LEFT]:
        dx -= SPEED
    if keys[pygame.K_RIGHT]:
        dx += SPEED

    player.x += dx
    for wall in walls:
        if player.colliderect(wall):
            if dx > 0:
                player.right = wall.left
            elif dx < 0:
                player.left = wall.right

    vel_y = min(vel_y + GRAVITY, MAX_FALL)
    player.y += vel_y
    on_ground = False
    for wall in walls:
        if player.colliderect(wall):
            if vel_y > 0:
                player.bottom = wall.top
                on_ground = True
            elif vel_y < 0:
                player.top = wall.bottom
            vel_y = 0

    if camera_x < level_width - WIDTH:
        camera_x += 2

    screen.fill((140, 200, 240))
    for wall in walls:
        screen.blit(block_img, (wall.x - camera_x, wall.y))
    screen.blit(player_img, (player.x - camera_x, player.y))
    pygame.display.flip()
    clock.tick(60)

pygame.quit()