Stap 4-9: plank - Informatica

De bal beweegt, maar je kunt het spel nog niet spelen. Daarom gaan we een plank toevoegen.

Schermafdruk van spelletje met basisstap 4 t/m 9.

3.1Stap 4: Teken de plank¶

Toelichting

Kopieer de code van de bal en pas de kopie aan, zodat hij werkt voor de plank.

Regels uit de startcode die het plaatje van de bal inlezen:

ball_img = pygame.Surface((64, 64), pygame.SRCALPHA) # create new image
ball_img.blit(spritesheet, (0, 0), (1403, 652, 64, 64))  # copy part of sheet to image
ball_img = pygame.transform.scale(ball_img, (BALL_WIDTH, BALL_HEIGHT)) # resize image

De eerste regel maakt een variabele ball_img met een leeg plaatje erin. (64, 64) zijn de breedte en hoogte van het plaatje. pygame.SRCALPHA zorgt ervoor dat de achtergrond van je plaatje transparant kan zijn.
De tweede regel kopieert een stuk uit het spritesheet naar het lege plaatje. (0, 0) betekent dat het stukje spritesheet linksboven in je lege plaatje komt. (1403, 652, 64, 64) zijn de x, y, width en height van het stuk dat je uit het spritesheet kopieert.
De derde regel verkleint het plaatje tot de afmeting die je in de game nodig hebt. (BALL_WIDTH, BALL_HEIGHT) is de breedte en hoogte die je nodig hebt in je game.

Regels uit de startcode die het plaatje van de bal op het scherm zetten:

screen.blit(ball_img, (ball_x, ball_y))

ball_img is de naam van de variabele waar het plaatje in zit dat je op het scherm wil zetten. ball_x en ball_y zijn de linkerbovenhoek van de plek waar het plaatje op het scherm wordt gezet.

3.2Stap 5: Beweeg de plank¶

3.3Stap 6: Stop de plank aan de randen van het scherm¶

Toelichting

Pseudo-code om de plank te laten stoppen aan de rechterkant van het scherm.

als plank_x + plank_breedte > breedte_van_scherm dan
    plank_x = breedte_van_scherm – plank_breedte

Maak zelf de Python-code en zet die op een logische plaats in je programma. Pseudo-code om de plank te laten stoppen aan de linkerkant van het scherm kun je zelf maken.

3.4Stap 7: Stuiter de bal tegen de plank¶

Toelichting

Pseudo-code:

      linker_kant_bal  is kleiner dan  rechter_kant_paddle en
      onderkant_kant_bal is groter dan boven_kant_paddle en 
      boven_kant_bal  is kleiner dan   onder_kant_paddle dan
          bal_snelheid_y = de positieve waarde van bal_snelheid_y keer -1

Tips

Gebruik de pseudo-code. Gebruik nu geen ingebouwde functie van pygame om een botsing te detecteren.
Je kunt een lange conditie achter if over meerdere regels spreiden om het leesbaarder te maken. Zet de conditie dan tussen ( en ), bijvoorbeeld

if (x > 100 and 
    x < 200 and 
    y > 50 and 
    y < 150) :

rechter_kant_bal uit de pseudo-code is ball_x + BALL_WIDTH in je code.
linker_kant_plank uit de pseudo-code is paddle_x in je code.
De y-snelheid van de bal moet negatief (kleiner dan nul) zijn om te zorgen dat de bal omhoog beweegt. Want bovenaan het scherm is y gelijk aan nul en hoe verder naar onderen je komt hoe groter de y wordt.
Je kunt de y-snelheid negatief maken door een eventuele min eraf te halen en dan keer -1 te doen. 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_y) * -1 geeft de negatieve waarde van de y-snelheid.
Wat doet het algoritme als de bal tegen de zijkant van de plank kaatst? Wat zou je in het echt verwachten?
Hou het algoritme voor nu simpel, je kunt het bij de uitbreidingen nog aanpassen.

3.5Stap 8: Stop het spel als je af bent¶

Toelichting

Een logische plek voor je nieuwe code is onder afhandelen van botsingen en voor je begint met tekenen. Dat is op de plek van de <> in onderstaande stukjes.

    # move everything
    ...

    # handle collisions
    <<hier toevoegen>>

    # draw everything
    ...

3.6Stap 9: Toon een bericht als je af bent¶

Toelichting

Deze drie stukjes code zetten een bericht op het scherm. Kopieer en plak ze op de juiste plekken.

# define global variables
game_status_msg = ""

# if dead
game_status_msg = "You lost!"

# draw game status message
game_status_img = font.render(game_status_msg, True, 'green')
screen.blit(game_status_img, (0, 0)) # (0, 0) is top left corner of screen

Informatica

Stap 0-3: bal

Informatica

Stap 10-14: eerste blok

3Stap 4-9: plank

3.1Stap 4: Teken de plank¶

3.2Stap 5: Beweeg de plank¶

3.3Stap 6: Stop de plank aan de randen van het scherm¶

3.4Stap 7: Stuiter de bal tegen de plank¶

3.5Stap 8: Stop het spel als je af bent¶

3.6Stap 9: Toon een bericht als je af bent¶