5SD064-Animation-bouncing balls
|
This week I have been working on the assignment for 2D1 course that the students were asked to animate a cannon ball and a rubber ball bouncing from a height and coming to a stop. After watching a short tutorial video, I started making my own bouncing ball by using the animation function in photoshop. There are four core principles when making animation in 2D space:
For the first try I did not get approved by the teacher. As you can see the picture above from the video screen shot, there are many problems with the motion of both balls. The dark ball which is the heavy cannon ball, looks like it comes to stop by itself and also missing a third, smallest bouncing. The light ball which is the rubber ball, somehow it goes through the floor line that made the illusion looks incorrect. The rubber ball should also collide with the dark ball when creating contacts, instead of what I did that letting the rubber ball go behind the dark ball. The film was cut short before the light ball comes to a full stop. To correct these problems, I redrew the arcs for the balls, I added one small bounce at the end for both balls so it looks more nature when it comes to stop. I erased all the marks for time frame on arcs to make correct spacing. Spacing is very important that how many frame you decided to addd and how much space in between each frame when trying to make a smooth and flowing animation. The tricky part in this animation is to make them collided without awkwardness. On the second video I did, both ball drop at the same time but the dark ball stops the first due to its mass and property. So the light ball will hit the dark ball and then both balls are going to rebound a little bit before reaching a full stop. I can’t upload my bouncing ball video here because I’m not a premium user otherwise it will be a better illustration for the text above. And I really hope to get a pass on my assignment for the second try. *New edited 23/2 According to “squigglezone“‘s comment, I have now uploaded my videos for both bouncing ball animations.
The one above is the first version of bouncing ball animation. This is the second version of the bouncing ball animation.
Advertisements
(function(){var c=function(){var a=document.getElementById(“crt-100111179”);window.Criteo?(a.parentNode.style.setProperty(“display”,”inline-block”,”important”),a.style.setProperty(“display”,”block”,”important”),window.Criteo.DisplayAcceptableAdIfAdblocked({zoneid:388248,containerid:”crt-100111179″,collapseContainerIfNotAdblocked:!0,callifnotadblocked:function(){a.style.setProperty(“display”,”none”,”important”);a.style.setProperty(“visbility”,”hidden”,”important”)}})):(a.style.setProperty(“display”,”none”,”important”),a.style.setProperty(“visibility”,”hidden”,”important”))};if(window.Criteo)c();else{if(!__ATA.criteo.script){var b=document.createElement(“script”);b.src=”//static.criteo.net/js/ld/publishertag.js”;b.onload=function(){for(var a=0;a<__ATA.criteo.cmd.length;a++){var b=__ATA.criteo.cmd[a];"function"===typeof b&&b()}};(document.head||document.getElementsByTagName("head")[0]).appendChild(b);__ATA.criteo.script=b}__ATA.criteo.cmd.push(c)}})(); (function(){var c=function(){var a=document.getElementById(“crt-1348932750”);window.Criteo?(a.parentNode.style.setProperty(“display”,”inline-block”,”important”),a.style.setProperty(“display”,”block”,”important”),window.Criteo.DisplayAcceptableAdIfAdblocked({zoneid:837497,containerid:”crt-1348932750″,collapseContainerIfNotAdblocked:!0,callifnotadblocked:function(){a.style.setProperty(“display”,”none”,”important”);a.style.setProperty(“visbility”,”hidden”,”important”)}})):(a.style.setProperty(“display”,”none”,”important”),a.style.setProperty(“visibility”,”hidden”,”important”))};if(window.Criteo)c();else{if(!__ATA.criteo.script){var b=document.createElement(“script”);b.src=”//static.criteo.net/js/ld/publishertag.js”;b.onload=function(){for(var a=0;a<__ATA.criteo.cmd.length;a++){var b=__ATA.criteo.cmd[a];"function"===typeof b&&b()}};(document.head||document.getElementsByTagName("head")[0]).appendChild(b);__ATA.criteo.script=b}__ATA.criteo.cmd.push(c)}})();  |
