Conservation of Energy: The Bouncing Ball
A ball falls, hits the floor, loses some energy as sound and bounces back.
The ball, when dropped, hits the floor and makes sound. The loss of energy in the form of sound, determines the bouncing height. After a series of falls, the ball eventually comes to a halt as it loses all of its energy.
The animation is developed on HTML5 canvas, only using code; no external images are used.
The sound effect is created by a wave file.
It works perfectly well with all major browsers; the sound effect, however, may not work in IE and Safari.
This demo is released under the MPL/GPL/LGPL license.