Разработать конструктор шкафов-купе на HTML5 canvas, js

Цена договорная • наличный расчёт, безналичный расчёт, электронные деньги
18 июля 2018, 16:26 • 6 откликов • 58 просмотров
Требуется написать конструктор шкафов-купе на js с отрисовкой в html5 canvas(старый на flash, фото прикреплены, изучить старый возможность будет) работающий как на десктопе, так и на мобильных.
Конструктор фиксированных размеров, адаптивность по отношению к веб странице не требуется. Требуется чтобы на мобильных отображался только в горизонтальной ориентации если по горизонтали canvas не вмещается, призывая посетителя повернуть телефон.

Интерфейс конструктора состоит из 3 экранов с последовательным переключением между ними:
  1. Проектирование внутреннего наполнения шкафа
  2. Проектирование фасада(дверей-купе шкафа)
  3. Вывод изображений наполнения и фасада как результат и поля для ввода контактных данных
Функционал конструктора:
  • Поля для ввода размеров шкафа.
  • Чек-боксы и выпадающие меню изменяющие конфигурацию(стойки, стенки, цвет) шкафа.
  • Визуальное отображение в "псевдо 3д" проектируемого шкафа.
  • Конструирование корпуса шкафа-купе и его наполнения "drag and drop" - 10 элементов с векторной отрисовкой в canvas. Некоторые элементы типа: "горизонтальная перегородка", "вертикальная перегородка" должны растягиваться по ширине/высоте, а некоторые статичны и "прилипают" к стенке/перегородке.
  • Конструирование дверей шкафа "drag and drop", перетаскивание растровых текстур на дверь.
  • Возможность загружать свои растровые текстуры.
  • Поля для ввода контактных данных и отправки заявки.
  • Формирование растровых картинок спроектированных наполнения и фасада(дверей-купе).
  • Доступность параметров получившегося шкафа и финальных растровых картинок из js для последующей отправки заявки на email.
Все элементы интерфейса, растровые текстуры будут предоставлены в виде .psd файла.
Внешний вид векторных элементов визуализации шкафа также будут предоставлены.
Исходников старого конструктора нет, писать нужно с нуля.

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

В качестве результата требуется: читаемые исходники и тестовая страница со встроенным и функционирующим конструктором.

Пишите сколько примерно ч.часов вам потребуется на выполнение.
Файлы