Заполнение div-а другим элементом
 

Добрый день уважаемые. Вот возник интерес реализовать такую идею, - Есть <div id="box"> пока я жму на кнопку его замолняют (падают с высоты, катятся по нижней гране и останавливаются у бортов) другие <div id='balls'>, пока пользователь жмет на кнопку, мячи создаются.Мячи чувствуют друг друга, и отражаются если соприкасаются. Подскажите с чего начать ? ;)
Я начал с создания множества мячей, но возможно я что то делаю не так)

https://jsfiddle.net/BlackStar1991/Lrz3ko9b/

Не рекомендуется задавать одинаковый id, используй class.

$('#source').append('<div id="balls">');

Чтобы заставить шарики двигаться создаешь setInterval в котором пересчитываешь их позицию ( с учетом гравитации/коллизий и тд)