Bouncing Balls

◆Two bouncing balls interaction test 1-

In this video I have roughly created the key frames for the interaction animation, then I adjusted the weight and bounces in animation graph editor.

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

There is not much difference in this video because the only thing I have changed is the finishing bit of the small ball. I added a little rolling around to the ball as it drops and slowly stops bouncing in order to make it look more natural.

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

Then I added in the squashes and stretches for the two balls by changing the squash handle factor. To show the ball slowly stops bouncing, I made the factor number closer to 0 (the original shape of the ball) to make the squashes and stretches smaller and smaller until the ball turns back into it’s original shape.

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

Finally I have added the textures for both balls using ‘ramp’ and changed colours for the balls too. I have also added a roll for the small ball at the beginning by rotating the Y axis to make it look more natural.

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

◆Bouncing balls interaction test 2-

I started off the second test by simply creating key frames for both balls again. Made a rough animation to show the motion, where the balls go and how they interact with each other. This time I added in a wall because I want to animate a bounce against the wall as well. I also added the roll for both balls from the start to make them look more natural.

two balls c

▲ A picture showing the frames, spacing, ease in/ ease out and breakdowns of the big ball rolling around after stopped bouncing.

Blue arrow: rolling forward

Green arrow: rolling backward

Brown numbers: frame number of where the action took place

two balls b▲ Overlapped picture showing the motion of the ball

This slideshow requires JavaScript.

▲ A slide show created for all the screenshots of the big rolling ball in order to see the differences and positions easier

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

Then I adjusted the weight in the graph editor and added in the squash and stretches straight afterwards using the same technique from test 1.

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

But the two stretches of the ball shooting towards the wall and the stretch of when it hits on the wall didn’t look right at all. I had to make the ball ‘stretch’ again when it hits the wall because the weight all goes to it’s left side instead of the bottom. After thinking about it, I added in breakdown frames right before the ball hits the wall and straight after it starts to bounce off again from it. In those breakdown frames the small ball turns back into it’s original sphere shape (squash handle factor number 0) so it is more obvious to see the change in the stretches of when the small ball is shooting towards the wall, hits the wall and bounces off again.

two balls▲ An overlapped screenshot showing the actual breakdown frame I have added in in order to make the bounce against the wall look more natural

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

Lastly I have added the texture for both balls using the same technique from test 1.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s