Требуется написать конструктор шкафов-купе на js с отрисовкой в html5 canvas(старый на flash, фото прикреплены, изучить старый возможность будет) работающий как на десктопе, так и на мобильных.

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

Интерфейс конструктора состоит из 3 экранов с последовательным переключением между ними:

  • Проектирование внутреннего наполнения шкафа
  • Проектирование фасада(дверей-купе шкафа)
  • Вывод изображений наполнения и фасада как результат и поля для ввода контактных данных
Функционал конструктора/требования:

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

Внешний вид векторных элементов визуализации шкафа также будут предоставлены.

Исходников старого конструктора нет, писать нужно с нуля.

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

Сможете поработать со старым конструктором "в живую", не знаю, можно ли здесь размещать ссылки в описании.

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

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

7 лет назад
skamix3
Максим 
28 лет
7 лет в сервисе
Был
7 лет назад

Заявки фрилансеров

Нет заявок фрилансеров