카메라 오프셋

Coddy Pygame 여정의 게임 월드 섹션에 포함된 레슨. 35개 중 20번째.

이 레벨은 타일 48개 너비로, 화면 세 개에 해당합니다. 모든 요소는 레벨에서의 위치를 유지하고, 카메라가 창에 표시할 레벨의 부분을 결정합니다. 카메라는 숫자 하나인 camera_x입니다. 즉, 창의 왼쪽 가장자리에 해당하는 레벨의 x 좌표입니다.

무언가를 그리려면 레벨의 x 좌표에서 카메라 값을 뺍니다.

for wall in walls:
    screen.blit(block_img, (wall.x - camera_x, wall.y))
screen.blit(player_img, (player.x - camera_x, player.y))

camera_x = 0이면 시작 지점이 보입니다. camera_x = 600이면 x = 800에 있는 벽은 200 위치에 그려집니다. 그리기만 달라집니다. walls와 player의 Rect는 레벨에서의 위치를 유지하므로 충돌은 이전과 같이 작동합니다.

이 프로그램에서는 카메라가 프레임마다 2픽셀씩 저절로 오른쪽으로 이동해 레벨의 끝을 보여 줄 때까지 움직입니다. 시작 코드는 camera_x를 이동시키지만 카메라 값을 적용하지 않고 그리므로 아무것도 움직이지 않습니다.

챌린지

쉬움

각 벽을 (wall.x - camera_x, wall.y)에 그립니다.
플레이어를 (player.x - camera_x, player.y)에 그립니다.

흐르는 움직임은 그대로 둡니다. 레벨이 저절로 왼쪽으로 이동해야 합니다.

직접 해보기

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, wall.y))
    screen.blit(player_img, (player.x, player.y))
    pygame.display.flip()
    clock.tick(60)

pygame.quit()