pxt-calliope/docs/lessons/rotation-animation/activity.md
2016-03-25 16:47:20 -07:00

70 lines
1.4 KiB
Markdown

# rotation animation block activity
Rotate images with a while loop.
### ~avatar avatar
Welcome! This tutorial will teach how to rotate images with a **while loop**. Let's get started!
### ~
Let's start by creating a global variable called `rotating` and initialize it to true. This well indicate when the animation should be displaying.
```blocks
let rotating = true;
```
Now we need a while loop that will be executed only if the variable rotating is true.
```blocks
let rotating = true;
while (rotating) {
basic.pause(20)
}
```
Let's create and show an animation of a diagonal line that rotates clockwise. We need a pause so that the battery does not burn out.
```blocks
let rotating = true;
while (rotating) {
basic.pause(20)
basic.showLeds(`
# . . . .
. # . . .
. . # . .
. . . # .
. . . . #
`)
basic.showLeds(`
. . # . .
. . # . .
. . # . .
. . # . .
. . # . .
`)
basic.showLeds(`
. . . . #
. . . # .
. . # . .
. # . . .
# . . . .
`)
basic.showLeds(`
. . . . .
. . . . .
# # # # #
. . . . .
. . . . .
`)
}
```
### ~avatar avatar
Excellent, you're ready to continue with the [challenges](/microbit/lessons/rotation-animation/challenges)!
### ~