pxt-calliope/docs/lessons/rotation-animation/activity.md

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.

let rotating = true;

Now we need a while loop that will be executed only if the variable rotating is true.

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.

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!

~