pxt-calliope/docs/reference/js/lessons/rotation-animation.md

# rotation animation lesson

Learn how to create images with a global variable and while loop.

## Topic

While Loop

## Quick links

* [tutorial](/lessons/rotation-animation/tutorial)
* [quiz](/lessons/rotation-animation/quiz)
* [quiz answers](/lessons/rotation-animation/quiz-answers)
* [challenges](/lessons/rotation-animation/challenges)

## Class

Year 7

## Prior learning/place of lesson in scheme of work

Learn how to create images that look like a rotating animation by using a while loop. We will be learning how to create a rotating animation using a global variable, while loop as well as simple commands, such as on button pressed and show animation.

## Documentation

* **global variable**: [read more...](/js/data)
* **assignment operator**: [read more...](/reference/variables/assign)
* **while**: [read more...](/js/while)
* **Boolean condition (for the while loop)** : [read more...](/reference/types/boolean)
* **on button pressed**: [read more...](/reference/input/on-button-pressed)
* **show animation**: [read more...](/reference/basic/show-animation)
* **pause**: [read more...](/reference/basic/pause)

## Objectives

* learn how to create a global variable for a place where you can store data, accessible across functions, and in nested code blocks
* learn how to set or change the value of a global variable
* learn how to repeat code while a condition is true
* learn how to declare a global boolean variable to determine which code will execute next
* learn how to run code when an input button is pressed
* learn how to show a series of image frames on the LED screen
* learn how to pause your code for the specified number of milliseconds

## Progression Pathways / Computational Thinking Framework

#### Algorithms

* Understands that iteration is the repetition of a process such as a loop. (AL)
* Represents solutions using a structured notation. (AL) (AB)

#### Programming & Development

* Creates programs that implement algorithms to achieve given goals. (AL)
* Declares and assigns variables.(AB)

#### Data & Data Representation

* Understands the difference between data and information. (AB)
* Defines data types: real numbers and Boolean. (AB)

#### Information Technology

*  Collects, organises and presents data and information in digital content. (AB)
* Makes appropriate improvements to solutions based on feedback received, and can comment on the success of the solution. (EV)

Computational Thinking Concept: AB = Abstraction; DE = Decomposition; AL = Algorithmic Thinking; EV = Evaluation; GE = Generalisation

## Activity

* time: 20 min.
* [tutorial](/lessons/rotation-animation/tutorial)
* [quiz](/lessons/rotation-animation/quiz)

## Extended Activity

* time: 20 min.
* [challenges](/lessons/rotation-animation/challenges)

## Homework

* Extended Activity: [challenges](/lessons/rotation-animation/challenges)