Да в общем то общая идея реализации есть у меня:
Необходимо взять картинки шариков,задать им начальные координаты,а потом изменять их по определённым правилам через определённый интервал времени.
Координаты картинок задаются так
function moveElem()
{
document.getElementById("ID").style.left= x+"px";
document.getElementById("ID").style.top= y+"px";
x+=dx;
y+=dy;
}
dx и dy рассчитываешь по своим правилам,взависимости от веса шариков или там от упругости куба.Причём одни до столкновения,и другие после.
Периодичность обеспечивается таким образом
var t1=setInterval ("moveElem()", 500);
Через каждые пол секунды координаты шариков будут изменяться и картинка перерисовываться.
но я в мелких деталях не шарю, и сам скрип не работает без них((