Слой-маска обьекта

Сообщение **spoon** » 03 мар 2017, 08:37

Подскажите, где можно посмотреть инфу по созданию слой-маска? Например: менять цвет стен на фото т.е. открываем рал цветов, выбираем и цвет стен на изображении комнаты меняется.

Сообщение **spoon** » 03 мар 2017, 18:04

Может конечно это не слой-маска называется, но смысл надеюсь понятен.

Отправлено спустя 39 секунд:
Куда сунуться то хоть))

sobytiya.rar

Сообщение **Gudwinn** » 04 мар 2017, 01:50

Вот накидал схематичный пример http://testcrm2.offershop.ru , что то подобное подразумевалось?

Сообщение **spoon** » 04 мар 2017, 07:34

Gudwinn то что надо :co_ol:

Где можно посмотреть инфу как это реализовывается?

Отправлено спустя 3 минуты 54 секунды:
Конструкторщик у меня была такая идея но это не реально, т.к. на странице будет куча скрытых фото, страница будет очень тяжелая. Может конечно попробывать через источник файлов, надо пробывать.

Отправлено спустя 33 минуты 21 секунду:
В ходе просмотра возникли следующие вопросы:
1. Изменения цвета только в таком варианте, можно при выборе рал цветов? Типа фотоки с рал цветами при нажатии на которых меняется цвет?
2. Как сделать смену картинки при выборе картинки например: на фото есть светильник из списка мы выбираем светильник необходимого дизайна и он вставляется на фото, если через события то тяжеловато будет, это нужно все фотки поместить на страницу и скрыть их, а каждой картинке из списка прописать событие.

Сообщение **Gudwinn** » 04 мар 2017, 08:16

Ну, тут требуются знания JS и CSS . Я пошёл по простому пути, и потолок сделал из криволинейных дивов, и сверху поклал пнгэшную картику с куском потолка, хотя по уму надо делать на SVG. Цвет задаёт подключенный плагин колорпикер, вот прикладываю проект, надеюсь коллегам будет полезно

Отправлено спустя 2 минуты 2 секунды:
касательно того, как сделать что бы не нагружать страницу скрытыми фотками, ответ есть у меня, потом набросаю что нибудь, покажу

Сообщение **spoon** » 04 мар 2017, 09:03

Огромное спасибо

Сообщение **spoon** » 04 мар 2017, 14:06

Криволинейных див изображений, может гиф или тег div имеется ввиду?

Сообщение **Gudwinn** » 04 мар 2017, 21:18

Это я выразился неудачно)) обычным 2 слоям задал позиционирование в css transform: rotate(16deg); и transform: rotate(63deg); что бы создать развёрнутый угол потолка, ну и естественно основному слою задал overflow: hidden; что бы запчасти из потолка не торчали)))колорпикер потолка я в js настроил так, что бы он сразу 2 "полотна" менял цвет, создавая таким образом видимость единой поверхности. Вы разве не смотрели архив?

Сообщение **spoon** » 05 мар 2017, 07:27

Очень уж нравится версия 11.1))) не могу вашу открыть. Посмотрел через консоль, вижу что потолок с двумя слоями сделан и подключены оба слоя к одному колорпикеру. Leyer1 идет как основной для контейнера и меняет цвет стен через свой колорпикер. Буду разбираться, пойду через лес)))

Отправлено спустя 31 минуту 46 секунд:
Разобрался вроде, консоль в помощь))) Спасибо.

Отправлено спустя 8 минут 25 секунд:
Прозрачность стен и потолка в фотошопе задавали? Как получается что кусок потолка не меняет цвет, а стены и потолок меняет?

Отправлено спустя 8 минут 52 секунды:
Я так понимаю можно без слоев если картинку в SVG сделать и там прописывать все?