Как создать макет дома, чтобы можно было менять цвет фасада?

Question

[perguunt]

Подскажите, как можно реализовать следующую задачу?
Знакомая купила загородный дом. Перед тем, как делать в нем ремонт, хочет поиграться с разными вариантами цвета фасада. Есть несколько фотографий этого дома.
Собственно вопрос в том, чтобы как-то реализовать изображение этого дома и возможность подбирать цвета для разных наружных элементов (крыльцо, крыша, стены, окна и др).
Скажите, возможно ли это?
Какими средствами (нужно для понимания в какой области искать фрилансеров на эту задачу)?
Какой может быть бюджет?

UPD: Спасибо, всем за ответы и варианты решения. Буду смотреть в сторону веб-решения, хоть в не которых аспектах это и не оптимальный вариант (деньги, например).

Answer 1

[Александр Голубев]

Мне было интересно подобное сделать с постерами и получилось это реализовать простым CSS.
Пример с постером: wartbook.ru/posters/orc-philipp-kruse (сайт я еще не доделал, и страница с редактором не влезает на разрешениях менее 1360)

Можно менять цвета, размеры, формы, текстуры, все что позволяет менять CSS.
На CSS+JavaScript это реализовать проще и лучше, и там надо простых 10 строчек кода. У меня есть такое решение, но я его не применял.

Comments

[Therapyx]

ну это совсем не то, добавить рамку, отдалить или приблизить фотку это все понятно. Но вот посмотри наверх) Как к примеру заменить таким способом цвета черепицы(крыши на доме)?

[Александр Голубев]

Therapyx: на фотографии выше цвет черепицы меняет маска в фотошопе, таких маски можно сохранить в png файле где будет только крыша, и все мы можем занести в базу хоть 50 разных крыш. А с помощью джаваскрипта менять адрес изображения при выборе определенной черепицы и оно будет подгружаться.
По такому принципу Blizzard сделали просмотр героев eu.battle.net/heroes/ru при наведении курсора.
Фактически мы можем менять слои с прозрачным фоном точно так же как в Photoshop, а в нем же мы с легкостью можем включать и отключать слои, и задача с крышей не проблема.
Главное разрешение всех изображений крыш должно совпадать, иначе поползет разметка.

А что касается постеров, там меняются как css стили, так и пнг файлы.

[Therapyx]

Александр Голубев: ну вот, фотошоп, вся работа идет не через цсс. С таким успехом можно браузер вообще не трогать, а сделать кучу готовых картинок. Это уже не то. Человек ведь хочет сделать это через веб языки, еще и автоматизированным ))

Answer 2

[Дмитрий]

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

(правил на скорую руку дабы показать пример)

Comments

[Дмитрий]

ну а если это собирать на веб, то фоном вы ставите оригинальную фотографию, а сверху с помощью верстки натягиваете блоки или изображения с нужной раскраской (или текстурой) + кнопки переключения этих текстур

[perguunt]

С фотошопом те же сложности, что и с программами 3д моделирования. Для себя я бы рассматривал этот вариант, но моя знакомая с трудом осваивает новые компьютерные программы. Спасибо за идею!

[Дмитрий]

per_gunt: ну или вы помогаете ей, или она "нанимает" человека ;) Удачи вам)

Answer 3

[Марат]

https://planner5d.com/

Comments

[perguunt]

Спасибо!

Answer 4

[Вадим Григорец]

Мы на студии делали похожую штуку. Там надо было менять цвет стен, пола и натяжного потолка.
Обои я сделал так: Нашел текстуру в интернете, сделал ее черно-белой, снизил непрозрачность до 7% и сохранил в png.
Потолок я сделал так: скопировал и отразил туда мебель и тоже снизил непрозрачность.
Пол: отдельно вырезал мебель и покрытие и тоже снизил непрозрачность.
Получается что человек меняет цвет, а остаются картинки png, то есть ты сохраняешь только текстуры и тени которые должны накладываться на цвет, а дальше уже работа программиста, я не знаю как он это все реализовал.


Что-то там слегка уже все поплыло...

Answer 5

[Therapyx]

задачи такого рода обычно не для веб программирования. Конечно через тысячу костылей наверняка реализовать можно, но стоит ли оно того? Для этого есть фотошоп и 3д моделирование. Вот лучше найдите человека в этой области, который вам сделает заготовку по вашему вкусу.
Так что вот - меняйте курс ))

Comments

[perguunt]

Если бы я искал решение для себя, то скорее всего именно так и поступил бы. Но моя знакомая "прошлого века", любая новая программа вызывает у нее ужас, панику и одновременное слабоумие. Поэтому веб в данном случае дает возможность сделать под нее инструмент, который ей будет максимально просто освоить.

Answer 6

[Rysik29]

Как по мне, по тенденции всего мира, сейчас в тренде натуральность во всем! Вы предложите своей знакомой не заострять внимание на террасе, ведь она не должна быть яркого цвета в принципе! Лучше взять за основу уже имеющейся цвет древесины и просто защитить ее от погодных условий специальной лазурью https://www.saicos-shop.ru/terrasy.html , кстати, если уж очень хочется, в этой линейке есть и цветные варианты) И тут вы убиваете 2х зайцев одним махом - продлеваете срок службы древесины и удовлетворяете прихоти клиента!