Stap 0-3: bal - Informatica

We beginnen met een bal die stuitert.

Schermafdruk van spelletje met basisstap 0 t/m 3.

De basisstappen zijn genummerd van stap 0 tot en met stap 21. In elke basisstap staat onder ‘opdracht’ wat je code moet doen. Lees dit aandachtig door, voordat je begint te coderen. De toelichting geeft aan hoe je de opdracht kunt maken. De tips kun je bekijken als je er niet uitkomt.

2.1Stap 0: Run de startcode¶

In ‘de opdracht’ staat wat je code moet doen. Lees dit aandachtig door, voordat je begint te coderen. De toelichting geeft aan hoe je de opdracht kunt maken. De tips kun je bekijken als je er niet uitkomt.

2.2Stap 1: Voeg commentaar toe¶

Toelichting

Stukje code uit main.py die constanten en variabelen maakt:

# definitions 
FPS = 30 # Frames Per Second
SCREEN_WIDTH = 1280  # screensize in x-direction in pixels
SCREEN_HEIGHT = 720  # screensize in y-direction in pixels
BALL_WIDTH = 16      # ballsize in x-direction in pixels
BALL_HEIGHT = 16     # ballsize in y-direction in pixels
ball_x = 0           # x-position of ball in pixels
ball_speed_x = 6     # speed of ball in x-direction in pixels per frame

Stukje code uit main.py die game te initialiseert:

# init game
pygame.init()
font = pygame.font.SysFont('default', 64)
screen = pygame.display.set_mode((SCREEN_WIDTH, SCREEN_HEIGHT), pygame.FULLSCREEN)
fps_clock = pygame.time.Clock()

Stukje code uit main.py die plaatjes inleest:

# read images

# read spritesheet containing all images
# convert_alpha increases speed of blit and keeps transparency of .png
spritesheet = pygame.image.load('Breakout_Tile_Free.png').convert_alpha() 

# create empty image of 64 x 64 pixels, SRCALPHA supports transparency
ball_img = pygame.Surface((64, 64), pygame.SRCALPHA) 
# copy part (x-left=1403, y-top=652, width=64, height=64) from spritesheet to ball_img at (0,0)
ball_img.blit(spritesheet, (0, 0), (1403, 652, 64, 64)) 
# resize ball_img from 64 x 64 pixels to BALL_WIDTH x BALL_HEIGHT
ball_img = pygame.transform.scale(ball_img, (BALL_WIDTH, BALL_HEIGHT))

Gameloop in main.py op hoofdlijnen, de code in de gameloop wordt steeds herhaalt:

running = True
while running:
  # read events
  # move everything
  # handle collisions
  # draw everything
  # wait until next frame

Stukje code uit gameloop die zorgt dat invoer vanuit besturingssysteem wordt afgehandeld:

    # read events

    for event in pygame.event.get(): # read all events
        if event.type == pygame.QUIT: # GUI is closed 
            running = False # end programm
    keys = pygame.key.get_pressed() # read which keys are down

Stukje code uit gameloop die alles beweegt:

    # move everything

    # move ball
    ball_x = ball_x + ball_speed_x
    # bounce ball against edges of screen
    if ball_x < 0 : # left edge
      ball_speed_x = abs(ball_speed_x) # positive x-speed = move right
    if ball_x + BALL_WIDTH > SCREEN_WIDTH: # right edge
      ball_speed_x = abs(ball_speed_x) * -1 # negative x-speed = move left

Plek in gameloop om later code toe te voegen die botsingen afhandelt:

    # 
    # handle collisions
    #

Stukje code uit gameloop die alles tekent:
    # draw everything

    # clear screen
    screen.fill('black') 
    # draw ball
    screen.blit(ball_img, (ball_x, 0))
    # show screen
    pygame.display.flip()

Stukje code uit gameloop die frame-snelheid regelt:

    # wait until next frame
    fps_clock.tick(FPS) # Sleep the remaining time of this frame

2.3Stap 2: Beweeg de bal schuin¶

2.4Stap 3: Stuiter de bal tegen de onder- en bovenkant van het scherm¶

Toelichting

Code die zorgt dat bal stuitert tegen zijkant van scherm:

    if ball_x < 0 : # left edge
      ball_speed_x = abs(ball_speed_x) # positive x-speed = move right
    if ball_x + BALL_WIDTH > SCREEN_WIDTH: # right edge
      ball_speed_x = abs(ball_speed_x) * -1 # negative x-speed = move left

De functie abs(getal) geeft als resultaat een getal zonder min. Dus abs(-2) is 2 en abs(2) is ook 2. Dus abs(ball_speed_x) geeft de positieve waarde van de x-snelheid. abs(ball_speed_x) * -1 geeft de negatieve waarde van de x-snelheid.

Informatica

Inleiding