pxt-calliope/olddocs/js/lessons/logo-pointer/challenges.md
2016-05-26 19:33:26 -07:00

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!