Menu
CoddyTech

מסך אחד בכל פעם

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

שלב יכול להיות רחב יותר מהחלון. במפה הזו יש 32 עמודות, כלומר שני חלונות של 16. הקירות שומרים על המיקום שלהם בשלב: קיר בעמודה 20 נמצא ב־x = 720, מעבר לקצה הימני של החלון ב־576.

רוחב השלב נובע מהמפה: len(LEVEL[0]) * TILE. יש להשאיר את השחקן בתוך השלב, ולא בתוך החלון:

level_width = len(LEVEL[0]) * TILE
level = pygame.Rect(0, 0, level_width, 360)
# בתוך הלולאה
player.clamp_ip(level)

כדי להציג את החלק בשלב שבו נמצא השחקן, יש לחלק אותו למסכים ברוחב 576 פיקסלים. player.centerx // 576 הוא מספר המסך, 0 או 1. מציירים הכול כשהוא מוזז שמאלה במספר זה של רוחבי חלון:

offset = player.centerx // 576 * 576
pygame.draw.rect(screen, WALL, wall.move(-offset, 0))

wall.move(-offset, 0) הוא עותק של Rect שהוזז שמאלה; הקיר עצמו נשאר במקומו בשלב. עוברים את הקצה, והחלון מציג את המסך הבא. השחקן עדיין עובר דרך קירות: עצירה בהם מופיעה בנושא התנגשויות בפלטפורמות.

challenge icon

אתגר

בינוני
  1. לפני לולאת המשחק, צרו את level_width = len(LEVEL[0]) * TILE ואת level = pygame.Rect(0, 0, level_width, 360).
  2. השאירו את השחקן בתוך level במקום בתוך screen.get_rect().
  3. בכל פריים, הגדירו את offset = player.centerx // 576 * 576.
  4. ציירו כל קיר, מטבע ואת השחקן כשהם מוזזים ב־-offset בציר x.

נסו בעצמכם

import pygame

TILE = 36
WALL = (120, 90, 60)
COIN = (255, 196, 0)
PLAYER = (80, 200, 120)

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

pygame.init()
screen = pygame.display.set_mode((576, 360))
pygame.display.set_caption("Map from Text")
clock = pygame.time.Clock()

walls = []
coins = []
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 == "C":
            coins.append(pygame.Rect(col * TILE + 10, row * TILE + 10, 16, 16))
        elif char == "P":
            player = pygame.Rect(col * TILE + 4, row * TILE + 4, 28, 28)

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]:
        player.x -= 4
    if keys[pygame.K_RIGHT]:
        player.x += 4
    if keys[pygame.K_UP]:
        player.y -= 4
    if keys[pygame.K_DOWN]:
        player.y += 4
    player.clamp_ip(screen.get_rect())

    screen.fill((30, 30, 46))
    for wall in walls:
        pygame.draw.rect(screen, WALL, wall)
    for coin in coins:
        pygame.draw.rect(screen, COIN, coin)
    pygame.draw.rect(screen, PLAYER, player)
    pygame.display.flip()
    clock.tick(60)

pygame.quit()

כל השיעורים ביחידה עולמות

תרגלו בעצמכם: Pygame אונליין