5f19ae78dc
* Revise 'coin flipper' text some * Expand step 6
67 lines
2.0 KiB
Markdown
67 lines
2.0 KiB
Markdown
# Coin Flipper
|
|
|
|
Let's create a coin flipping program to simulate a real coin toss. We'll use icon images to represent a ``heads`` or ``tails`` result.
|
|
|
|
## Step 1
|
|
|
|
Get an ``||input:on button A pressed||`` block from the ``||input:Input||`` drawer in the toolbox. The coin flip code we add will run when button **A** is pressed.
|
|
|
|
```blocks
|
|
input.onButtonPressed(Button.A, () => {
|
|
})
|
|
```
|
|
|
|
## Step 2
|
|
|
|
Grab an ``||logic:if else||`` block and set it inside ``||input:on button A pressed||``. Put a ``||Math:pick random true or false||`` into the ``||logic:if||`` as its condition.
|
|
|
|
The ``||Math:pick random true or false||`` returns a random ``true`` or ``false`` value which we use to determine a ``heads`` or ``tails`` result for a coin toss.
|
|
|
|
```blocks
|
|
input.onButtonPressed(Button.A, () => {
|
|
if (Math.randomBoolean()) {
|
|
} else {
|
|
}
|
|
})
|
|
```
|
|
|
|
## Step 3
|
|
|
|
Now, put a ``||basic:show icon||`` block inside both the ``||logic:if||`` and the ``||logic:else||``. Pick images to mean ``heads`` and ``tails``.
|
|
|
|
```blocks
|
|
input.onButtonPressed(Button.A, () => {
|
|
if (Math.randomBoolean()) {
|
|
basic.showIcon(IconNames.Skull)
|
|
} else {
|
|
basic.showIcon(IconNames.Square)
|
|
}
|
|
})
|
|
```
|
|
|
|
## Step 4
|
|
|
|
Click ``|Download|`` to transfer your code into your @boardname@. Press button **A** to "toss a coin" and see the result.
|
|
|
|
## Step 5
|
|
|
|
You can animate the coin toss to add the feeling of suspense. Place different ``||basic:show icon||`` blocks before the ``||logic:if||`` to show that the coin is flipping before the result appears.
|
|
|
|
```blocks
|
|
input.onButtonPressed(Button.A, () => {
|
|
basic.showIcon(IconNames.Diamond)
|
|
basic.showIcon(IconNames.SmallDiamond)
|
|
basic.showIcon(IconNames.Diamond)
|
|
basic.showIcon(IconNames.SmallDiamond)
|
|
if (Math.randomBoolean()) {
|
|
basic.showIcon(IconNames.Skull)
|
|
} else {
|
|
basic.showIcon(IconNames.Square)
|
|
}
|
|
})
|
|
```
|
|
|
|
## Step 6
|
|
|
|
Click ``|Download|`` to transfer your code to your @boardname@ again and press button **A** for a flip. Test your luck and guess ``heads`` or ``tails`` before the toss is over!
|