Александр Коротаев

codepen.io/anon/pen/yaokzo?editors=1010 - готово, что было сделано:
загрузка картинок через промисы
когда промисы отработали, запуск отрисовки
код рисования кругов заменил на рисование картинок

Тут надо изначально подготовить все детали как отдельные картинки.
Наложить друг на друга в верстке.
Далее поставить коллбек на событие скролла и внутри него если элемент находится в области видимости изменять left у элемента.
Для движения как на представленном сайте (сначала расходится, потом - схлопывается) подойдет расчет с синусом и коэффицентом вроде такого
Math.sin(window.scrollY) * K
Где K надо будет подбирать взависимости от того какая амплитуда требуется

У Убунты есть свой компонент node, надо сделать симлинк чтобы все заработало
sudo ln -s /usr/bin/nodejs /usr/bin/node

Сделать вложенные роуты для табов, родительский контроллер как и его шаблон в этом случае перегружаться не будут

Надо поискать модуль npm для синхронных запросов к серверу, для граббера это как раз подойдет https://github.com/ForbesLindesay/sync-request

Попробовать доработать этот вариант=) fiddle.jshell.net/snlacks/w4eZs

Как-то так, a можно на button заменить, php-storm ругается видно из-за семантики

<ol id="list_2" class="list_2" ui-sortable="SortCtrl.list2Options" ng-model="SortCtrl.list2">
    <li ng-repeat="app in SortCtrl.list2"> 
       <a ng-click="app.visible = !app.visible">{{ app.name }}</a> 
    </li>
</ol>

<ol ng-model="SortCtrl.list2">
    <li class="list-type-option" ng-repeat="app in SortCtrl.list2" ng-show="app.visible">
        <input type="text" ng-model="app.name"> <input type="text" ng-model="app.type">
    </li>
</ol>

(function () {
    angular
        .module('testSortable', [])
        .controller('TestSortableController', function () {
            this.list2 = [
                { name: "another name", type: "input", visible: true },
                { name: "another second name", type: "result", visible: true }
            ];
        });

})();

Есть порт популярного движка Box-2d на JS, там реализовано взаимодействие физических тел на основе выпуклых многоугольников. Думаю, это подойдет.

А если с нуля, то использовать векторы ускорения и обнулять значение при столкновении
Апдейт смещения объекта должен руководствоваться этими векторами для расчета позиции объекта