# bouncing ball ## part two - arcs In [[bouncing ball - part one|part one]], you made a ball bounce up and down. Now we are going to make the ball bounce across the screen. The hard work getting things to appear correct is already done. Now we just move each frame over to follow a path. ![[diminishedBounces-across.gif]] Instead of straight up and straight down, we are using [arcs]([[12 principles of animation#7 arc]]) to show the ball bouncing in a direction. Use a guideline to show the path of the ball. This guideline won’t show in the final animation but will help you to line up the ball. ![[arcingBouncePath.svg]] The tops of the arcs are same bounce heights we used in part one. The vertical heights remain the same, we’re only moving horizontally. ## move ball along path Now simply move the ball graphics so they follow the bouncing path. ![[bouncingAcrossBalls.svg]] Remember, we are only moving the balls horizontally so just slide them over so they line up on the arc guideline. Don’t move vertically, just horizontally. Slightly rotate the stretched balls so they also follow the arcing path. That helps with the illusion that the ball is moving across the screen. ## the finished product Here’s a slowed-down version of the animation with the guideline turned on so you can see how the ball follows the path. ![[Bounces-across-slow.gif]] --- tags: #animation #resources home: [[! animation]]