diff --git a/docs/projects/rock-paper-scissors.md b/docs/projects/rock-paper-scissors.md index 60d87ba4..06e9e4ee 100644 --- a/docs/projects/rock-paper-scissors.md +++ b/docs/projects/rock-paper-scissors.md @@ -4,7 +4,7 @@ ![Cartoon of the Rock Paper Scissors game](/static/mb/projects/a4-motion.png) -Use the accelerometer and the screen to build a **Play Rock Paper Scissors** +Use the accelerometer and the screen to build a **Rock Paper Scissors** game that you can play with your friends! ## Step 1 @fullscreen @@ -22,7 +22,7 @@ input.onGesture(Gesture.Shake, () => { 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`. +and store it in the variable named ``tool``. ```blocks let tool = 0; @@ -32,20 +32,18 @@ input.onGesture(Gesture.Shake, () => { ``` -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. +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 matching number is picked. ## Step 3 @fullscreen -Place an ``if`` block under the ``||math:pick random||`` and -check whether ``tool`` is equal to ``0``. +Place an ``||logic:if||`` block under the ``||math:pick random||`` and check whether ``tool`` is equal to ``0``. -Add a ``||basic:show leds||`` block that shows a -picture of a piece of paper. +Add a ``||basic:show leds||`` block that shows a picture of a piece of paper. The number `0` will mean paper. ```blocks let tool = 0; input.onGesture(Gesture.Shake, () => { - tool = Math.randomRange(0, 3) + tool = Math.randomRange(0, 2) if (tool == 0) { basic.showLeds(` # # # # # @@ -60,25 +58,24 @@ input.onGesture(Gesture.Shake, () => { ## Step 4 @fullscreen -Click on the **SHAKE** button in the simulator. If you try enough times, you should see -the paper drawing. +Click on the **SHAKE** button in the simulator. If you try enough times, you should see a picture of paper on the screen. ![Shaking a @boardname@ simulator](/static/mb/projects/rock-paper-scissors/rpsshake.gif) ## Step 5 @fullscreen -Click the ``+`` button to add an ``else`` section. +Click the ``+`` button to add an ``||logic:else||`` section. ![Adding an else clause](/static/mb/projects/rock-paper-scissors/ifelse.gif) ## Step 6 @fullscreen -Add a ``||basic:show leds||`` block that shows a scissor. +Add a ``||basic:show leds||`` block inside the ``||logic:else||``. Make a picture of a scissors in the LEDs. ```blocks let tool = 0; input.onGesture(Gesture.Shake, () => { - tool = Math.randomRange(0, 3) + tool = Math.randomRange(0, 2) if (tool == 0) { basic.showLeds(` # # # # # @@ -101,19 +98,18 @@ input.onGesture(Gesture.Shake, () => { ## Step 7 @fullscreen -Click the ``+`` button to add an ``else if`` section. -Since ``tool`` can only be ``0``, ``1`` or ``2``, your code is covering all possible cases! +Click the ``+`` button again to add an ``||logic:else if||`` section. Now, add a conditional block for ``||logic:tool = 1||`` to the condition in ``||logic:else if||``. Since ``tool`` can only be `0`, `1`, or `2`, your code is covering all possible cases! ![Adding an else if clause](/static/mb/projects/rock-paper-scissors/ifelseif.gif) ## Step 8 @fullscreen -Add a ``||basic:show leds||`` block with a picture of scissors to the ``else`` part. +Get one more ``||basic:show leds||`` block and put it in the ``||logic:else if||``. Make a picture of a rock in the LEDs. ```blocks let tool = 0; input.onGesture(Gesture.Shake, () => { - tool = Math.randomRange(0, 3) + tool = Math.randomRange(0, 2) if (tool == 0) { basic.showLeds(` # # # # # @@ -140,18 +136,17 @@ input.onGesture(Gesture.Shake, () => { `) } }) - ``` ## Step 9 @fullscreen -Click on the **SHAKE** button in the simulator and check each image is showing up. +Click on the **SHAKE** button in the simulator and check to see that each image is showing up. ![Shaking a @boardname@ simulator](/static/mb/projects/rock-paper-scissors/rpssim3.gif) ## Step 10 @fullscreen -If you have a @boardname@, click on ``|Download|`` and follow the instruction to get the code +If you have a @boardname@, click on ``|Download|`` and follow the instructions to get the code onto your @boardname@. Your game is ready! Gather your friends and play Rock Paper Scissors! -![A @boardname@ in a hand](/static/mb/projects/rock-paper-scissors/hand.jpg) \ No newline at end of file +![A @boardname@ in a hand](/static/mb/projects/rock-paper-scissors/hand.jpg)