pxt-calliope/docs/lessons/hero/activity.md
Michael Elliot Braun dd28c6318e hero 3
2016-03-31 18:17:36 -07:00

6.5 KiB

hero

A classic game, Hero, in which you must capture the food and flee away from the ghost!

~avatar avatar

This tutorial will teach you how to create a hero game to capture food while dodging the ghost; the game was inspired by the classic arcade game Pac Man.

~

First we need to create a function create sprite at the x, y coordinates and that set the variable called hero on the micro:bit the first time we play.


let hero = game.createSprite(2, 2)

Let's set up where we want our ghost will be. Create starting positions of the hero, ghost, and food in each individual quadrant. We will ensure that the ghost, food, and hero is set apart. Divide the micro:bit into 4 quadrants. We don't want hero to be too close to the ghost so let's make the ghost starting positions in the 3 other quadrants. Hero is in the one quadrant. To do this, we need to keep track of the middle point in each quadrant. Create sprite at the x, y coordinates for the hero, food, and ghost.

let hero = game.createSprite(2, 2)
let food = game.createSprite(4, 4)
let ghost = game.createSprite(0, 0)

Create a function called change blink that will plot a blinking point so the player can tell between a ghost and hero.

let hero = game.createSprite(2, 2);
let food = game.createSprite(4, 4);
let ghost = game.createSprite(0, 0);
ghost.change(LedSpriteProperty.Blink, 100);

We want to identify the food so the player moves towards the food. We need to set the brightness of the variable food to 8. The brightness of the LED screen is expressed as a number between 0 and 255.

let hero = game.createSprite(2, 2);
let food = game.createSprite(4, 4);
let ghost = game.createSprite(0, 0);
ghost.change(LedSpriteProperty.Blink, 100);
food = led.brightness() == 8;

We want to include a block from the Loops drawer called While. Then set the While loop to true. This code will be important for repeating code of the game logic of the game. The game will continue to run using While loop while the Boolean condition is true. Finally, include a pause of 400 milliseconds before the logic of the game begins.

let hero = game.createSprite(2, 2);
let food = game.createSprite(4, 4);
let ghost = game.createSprite(0, 0);
ghost.change(LedSpriteProperty.Blink, 100);
food = led.brightness() == 8;
while (true) {
    basic.pause(400);
}


Let's create a function that will take care of keep the ghost pursuing the hero. We will need to a conditional statement that checks the position of the ghost and hero. The first condition will check if the horizontal coordinates of the ghost is less than the horizontal coordinates of the hero. We create a function from the Game drawer that will check the coordinates of the hero and the ghost. Finally, change the x-direction of the ghost by 1.

Then create another function that will take care of keep the ghost pursuing the hero. We will need to a conditional statement that checks the position of the ghost and hero. The second condition will check if the horizontal coordinates of the ghost is greater than the x-direction of hero. We create a function from the Game drawer that will check the x-direction of hero and ghost. Finally, change the x-direction of the ghost by -1.

let hero = game.createSprite(2, 2);
let food = game.createSprite(4, 4);
let ghost = game.createSprite(0, 0);
ghost.change(LedSpriteProperty.Blink, 100);
food = led.brightness() == 8;
while (true) {
    basic.pause(400);
    if (ghost.get(LedSpriteProperty.X) < hero.get(LedSpriteProperty.X)) {
        ghost.change(LedSpriteProperty.X, 1);
    }
    else if (ghost.get(LedSpriteProperty.X) > hero.get(LedSpriteProperty.X)) {
        ghost.change(LedSpriteProperty.X,  -1 );
    }
    else if (false) {
    }
    else if (false) {
    }
    basic.pause(20);
}


Let's create the third function and forth function that continues the same logic in the y-direction of pacman and ghost. We create a function from the Game drawer that will check the y-direction of pacman and ghost. Finally, change the y-direction of the ghost to continue following pacman.

let hero = game.createSprite(2, 2);
let food = game.createSprite(4, 4);
let ghost = game.createSprite(0, 0);
ghost.change(LedSpriteProperty.Blink, 100);
food = led.brightness() == 8;
while (true) {
    basic.pause(400);
    if (ghost.get(LedSpriteProperty.X) < hero.get(LedSpriteProperty.X)) {
        ghost.change(LedSpriteProperty.X, 1);
    }
    else if (ghost.get(LedSpriteProperty.X) < hero.get(LedSpriteProperty.X)) {
        ghost.change(LedSpriteProperty.X,  -1 );
    }
    else if (ghost.get(LedSpriteProperty.Y) < hero.get(LedSpriteProperty.Y)) {
        ghost.change(LedSpriteProperty.Y, 1);
    }
    else if (ghost.get(LedSpriteProperty.Y) > hero.get(LedSpriteProperty.Y)) {
        ghost.change(LedSpriteProperty.Y,  -1 );
    }
    basic.pause(20);
}


Let's enable pacman to move in the x-direction and move in the y-direction with acceleration using the micor:bit sensor

Do not disconnect the blocks for the conditional statements. We are focusing on this section of the code and are not showing the entire code

Let's setup the logic for the food. If hero is touching "food", increase the score of the game by 1 and set x -direction of food randomly randomly from 0 to 4 and set y-direction of food randomly from 0 to 4.

Do not disconnect the blocks from the conditional statements. We are focusing on this section of the code and are not showing the entire code

Let's setup the logic for the food and the ghost to be in different quadrants.

Do not disconnect the blocks for the conditional statements. We are focusing on this section of the code and are not showing the entire code

The game over component is now upon the game. If the hero is touching the ghost, let's display game over

Do not disconnect the conditional statements blocks from the remaining blocks. We are focusing on this section of the code and are not showing the entire code

The game can also use the buttons. Let's create a while loop for button A is pressed. If button A is pressed, the micro:bit will display the word Hero. Let's use a while loop for button B is pressed. If button B is pressed, the micro:bit will display image of the hero.

~avatar avatar

You can review the final code for hero

~