pxt-calliope/docs/reference/js/lessons/logo-pointer/challenges.md

76 lines
1.3 KiB
Markdown
Raw Normal View History

2016-03-26 00:47:20 +01:00
# magic logo challenges
These challenges will help you show arrows that point which way the logo is pointing! #docs
**Challenge 0**
### @video vimeo/134638098
2016-04-13 17:27:45 +02:00
This [guided tutorial](/zysycw) will help you display an arrow pointing the direction the logo is oriented!
2016-03-26 00:47:20 +01:00
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**
### @video vimeo/134639918
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!