Суть: Предпросмотр дома с новым сайдингом.
План работы приложения:
0: Пользователь нажимает на кнопку "визуализация",
1: Приложение запрашивает доступ к камере(если есть) и фотографиям
2: Пользователь делает снимок дома с любого доступного для него ракурса или выбирает фотографию среди файлов
3: Приложение принимает фотографию и открывает новую страницу .html
4: На новой странице пользователю на весь экран приложение показывает фотографию
5: Пользователь нажатием на точки в углах дома выделяет стены (не разрывно)
6: Приложение запоминает позиции вершин и вычисляет наклон стены в данном ракурсе.
6.1 Если пользователю нужно, повторить выделение стены заново
6.2 Если пользователю нужно, добавить ещё одно стену
6.3 Если пользователь доволен, идём дальше
7: Повторяем 6 пункт для окон, дверей, фронтона
8: Приложение рассчитывает размеры, наклон стены и показывает пользователю превью дома, накладывая на стены и фронтон сайдинг, вырезая его в местах окон и дверей, так же накладывая наружние или внутренние углы у стен, а так же околооконные профили на границах окон и дверей. Пользователю даётся возможность выбрать цвет/текстуру и материал сайдинга, углы и профили.
9: Пользователь выбирает понравившиеся ему текстуры/цвета
[9.1] Пользователь жмёт сохранить и готовое решение сохраняется в формате .jpg / .png
[9.2] Пользователь жмёт закрыть и его перенаправляет на первую страницу с кнопкой "визуализация"
Необходимые знания для реализации:
JavaScript
HTML5, CSS3
Умение работать с canvas
Пути реализации не ограничены, пусть даже three.js
Суть приложения:
Мы фотографируем дом с любого ракурса. Далее выставляем точки на углы, которые образуют стены. А так же окна, двери, и т.п.
Далее выбираем цвет сайдинг который заполняет стены. В итоге мы получаем сфотографированный дом, но в новом сайдинг, для наглядности.
Для примера реализация такого приложения для android, только 2d версия