Decrease the cat’s hunger level by 2 and sleep level by 1 on each tick.

Draw a sketch for three distinct moments of the animation

Sketch A

Sketch B

Sketch C

What things are changing?

Thing Describe how it changes

What fields do you need to represent the things that change?

Field name (dangerX, score, playerIMG …​) data type (Number, String, Image, Boolean …​)

Make a To-Do List, and check off each as “Done” when you finish each one.

Component When is there work to be done? To-Do Done

Data Structure

If any new field(s) were added, changed, or removed


If something is displayed in a new way or position


If the Data Structure changed, or the animation happens automatically


If the Data Structure changed, or a keypress triggers the animation


If either next-state function is new

These materials were developed partly through support of the National Science Foundation, (awards 1042210, 1535276, 1648684, and 1738598). CCbadge Bootstrap by the Bootstrap Community is licensed under a Creative Commons 4.0 Unported License. This license does not grant permission to run training or professional development. Offering training or professional development with materials substantially derived from Bootstrap must be approved in writing by a Bootstrap Director. Permissions beyond the scope of this license, such as to run training, may be available by contacting