Update 3-animation.md

Author: LearningNerd

Diff for: 3-animation.md

@@ -60,21 +60,21 @@ rect(mouseX, 300, 50, 100);
 
 <br/>
 
-## Challenge 3:
+## Challenge 4:
 
 Can you guess what the p5js variable for the current Y coordinate of the user's mouse is? Try it!
 
 **Your challenge:** Make one of your shapes move exactly to wherever your mouse cursor is, using both of the provided mouse coordinate variables!
 
 <br/>
 
-## Challenge 4:
+## Challenge 5:
 
 Time for some more experimentation! What would happen if you used the user's mouse coordinates as the value for something else -- the width or height of the shape? The color of the shape? Something else? Try it!
 
 <br/>
 
-## Challenge 5:
+## Challenge 6:
 
 For these next challenges, we'll use a new Glitch project template:
 
@@ -94,29 +94,29 @@ Then ***discuss*** your ideas -- and last but not least, then open the live page
 
 <br/>
 
-## Challenge 6:
+## Challenge 7:
 
 First, ***discuss:*** which part of the code controls the speed of the animation? 
 
 Then ***change*** one tiny part of the code to make the animation ***slower***, and then change it again to make it ***faster***.
 
 <br/>
 
-## Challenge 7:
+## Challenge 8:
 
 Change the code a little bit so the square will move ***vertically***, from the top of the screen down to the bottom.
 
   > **Hint:** You may want to review what those four numbers in the `rect()` function each stand for. Which of those four numbers is replaced by a variable in our example code?
 
 <br/>
 
-## Challenge 8:
+## Challenge 9:
 
 Change the code a little bit more to make the square move ***diagonally***, from the top-left corner of the canvas across to the bottom-right corner.
 
 <br/>
 
-## Challenge 9:
+## Challenge 10:
 
 Create **two** (or more) different shapes of different colors that all move around the screen!