72 lines
1.2 KiB
Markdown
72 lines
1.2 KiB
Markdown
# magic logo challenges
|
|
|
|
These challenges will help you show arrows that point which way the logo is pointing! #docs
|
|
|
|
## Challenge 0
|
|
|
|
This [guided tutorial](/zysycw) will help you display an arrow pointing the direction the logo is oriented!
|
|
|
|
Let's display and upward pointing arrow when the logo is up!
|
|
|
|
```
|
|
input.onLogoUp(() => {
|
|
images.createImage(`
|
|
. . # . .
|
|
. # # # .
|
|
# # # # #
|
|
. . # . .
|
|
. . # . .
|
|
`).showImage(0)
|
|
})
|
|
```
|
|
|
|
**Challenge 1**
|
|
|
|
How about when the logo is down? We should display the arrow pointing downward!
|
|
|
|
Let's start by adding a condition for if the logo is down.
|
|
|
|
```
|
|
input.onLogoUp(() => {
|
|
images.createImage(`
|
|
. . # . .
|
|
. # # # .
|
|
# # # # #
|
|
. . # . .
|
|
. . # . .
|
|
`).showImage(0)
|
|
})
|
|
input.onLogoDown(() => {
|
|
}) // ***
|
|
```
|
|
|
|
## Challenge 2
|
|
|
|
Now we need to display the arrow!
|
|
|
|
```
|
|
input.onLogoUp(() => {
|
|
images.createImage(`
|
|
. . # . .
|
|
. # # # .
|
|
# # # # #
|
|
. . # . .
|
|
. . # . .
|
|
`).showImage(0)
|
|
})
|
|
input.onLogoDown(() => {
|
|
images.createImage(`
|
|
. . # . .
|
|
. . # . .
|
|
# # # # #
|
|
. # # # .
|
|
. . # . .
|
|
`).showImage(0) // ***
|
|
})
|
|
```
|
|
|
|
**Challenge 3**
|
|
|
|
Let's show a spinning arrow when the micro:bit is shaken. We can do this by adding an on shake condition and showing an animation of the arrow spinning!
|
|
|