c_meyer/pxt-calliope
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Exhaustive rewrite. Did not change code much.

Browse Source
This commit is contained in:
Ron Hale-Evans 2016-05-26 16:18:33 -07:00
parent ce9a83ff28
commit 8af6d640d3
1 changed files with 103 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

162
docs/projects/rock-paper-scissors.md
View File

@ -4,16 +4,20 @@
### @video td/videos/rock-paper-scissors-0 ### @video td/videos/rock-paper-scissors-0
In this project, you will build a rock-paper-scissor game with the BBC micro:bit In this project, you will build a Rock Paper Scissors game with the BBC micro:bit.
You can play the game with a friend who has it on a micro:bit.
You can also play it with friends who are just using their hands.
### ~ ### ~
## Materials needed ## Materials needed
* your BBC micro:bit, that's it! * Your BBC micro:bit -- that's it!
## 1 ## Step 1: Getting started
We want the micro:bit to choose rock, paper, or scissors when it is shaken. Let's begin by creating an on shake condition so the micro:bit will run code when it is shaken. We want the micro:bit to choose rock, paper, or scissors when you shake it.
Try creating an ``on shake`` block so when you shake the micro:bit, it will run part of a program.
```blocks ```blocks
input.onGesture(Gesture.Shake, () => { input.onGesture(Gesture.Shake, () => {
@ -21,50 +25,41 @@ input.onGesture(Gesture.Shake, () => {
}) })
``` ```
Next, create a variable and store pick random number from 0 to 2. On shake, a number will be randomly picked from 0-2. We will randomly display an image based on the random number returned. Next, when you shake the micro:bit, it should pick a random number from `0` to `2`
and store it in the variable.
Add a ``set`` block with a variable. Then add a ``pick random`` block,
and store the random number in the variable,
like this:
```blocks ```blocks
input.onGesture(Gesture.Shake, () => { input.onGesture(Gesture.Shake, () => {
let img = Math.random(3) let weapon = Math.random(3)
}) })
``` ```
The micro:bit will look like it's showing 1 frame of the image by displaying the whole image when pick random is equal to 0. We can help the micro:bit randomly decide which image to use by pick random. ### ~hint
The micro:bit will randomly pick the image to display with show LEDs and the ``pick random`` block. No one can predict random numbers. That's what makes them great for Rock Paper Scissors!
```blocks
input.onGesture(Gesture.Shake, () => {
let img = Math.random(3)
if (img == 2) {
basic.showLeds(`
# # # # #
# . . . #
# . . . #
# . . . #
# # # # #
`)
}
})
```
## 2
The micro:bit will look like it's showing 1 frame of the image by displaying the whole image when pick random is equal to 1.
We can help the micro:bit randomly decide which image to use by pick random.
The micro:bit will randomly pick the image to display with show LEDs and the pick random function.
### ~avatar avatar
Click on the blue gearwheel to open the ``if`` editor. Drag and drop the ``else if`` block in the ``if`` block to add it.
### ~ ### ~
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:
```blocks ```blocks
input.onGesture(Gesture.Shake, () => { input.onGesture(Gesture.Shake, () => {
let img = Math.random(3) let weapon = Math.random(3)
if (img == 0) { if (weapon == 0) {
basic.showLeds(` basic.showLeds(`
# # # # # # # # # #
# . . . # # . . . #
@ -72,28 +67,26 @@ input.onGesture(Gesture.Shake, () => {
# . . . # # . . . #
# # # # # # # # # #
`) `)
} else if (false) {
} else {
} else if (img == 1) {
basic.showLeds(`
. . . . .
. # # # .
. # # # .
. # # # .
. . . . .
`)
} }
}) })
``` ```
## 3 ## Step 3: A random rock
The micro:bit will look like it's showing 1 frame of the image by displaying the whole image when pick random is not equal to 0 and not equal to 1. Now we are going to add a new picture for the micro:bit to show
We can help the micro:bit randomly decide which image to use by pick random. The micro:bit will randomly pick the image to display with show LEDs and the pick random function. when another random number comes up.
Make the ``else if`` part check if the variable `weapon` is `1`.
Then add a ``show leds`` block with a picture of a rock.
```blocks ```blocks
input.onGesture(Gesture.Shake, () => { input.onGesture(Gesture.Shake, () => {
let img = Math.random(3) let weapon = Math.random(3)
if (img == 0) { if (weapon == 0) {
basic.showLeds(` basic.showLeds(`
# # # # # # # # # #
# . . . # # . . . #
@ -102,7 +95,37 @@ input.onGesture(Gesture.Shake, () => {
# # # # # # # # # #
`) `)
} else if (img == 1) { } else if (weapon == 1) {
basic.showLeds(`
. . . . .
. # # # .
. # # # .
. # # # .
. . . . .
`)
} else {
}
})
```
## Step 4: Suddenly scissors
Add a ``show leds`` block with a picture of scissors to the ``else`` part:
```blocks
input.onGesture(Gesture.Shake, () => {
let weapon = Math.random(3)
if (weapon == 0) {
basic.showLeds(`
# # # # #
# . . . #
# . . . #
# . . . #
# # # # #
`)
} else if (weapon == 1) {
basic.showLeds(` basic.showLeds(`
. . . . . . . . . .
. # # # . . # # # .
@ -121,13 +144,27 @@ input.onGesture(Gesture.Shake, () => {
} }
}) })
``` ```
Your game is ready! ### ~hint
## 4 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``.
When the button ``A`` is pressed, increment the score by 1. You can select ``Game`` drawer then add ``change score by 1``. ### ~
Your game is ready! Have fun!
## Step 5: Are you the greatest?
Here is a way you can make your Rock Paper Scissors game better.
When button ``A`` is pressed,
the micro:bit will add `1` to your score.
Open the ``Game`` drawer, and then add the block ``change score by 1`` to your program,
like this:
```blocks ```blocks
input.onButtonPressed(Button.A, () => { input.onButtonPressed(Button.A, () => {
@ -136,9 +173,9 @@ input.onButtonPressed(Button.A, () => {
``` ```
## 5 ## Step 6: Prove you're the greatest!
After incrementing the score, display the total number of wins you have. After your micro:bit can add `1` to the score, show how many wins you have.
```blocks ```blocks
input.onButtonPressed(Button.A, () => { input.onButtonPressed(Button.A, () => {
@ -147,10 +184,13 @@ input.onButtonPressed(Button.A, () => {
basic.showNumber(game.score()) basic.showNumber(game.score())
}) })
``` ```
## 6 ## Step 7: Staying honest
You have successfully tracked and displayed the number of wins on the micro:bit! However, what about losses? Success! Your micro:bit can track wins!
Use the Game drawer to change score by -1 when button `B` is pressed. Here are all the blocks you will need: But what about losses?
Use the ``Game`` drawer to subtract `1` from your score when you press button `B`.
Here are all the blocks you will need:
```shuffle ```shuffle
input.onButtonPressed(Button.B, () => { input.onButtonPressed(Button.B, () => {
@ -160,3 +200,7 @@ input.onButtonPressed(Button.B, () => {
}) })
``` ```
## Step 8: Hacking Rock Paper Scissors
How else can you make your game better?
Ever hear of [Rock Paper Scissors Spock Lizard](https://en.wikipedia.org/wiki/Rock-paper-scissors#Additional_weapons)?