2016-05-26 18:15:10 +02:00
|
|
|
|
# rock paper scissors
|
|
|
|
|
|
|
|
|
|
### ~avatar avatar
|
|
|
|
|
|
2016-11-10 17:37:13 +01:00
|
|
|
|
Build a rock paper scissors game!
|
2016-05-27 01:18:33 +02:00
|
|
|
|
|
2016-05-26 18:15:10 +02:00
|
|
|
|
### ~
|
|
|
|
|
|
2016-05-27 01:18:33 +02:00
|
|
|
|
## Step 1: Getting started
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
2016-11-02 01:44:37 +01:00
|
|
|
|
We want the @boardname@ to choose rock, paper, or scissors when you shake it.
|
|
|
|
|
Try creating an ``on shake`` block so when you shake the @boardname@, it will run part of a program.
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
|
|
|
|
```blocks
|
|
|
|
|
input.onGesture(Gesture.Shake, () => {
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
```
|
|
|
|
|
|
2016-11-02 01:44:37 +01:00
|
|
|
|
Next, when you shake the @boardname@, it should pick a random number from `0` to `2`
|
2016-06-01 02:17:36 +02:00
|
|
|
|
and store it in the variable `weapon`. (This variable is named `weapon` because
|
|
|
|
|
rock, paper, and scissors are the weapons you use to battle your friends!)
|
2016-05-27 01:18:33 +02:00
|
|
|
|
|
|
|
|
|
Add a ``set`` block with a variable. Then add a ``pick random`` block,
|
|
|
|
|
and store the random number in the variable,
|
|
|
|
|
like this:
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
|
|
|
|
```blocks
|
|
|
|
|
input.onGesture(Gesture.Shake, () => {
|
2016-05-27 01:18:33 +02:00
|
|
|
|
let weapon = Math.random(3)
|
2016-05-26 18:15:10 +02:00
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
2016-05-27 01:18:33 +02:00
|
|
|
|
### ~hint
|
|
|
|
|
No one can predict random numbers. That's what makes them great for Rock Paper Scissors!
|
|
|
|
|
### ~
|
|
|
|
|
|
|
|
|
|
Each possible number these blocks can make (`0`, `1`, or `2`) means a different picture.
|
|
|
|
|
We will show the right picture for that number on the LED screen.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## Step 2: Picking paper
|
|
|
|
|
|
|
|
|
|
Put an ``if`` block after the ``let`` block that checks whether
|
|
|
|
|
`weapon` is `0`. Make sure the ``if`` block has an ``else if`` part
|
|
|
|
|
and an ``else`` part.
|
|
|
|
|
|
|
|
|
|
Next, add a ``show leds`` block that shows a
|
|
|
|
|
picture of a piece of paper:
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
|
|
|
|
```blocks
|
|
|
|
|
input.onGesture(Gesture.Shake, () => {
|
2016-05-27 01:18:33 +02:00
|
|
|
|
let weapon = Math.random(3)
|
|
|
|
|
if (weapon == 0) {
|
2016-05-26 18:15:10 +02:00
|
|
|
|
basic.showLeds(`
|
|
|
|
|
# # # # #
|
|
|
|
|
# . . . #
|
|
|
|
|
# . . . #
|
|
|
|
|
# . . . #
|
|
|
|
|
# # # # #
|
|
|
|
|
`)
|
2016-05-27 01:18:33 +02:00
|
|
|
|
} else if (false) {
|
|
|
|
|
|
|
|
|
|
} else {
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
```
|
|
|
|
|
|
2016-05-27 01:18:33 +02:00
|
|
|
|
## Step 3: A random rock
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
2016-11-02 01:44:37 +01:00
|
|
|
|
Now we are going to add a new picture for the @boardname@ to show
|
2016-05-27 01:18:33 +02:00
|
|
|
|
when another random number comes up.
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
2016-05-27 01:18:33 +02:00
|
|
|
|
Make the ``else if`` part check if the variable `weapon` is `1`.
|
|
|
|
|
Then add a ``show leds`` block with a picture of a rock.
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
|
|
|
|
```blocks
|
|
|
|
|
input.onGesture(Gesture.Shake, () => {
|
2016-05-27 01:18:33 +02:00
|
|
|
|
let weapon = Math.random(3)
|
|
|
|
|
if (weapon == 0) {
|
2016-05-26 18:15:10 +02:00
|
|
|
|
basic.showLeds(`
|
|
|
|
|
# # # # #
|
|
|
|
|
# . . . #
|
|
|
|
|
# . . . #
|
|
|
|
|
# . . . #
|
|
|
|
|
# # # # #
|
|
|
|
|
`)
|
|
|
|
|
|
2016-05-27 01:18:33 +02:00
|
|
|
|
} else if (weapon == 1) {
|
2016-05-26 18:15:10 +02:00
|
|
|
|
basic.showLeds(`
|
|
|
|
|
. . . . .
|
|
|
|
|
. # # # .
|
|
|
|
|
. # # # .
|
|
|
|
|
. # # # .
|
|
|
|
|
. . . . .
|
|
|
|
|
`)
|
2016-05-27 01:18:33 +02:00
|
|
|
|
} else {
|
|
|
|
|
|
2016-05-26 18:15:10 +02:00
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
```
|
|
|
|
|
|
2016-05-27 01:18:33 +02:00
|
|
|
|
## Step 4: Suddenly scissors
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
2016-05-27 01:18:33 +02:00
|
|
|
|
Add a ``show leds`` block with a picture of scissors to the ``else`` part:
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
|
|
|
|
```blocks
|
|
|
|
|
input.onGesture(Gesture.Shake, () => {
|
2016-05-27 01:18:33 +02:00
|
|
|
|
let weapon = Math.random(3)
|
|
|
|
|
if (weapon == 0) {
|
2016-05-26 18:15:10 +02:00
|
|
|
|
basic.showLeds(`
|
|
|
|
|
# # # # #
|
|
|
|
|
# . . . #
|
|
|
|
|
# . . . #
|
|
|
|
|
# . . . #
|
|
|
|
|
# # # # #
|
|
|
|
|
`)
|
|
|
|
|
|
2016-05-27 01:18:33 +02:00
|
|
|
|
} else if (weapon == 1) {
|
2016-05-26 18:15:10 +02:00
|
|
|
|
basic.showLeds(`
|
|
|
|
|
. . . . .
|
|
|
|
|
. # # # .
|
|
|
|
|
. # # # .
|
|
|
|
|
. # # # .
|
|
|
|
|
. . . . .
|
|
|
|
|
`)
|
|
|
|
|
} else {
|
|
|
|
|
basic.showLeds(`
|
2016-05-27 00:10:46 +02:00
|
|
|
|
# # . . #
|
2016-05-26 18:15:10 +02:00
|
|
|
|
# # . # .
|
|
|
|
|
. . # . .
|
|
|
|
|
# # . # .
|
2016-05-27 00:10:46 +02:00
|
|
|
|
# # . . #
|
2016-05-26 18:15:10 +02:00
|
|
|
|
`)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
2016-05-27 01:18:33 +02:00
|
|
|
|
### ~hint
|
|
|
|
|
|
|
|
|
|
You don't need to check if `weapon` 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``.
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
2016-05-27 01:18:33 +02:00
|
|
|
|
### ~
|
|
|
|
|
|
|
|
|
|
Your game is ready! Have fun!
|
|
|
|
|
|
|
|
|
|
## Step 5: Are you the greatest?
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
2016-05-27 01:18:33 +02:00
|
|
|
|
Here is a way you can make your Rock Paper Scissors game better.
|
|
|
|
|
When button ``A`` is pressed,
|
2016-11-02 01:44:37 +01:00
|
|
|
|
the @boardname@ will add `1` to your score.
|
2016-05-27 01:18:33 +02:00
|
|
|
|
|
|
|
|
|
Open the ``Game`` drawer, and then add the block ``change score by 1`` to your program,
|
|
|
|
|
like this:
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
|
|
|
|
```blocks
|
|
|
|
|
input.onButtonPressed(Button.A, () => {
|
|
|
|
|
game.addScore(1)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
2016-05-27 01:18:33 +02:00
|
|
|
|
## Step 6: Prove you're the greatest!
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
2017-06-13 21:48:54 +02:00
|
|
|
|
After your @boardname@ can add `1` to the score, show how many wins you have. Remember to add a pause after addScore so text will display.
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
|
|
|
|
```blocks
|
|
|
|
|
input.onButtonPressed(Button.A, () => {
|
|
|
|
|
game.addScore(1)
|
2017-06-13 21:48:54 +02:00
|
|
|
|
basic.pause(1)
|
2016-05-26 18:15:10 +02:00
|
|
|
|
basic.showString("WINS:")
|
|
|
|
|
basic.showNumber(game.score())
|
|
|
|
|
})
|
|
|
|
|
```
|
2016-05-27 01:18:33 +02:00
|
|
|
|
## Step 7: Staying honest
|
|
|
|
|
|
2016-11-02 01:44:37 +01:00
|
|
|
|
Success! Your @boardname@ can track wins!
|
2016-05-27 01:18:33 +02:00
|
|
|
|
But what about losses?
|
2017-06-14 05:40:47 +02:00
|
|
|
|
Use the ``Game`` drawer to subtract `1` from your score when you press button `B`.
|
|
|
|
|
Change `WINS` to `SCORE` in step 6.
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
2016-05-27 01:18:33 +02:00
|
|
|
|
Here are all the blocks you will need:
|
2016-05-26 18:15:10 +02:00
|
|
|
|
|
|
|
|
|
```shuffle
|
|
|
|
|
input.onButtonPressed(Button.B, () => {
|
|
|
|
|
game.addScore(-1)
|
2017-06-14 00:42:31 +02:00
|
|
|
|
basic.pause(1)
|
2017-06-14 05:40:47 +02:00
|
|
|
|
basic.showString("SCORE:")
|
2016-05-26 18:15:10 +02:00
|
|
|
|
basic.showNumber(game.score())
|
|
|
|
|
})
|
|
|
|
|
```
|
|
|
|
|
|
2016-05-27 01:18:33 +02:00
|
|
|
|
## Step 8: Hacking Rock Paper Scissors
|
|
|
|
|
|
|
|
|
|
How else can you make your game better?
|
2016-06-01 02:17:36 +02:00
|
|
|
|
Ever hear of [Rock Paper Scissors Spock Lizard](http://www.samkass.com/theories/RPSSL.html)?
|
2016-06-25 23:22:50 +02:00
|
|
|
|
|