Menu
CoddyTech

היסט מצלמה

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

רוחב השלב הזה הוא 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. רק הציור משתנה: ה־Rect-ים שב־walls וב־player שומרים על המיקומים שלהם בשלב, כך שהתנגשויות פועלות כמו קודם.

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

challenge icon

אתגר

קל
  1. ציירו כל קיר ב־(wall.x - camera_x, wall.y).
  2. ציירו את השחקן ב־(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()
quiz iconבחנו את עצמכם

השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.

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

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