@Sian
junior front dev

Как реализован данный функционал?

Есть сайт пример https://rockfacade-colours.rockwool.ru/#/office
Нужно сделать точно такой же функционал. Не могу разобраться как это реализовано.
С чего вообще начать?
Сколько времени примерно займет?
  • Вопрос задан
  • 91 просмотр
Пригласить эксперта
Ответы на вопрос 3
profesor08
@profesor08 Куратор тега JavaScript
Много заготовленных картинок, которые состыкованы и меняются.

Открой dev-tools и потыкай свой пример. Конкретно в нем, блоки дома реализованы в виде svg, которая потом красится с помощью css fill.
Ответ написан
8XL
@8XL
Я высокий, но ниже, чем вы подумали.
https://developer.mozilla.org/ru/docs/Web/API/Canv...
https://github.com/mdn/dom-examples/blob/master/ca...

Тонкий намек на возможное решение.
Самым сложным будет палитру прописывать + разлиновать исходник.
На примере: верхняя сторона - красный цвет, левая - зеленый, правая - синий.
У нас есть область замены - 3 штуки. Каждая из областей находит определенный цвет и заменяет его на цвет из палитры(тут главное в canvas API вникнуть, чтобы вернуть как было или два канваса, где верхний меняется, а нижний остается базовым).
Ну, это если в общем расписывать, но, думаю, принцип понятен.
Ответ написан
MorganDusty
@MorganDusty
Все зависит от рук программиста, такой проект можно сделать как и за день так и за неделю, это просто разные картинки заготовленные :)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы