Необходим скрипт для перекраски фотографии модели по маске на Front End для онлайн конструктора

Необходим скрипт для перекраски фотографии модели по маске на Front End для онлайн конструктора 


Необходимо разработать скрипт визуализации внешнего вида модели для онлайн конструктора купальников. Скрипт должен перекрашивать купальник на фото девушки. Для этого есть фотография + маски для каждого типа верха и низа купальника. 

Работу необходимо провести в два этапа.
1.  Этап прототипа
2.  Этап "готового скрипта"

Результаты этапа 1: на экране должна быть модель, одетая в лиф и плавки базового цвета. Рядом с ней должны быть управляющие элементы:
- чекбокс включающий/выключающий отображение лифа;
- инпут для ввода кода цвета для перекраски базы лифа;
- инпут для ввода кода цвета для перекраски окантовки лифа;
- чекбокс включающий/выключающий отображение плавок;
- инпут для ввода кода цвета для перекраски базы плавок;
- инпут для ввода кода цвета для перекраски окантовки плавок;
- кнопка применяющие настройки.

При нажатии кнопки к модели должны примениться настройки отображения элементов купальника и его цвета.

Результат этапа 2: готовый скрипт для внедрения на лендинг.

Сам конструктор работает по следующему принципу:
Посетитель сайта выбирает в конструкторе:

1. тип верха + базовый цвет верха + цвет окантовки верха

2. тип низа + базовый цвет низа + цвет окантовки низа.

С серверной части приходит ответ в виде JSON массива со свойствами:
- ссылка на модель с указанным типом верха и низа
- ссылка на маски для смены цветов
- кода цветов.
Скрипт перекрашивает купальник и отдает его посетителю. 

Серверная часть сейчас разрабатывается, можно внести в нее корректировки если для работы скрипта необходимо как-то изменить ответ серверной части.

Комментарий от нашего 3d дизайнера : «необходимо менять цвет по маске, по аналогии фотошоповского Hue/Saturation»