Как лучше организовать код для создания редактора коллажа?

Question

[Дима Паутов]

Добрый день! Начал создавать небольшой редактор, для создания коллажа. Для его создания решил использовать fabric.js

Каллаж состоит из 6 шагов, выглядит он примерно так:

Шаг 1

Шаг 2

Шаг 3

Шаг 4

Шаг 5

Шаг 6

Всё уже свёрстано. Теперь мне нужно писать функционал. Проблемы особой пока не сильно вижу. Но чем дальше делаю, тем больше понимаю, что пишу спагетти код. Сейчас воспользовался обычным паттерном модуль и описываю в нём методы для того, сего, пятого, десятого. Но методов выходит очень много со временем.

Пример небольшой моего кода:

var Collage = (function(){

  var collageCanvas = $('#collageCanvas');
  var collageStepsNav = $('#collageStepsNav');
  var collageSteps = $('#collageSteps');
  var collageStepsItems = collageSteps.find('.collage_step');

  return {
    steps: function(){},
    scrollbar: function(){},
    scrollbarHeight: function(){},
    next: function(){},
    reset: function(){},
    init: function(){}
  }
})();

$(function(){

    Collage.init();

});

Но такой подход меня мало устраивает. Выходит каша небольшая.

Как лучше всего организовать код? Может паттерны какие? Или как-то на модули разделить?
Как бы вы организовали свой код?