Conservation of Energy: The Bouncing Ball

A ball falls, hits the floor, loses some energy as sound and bounces back.

Built using JavaScript, HTML5, Canvas, Audio,


اطّلاعات بیشتر درباره‌ی این نسخه‌ی نمایشی از زبان نویسنده‌اش

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.

About this Demo

Download the Source 4.93 KB · ZIP File

Browse the Source

This demo is released under the MPL/GPL/LGPL license.

More by Vivax-Solutions