Как сделать сборку комплектации кухни на сайте?

Question

[Александр]

Здравствуйте, уважаемые пользователи тостера!

На днях поступил заказ на сайт. Тема — изготовление кухонь. Клиент просит сделать такую вещь. Он хочет, чтобы на сайте была сборка кухни. Чтобы пользователь мог подбирать комплектующие кухни, выбирать их цвет, и на превью выводилась бы кухня, которую собрал посетитель, с выбранным цветом и компонентами.

Клиент вообще хочет, чтобы это всё было в 3D, чтобы собранную кухню можно было крутить и смотреть с разных ракурсов. В 3D я не представляю, как это сделать. Думаю предложить сделать просто 2D изображение, но тоже плохо ориентируюсь, как это устроить.

Кто-нибудь делал подобные задачи? Либо просто знаете как это сделать? Подскажите, пожалуйста, инструменты, посоветуйте статьи. Заранее благодарен

Comments

[Тимур Туз]

У меня была похожая задача. Заказчик просил программку чтоб замерщик померил хату, расставил мебель и на выходе смета. Все в 3д. Когда сделал ему - процесс расстановки мебели в 3д стал занимать кучу времени. Я в общем работал с 3д редакторами и заранее предупредил его об этих проблемах. Но ему было пофик - панты прежде всего. В итоге самым функциональным оказалось "2d вид с верху". Вас похоже ждет тот же путь) Родите им 3д. Люди будут заходить, пытаться чтото делать. Нервничать и бросать)) Сделайте в 2д. Например по схеме: схематично расставьте блоки мебельные в 2д и на втором шаге мастера покажите 3д проекцию. Если на сайте такое пилить то луче js фреймворк какой нибудь заюзать. например raphael js, или paper js

[Сергей Горностаев]

Был у меня такой заказчик. Готовых вариантов нет. По крайней мере лет 5 назад не было. Пришлось искать флешера-фрилансера, который написал 3d-редактор с нуля за очень солидную сумму. Самое смешное, что спустя пару лет, заказчик убрал его с сайта, так как изготовление моделек и шкурок для всей номенклатуры - дело непростое и затратное.

[Тимур Туз]

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

[Алексей]

Могу сказать со стороны пользователя - я раз 5 пытался на разных сайтах такой опцией воспользоваться и ни одного не доделал до конца, потому что это чаще всего неудобно; не учитывает каких-то специфических мелочей, о которых знают замерщики; дико тормозит; в огромной куче наименований непонятно что выбрать, чтобы шкафы подходили друг к другу. В итоге я предпочел вызов замерщиков-консультантов, благо он у 99% компаний бесплатный.

Answer 1

[daihatsu]

А бабла у него хватит?

Если он не предлагает тебе воспользоваться каким-либо уже готовым 3D конструктором (с встроенным API!!!!), куда уже вбиты все параметры кухни, то это очень специфическая задача.

Не стесняйся - повышай цену. На эту задачу он вряд ли найдет дешевого исполнителя. Да и вряд ли вообще найдет исполнителя.

Навскидку - от нескольких штук баксов (не меньше 3, а скорее - еще раза в 2-3 больше).

P.S.:
Возможно, под словом "клиент может выбрать как хочет" подразумевается 5 встроенный фиксированных моделей кухонь с возможность их окраски?

Тогда задача существенно упрощается. Первая для тебя задача - чтобы клиент тебе выдал эти 3D модели в удобном для тебя формате.

Для этого у него есть специальный дизайнер, работающий с 3D-пакетами.

Answer 2

[coderisimo]

Если будете делать в 2D, то можно попробовать fabric.js . Приходилось работать с ней. https://dl.dropboxusercontent.com/u/19954007/fa.mp4
Удобная либа, есть статьи на хабре.

Comments

[Фаррух Холмухамедов]

404

Answer 3

[Виктор Королев]

Уже советовали Blend4Web. А я уточню. На сайте есть демонстрация-конструктор. Сделано шуточно, но главное не в этом, а в том, что есть исходники конструктора и статьи, как это было сделано.

Я первую нашел, а остальные лень искать.

Comments

[yesworld]

Была бы возможность, тебе 5 лайков поставил бы :)

Answer 4

[Stac]

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

Comments

[yesworld]

У меня не грузится. :(

[Stac]

Что, страница не грузится? У них там кириллица в URL. Вот английская версия: prodboard.com/online_kitchen_planner

Answer 5

[Mikhail Osher]

3 месяца и 10 тысяч долларов у него есть?
Если да, тогда можно смотреть в сторону компиляции Unity в webgl.

Answer 6

[Алексей]

Согласен с предыдущими ораторами. Как вариант: довольно мощный функционал Microsoft Visio позволяет переводить созданную графику в html. Ну а в Visio - масса вариантов для творчества. Путь простой, но позволяет быстро потренироваться и понять, что надо и в каком исполнении сделать.

Answer 7

[svolosch]

Если в 3D, то можно посмотреть в сторону Blend4Web, но боюсь, что это грозит еще привлечением человека знакомого с blender

Comments

[Сергей]

Не нужен, если заказчик предоставляет все необходимые материалы и модели

Answer 8

[Дмитрий]

Я делал конструктор велосипедов в 2D на обычном angular.
Есть объект стейт вида selectedPartss: { base: 2, wheels: 4, pedal: 1 }

И уже на базе этого объекта подтягиваю замаппеные картинки, который хранятся в отдельном объекте, где id элмента соотсвествует src картинки.

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

Answer 9

[yesworld]

Скажу проще - ЭТО УТОПИЯ.

Одно дело на это потратить кучу времени и денег, а потом поддерживать свою БД в актуальном состоянии и исправление кучу багов и/или борьба с утечкой. Но предположим все хорошо...
С клиентской точки зрения, кто этим будет пользоваться? Клиенты? Очень сомневаюсь, т.к. у кого-то будет долго грузиться, кто-то "слоупок", скажет: "Ну нах!", а кому-то проще вызвать человека, который берет на себя ответственность. Тем более, дизайнер-замерщик в одном лице - бесплатный.

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

Или простой пример: Был сделан сервис, онлайн редактор визиток, хорошо сделан, удобный UI и много функционала для творчества. Поставили на него счетчик, чтобы узнать сколько раз через него заказывали, то на деле оказалось несколько человек за год.
Просто, большинство людей - ленивые создания, они любят, чтобы за них уже все было готова и за них был сделан выбор!

Answer 10

[kassadz]

делали такое на Action script, но Fkash уже умер