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
This commit is contained in:
committed by
Sam El-Husseini
parent
4d851407f1
commit
30ab1156c7
161
docs/projects/rock-paper-scissors/code.md
Normal file
161
docs/projects/rock-paper-scissors/code.md
Normal file
@ -0,0 +1,161 @@
|
||||
# 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.
|
||||
|
||||
```blocks
|
||||
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!)
|
||||
|
||||
```blocks
|
||||
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``.
|
||||
|
||||
```blocks
|
||||
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.
|
||||
|
||||
```blocks
|
||||
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.
|
||||
|
||||
```blocks
|
||||
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.
|
||||
|
||||
```blocks
|
||||
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``.
|
||||
|
||||
```blocks
|
||||
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!
|
Reference in New Issue
Block a user