If you're seeing this message, it means we're having trouble loading external resources for Khan Academy.

If you're behind a web filter, please make sure that the domains *.kastatic.org and *.kasandbox.org are unblocked.

Animation basics

1 project
4 challenges
4 talkthroughs
Learn how to animate your drawings.

Intro to Animation

Jessica introduces the draw() function, and how to get things to move with code.

Challenge: Exploding Sun

Make the sun get bigger and BIGGER!

Mouse Interaction

Pamela explains how to use mouseX and mouseY to make cool interactive programs.

Challenge: Tasty Tomato

Hungry? Eat the tomato!

Incrementing Shortcuts

Jessica shares tips on how to increment variables with less code, using the increment operators.

A shorter shortcut

Pamela shows how to use the ++ operator to add one to a variable.

Challenge: Parting Clouds

Animate clouds moving away from a growing sun!

Project: Shooting star

<p>Now that you've learnt the basics of animation with variables, make a shooting star! We've started off this program with just a star positioned using 2 variables, and it's up to you to decide how to animate it. Here are the steps we ...