pxt-calliope/docs/projects/rock-paper-scissors/code.md
Galen Nickel 30ab1156c7 Hour of makecode rps (#579)
* local commit

* More reaction fixex

* Local commit

* Convert 'rock paper scissors' to a make project

* Revert the 'reaction time' stuff

* Add image for project page

* Add finished make image in last step
2017-12-01 20:19:10 -08:00

3.5 KiB

Rock Paper Scissors

Step 1

We want the @boardname@ to choose rock, paper, or scissors when you shake it. Place a ||input:on shake|| block so when you shake the @boardname@, it will run part of a program.

input.onGesture(Gesture.Shake, () => {
    
})

Step 2

Add a tool variable to store a random number computed with ||math:pick random||.

When you shake the @boardname@, it should pick a random number from 0 to 2 and store it in the variable tool. (This variable is named tool because rock, paper, and scissors are the tools you use to challenge your friends!)

let tool = 0;
input.onGesture(Gesture.Shake, () => {
    tool = Math.random(3)
})

In a later step, each of the possible numbers (0, 1, or 2) is matched to its own picture. The picture is shown on the LEDs when its number is picked.

Step 3

Place an if block under the ||math:pick random|| and check whether tool is equal to 0.

let tool = 0;
input.onGesture(Gesture.Shake, () => {
    let tool = Math.random(3)
    if (tool == 0) {
    }
})

Step 4

In the if block, place a ||basic:show leds|| block that shows a picture of a piece of paper.

let tool = 0;
input.onGesture(Gesture.Shake, () => {
    let tool = Math.random(3)
    if (tool == 0) {
        basic.showLeds(`
            # # # # #
            # . . . #
            # . . . #
            # . . . #
            # # # # #
            `)
    }
})

Step 5

Add an else if block to the if block and check whether tool is equal to 1.

Click on the gearwheel icon to open up the if editor; then drag and drop an else if block in the if editor.

let tool = 0;
input.onGesture(Gesture.Shake, () => {
    let tool = Math.random(3)
    if (tool == 0) {
        basic.showLeds(`
            # # # # #
            # . . . #
            # . . . #
            # . . . #
            # # # # #
            `)
    } else if (tool == 1) {
    }
})

Step 6

Place a ||basic:show leds|| block under the else if and draw a rock image on the screen.

let tool = 0;
input.onGesture(Gesture.Shake, () => {
    let tool = Math.random(3)
    if (tool == 0) {
        basic.showLeds(`
            # # # # #
            # . . . #
            # . . . #
            # . . . #
            # # # # #
            `)
    } else if (tool == 1) {
        basic.showLeds(`
            . . . . .
            . # # # .
            . # # # .
            . # # # .
            . . . . .
            `)
    }
})

Step 7

Add a ||basic:show leds|| block with a picture of scissors to the else part.

You don't need to check if tool is 2 because 2 is the only number left out of 0, 1, and 2. That's why you can use an else instead of an else if.

let tool = 0;
input.onGesture(Gesture.Shake, () => {
    let tool = Math.random(3)
    if (tool == 0) {
        basic.showLeds(`
            # # # # #
            # . . . #
            # . . . #
            # . . . #
            # # # # #
            `)
    } else if (tool == 1) {
        basic.showLeds(`
            . . . . .
            . # # # .
            . # # # .
            . # # # .
            . . . . .
            `)
    } else {
        basic.showLeds(`
            # # . . #
            # # . # .
            . . # . .
            # # . # .
            # # . . #
            `)
    }
})

Step 8

Your game is ready! Gather your friends and play Rock Paper Scissors!