פרלקסה

חלק מהיחידה עולמות במסלול ה-Pygame של Coddy. שיעור 23 מתוך 35.

הביטו החוצה מרכבת נוסעת: הגדר חולפת במהירות, והגבעות הרחוקות כמעט אינן זזות. ציור דברים רחוקים לאט יותר מדברים קרובים מעניק למשחק שטוח תחושת עומק. לתופעה הזאת קוראים פרלקסה.

ציירו את רקע העננים בתנועה של שליש מתנועת המצלמה. הוא חוזר על עצמו כל 72 פיקסלים, לכן רק camera_x // 3 % 72 משנה: אחרי שהוא מחליק תמונה שלמה, הוא נראה אותו הדבר.

shift = camera_x // 3 % 72
for y in range(0, 360, 72):
    for x in range(-shift, WIDTH, 72):
        screen.blit(background, (x, y))

לולאת ה-x מתחילה ב--shift, משמאל לחלון, כך שהעותק הראשון מכסה את הקצה השמאלי כשהוא מחליק החוצה. האריחים והשחקן עדיין משתמשים בכל camera_x: הם קרובים.

אתגר

בינוני

במקום screen.fill, צייר את background (שנטען בקוד הפתיחה) ברשת של 72 פיקסלים.
בכל פריים, הגדר shift = camera_x // 3 % 72 והתחל כל שורת עותקים ב־x = -shift, בקפיצות של 72 עד WIDTH.
צייר את האריחים ואת השחקן אחרי הרקע, כמו קודם.

נסו בעצמכם

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("Parallax")
clock = pygame.time.Clock()

background = pygame.image.load("assets/backgrounds/clouds.png").convert_alpha()
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

    camera_x = player.centerx - WIDTH // 2
    camera_x = max(0, min(camera_x, level_width - WIDTH))

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