Lesson goal: Make an animated-GIF with a line

Previous: Make a point move | Home | Next: Make a circle move

In the last lesson, you learned how to make small dots move around in an animated-GIF.

In this lesson, you'll learn how to make animations with lines.

Move the mouse over a dotted box for more information.

Now you try. Make a line move!

Type your code here:

See your results here:

Show a friend, family member, or teacher what you've done!

Here is a share link to your code:

Does your code work? Want to run it on your iPhone?

Here's your code:

  1. Use [Control]-[C] (Windows) or [⌘]-[C] (MacOS) to copy your code.

  2. Paste it using [Control]-[V] (Windows) or [⌘]-[V] (MacOS) into this page

  3. Then click the "Use on iPhone" button that you'll see.