Бесплатный скрипт для окрашивания выделенных объектов в случайном порядке. Окрашивание объектов
Название ничего не объясняет, это правда. Лучше глянуть на картинку:
Как видно, подразумеваются три шага: найти какой-либо фон, нарисовать сверху векторных фигурок, запустить скрипт и получить перекрашенные фигурки. Чтобы это сработало потребуется иллюстратор не ниже CS6 и думаю любой (проверено на CS3) фотошоп. Без фотошопа не получится. Да, и еще терпение потребуется)
В некотором смысле, этот скрипт, действительно попытка сделать аналог функционала имевшего место в скриптографере (Color Raster). Имейте только в виду, что я видел его только на картинках с официального сайта и никогда в реальной работе, и не знаю как он собственно работал (кроме того что гораздо быстрее) и какие возможности имел. То что сделал я, это именно реализация задачи записанной в заголовке, в том виде, в котором я смог ее понять, и используя лишь встроенные скриптовые возможности.
Теперь чуть-чуть подробнее о каждом этапе:
1. Фон - фон может быть любым, растровым или векторным. Он может быть как сплошным, так и быть коллажом из чего угодно. Важно только то, что фоном скрипт будет считать все то, что лежит на самом нижнем слое.
2. Векторные объекты - это то что будет перекрашиваться. По сути речь идет о замкнутых путях, образующих какие-либо фигуры. Компаунды не проверял, думаю они будут проигнорированы. Фигуры могут быть объединены в группы, в том числе многоярусные. Могут быть маскированы (надо только иметь виду что перекрашено будет и то что "скрыто" маской, а это время, о чем ниже). Перекрашиваться будет то, что лежит на самом верхнем слое. Слои между первым и последним будут проигнорированы.
3. Скрипт и собственно его работа. Фотошоп следует запустить до запуска скрипта. В случае чего скрипт его сам запустит, но так только время лишнее потеряете. Выделять ничего не нужно, если фон и объекты готовы и лежат на своих слоях запускаете и.. долго ждете. Вот и ложка дегтя, процесс этот долгий. не буду пытаться отговориться техническими подробностями, проблема конечно просто в моей криворукости. Так или иначе дело пока обстоит именно так. Пример что на картинке в шапке, делался около 10 минут, а в нем чуть больше 400 шестигранников. Т.е. примерно по 1,5 секунды на объект. Если в процессе будут сбои, время увеличивается на перекраску. Сразу после запуска скрипт прикинет сколько времени потребуется и сообщит об этом. Но отказаться уже будет нельзя (пока что).
Вторая ложка дегтя, но только владельцами windows-компьютеров - у вас процесс будет выглядеть так, будто иллюстратор завис (напишет "не отвечает"). Фотошоп возможно будет помигивать фоном для перекраски) Но, для того чтобы понимать все плохо или он просто притворяется, я добавил индикацию звуком - системный биип после каждого 10-го перекрашенного объекта. Если вы будете слышать этот бип (проверьте включен ли звук), значит скрипт работает, нужно просто подождать. Собственно компьютер при этом не висит, можно открыть браузер)
А маководы смогут наблюдать в реальном времени процесс перекраски, объект за объектом.
Еще несколько общих слов:
Цвет для заливки берется не из одной точки, а средний из области размером чуть меньшей чем размер bounding box перекрашиваемого объекта.
Объекты для перекраски и фон не обязательно должны располагаться внтури артборда, это не важно. Во время работы скрипта размер артборда будет скорректирован под все видимое из числа фоновых и целевых объектов, а по завершению возвращено на свои места. Поэтому, если целевой объект лежат не на части фона, и вне артборда - он скорее всего будет покрашен в белый цвет, разве что его немного загрязнит близкий фон из-за особенностей выбора среднего цвета (пункт выше).
По ссылке ниже сам скрипт и простенький тестовый пример. Лучше начать с него.
Ссылка:
https://yadi.sk/d/aGnOBIkymiPbX
Бета-тестирование закончено, спасибо всем кто попробовал!
С активными тестерами продолжим в сложившемся частном режиме.
Это бета-версия, будут ли улучшения и дополнительные возможности зависит от того найдет ли кто-нибудь баги и придумает ли новые фичи)
Идею скрипта подала мне art_of_sun , за что ей большое спасибо! Если у кого-нибудь еще есть идеи - welcome!
Полезная ли игрушка? Пиксилезаторов разных и без меня наделали уже, но может это можно как-то интереснее использовать? Или нет? Кто что думает, высказывайтесь)
Жара продолжает бушевать в столице и в северной столице и будет продолжаться ещё как минимум неделю. В связи с этим я постараюсь не парить сильно мозги всякими практическими темами и, по возможности, буду предлагать достаточно легковесные посты, например, как этот.
Итак, все прекрасно знают для чего нужен color picker, известный также под русскоязычным названием - "пипетка" (а для детей известен как "пипеточка" - прим.ред. ).
Иногда на сайтах требуется установить color picker (к примеру, ) , а посему я предлагаю все, найденные мной, плагины пипеток на jQuery. Полагаю это наиболее полная коллекция. Итак.
Все плагины делятся на две категории. Одна из категорий представляет собой атлас цветов (swatches) - есть какие-то предустановленные цвета, из которых надо делать выбор. А вторая категория - позволяет выбирать всевозможные варианты цветов, путём перемещения по цветовому полю - color picker . Оба названия взяты из соответствующих инструментов Adobe Photoshop.
Все плагины проверялись в Internet Explorer 6-8, Google Chrome 5, Opera 10.60, Opera 9.26, Mozilla Firefox 3.6.6, Safari 4.03.
Color PickersГибридный плагин, содержащий в себе и color picker, и swatches. Лучший в линейке плагинов, т.к. корректно работает во всех ишаках, даёт информацию о цвете в системах HSV и RGB, даёт номер цвета. При этом если вы будете кликать по точечкам рядом с буквами RGB и HSV, то внешний вид палитры будет изменяться! Иными словами, есть всё, на вкус и на цвет.
Eyecon Color Picker
. Очень приятный и удобный плагин. Выдаёт параметры цвета в цветовых системах RGB и HSB, даёт также номер цвета. Более и не надо. Возможно задать два цвета в окошках справа вверху, чтобы их сравнивать. По ссылке инфо можно найти очень полезную информацию по плагину. Замечена некорректная работа в IE6 - цветовое поле представлено оттенками серого, но при этом цвета в полях справа вверху показаны нормально, да и номера цветов указываются верно. По ссылке на второй пример указана упрощённая версия плагина. В целом плагин очень хорош, и если выбирать не jPicker, то этот. Советую.
Intelliance Color Picker
. Очень похож на упрощённую версию от Eyecon, но обладает своими недостатками. Показывает цвет в системе RGB и даёт номер цвета. В шестом экплорере выдаёт красное поле, боковая полоска цветов отсутствует. При этом в окошке справа вверху цвет показывается, номер цвета даётся корректно. В остальном всё нормально. По окончании выборки цвета возможно вызывать какую-нибудь функцию.
. Плагин, внешне отличающийся от предыдущих. Даёт только номер цвета, хотя в некоторых случаях вроде бы можно получить нормированный цвет по системе HSL (нормированный к единице). Работает корректно вроде как везде. Хотя 7 ишак у меня просто зависал, но не факт, что в этом виноват плагин, нужно проверять.
Очень приятная палитра цветов. Даёт номер цвета. Баги не замечены.
Really Simple Color Picker
. Очень простой атлас цветов. Цветов всего 36, возвращается номер цвета. Баги не замечены.
Normal Color Picker
. Представляет собой атлас цветов, возвращающий номер цвета. По окончании выборки цвета возможно вызывать какую-нибудь функцию. В IE6 и Opera9.26 не работал, а IE7 намертво зависал, т.е. требуется дополнительная проверка на IE7. 
Simplecolor color-picker
. Простой атлас цветов. Не проверялся, т.к. нет онлайн-примера. 
Лично я применил данный скрипт, при создании своего нового плагина для заказа звонка. Данная палитра помогает пользователю выбрать цвет кнопки и формы заказа. Долгое время я подбирал нужный скрипт и как по мне данный является одним из лучших. К тому же он, как я говорил, легко вживляется. Пример того что получится у Вас в результате, можно посмотреть в примере ниже. Выбирайте цвет курсором на полях с градиентом.
Чтобы сделать такую палитру, нужно сделать 4 шага. Начнем по-порядку с разметки HTML . Добавлять ее нужно туда, где хотите увидеть саму палитру.
- RGB:
- HSV:
- HEX:
Главный родительский блок с айди - color-picker . В нем заключено три основных блока, которые внутри имеют дочерние элементы, что и создают структуру нашей палитры. Давайте разберем их по порядку, относительно изображению ниже.
Можете в зависимости от Ваших нужд, менять местами или вообще убирать те элементы, что не нужны. Когда полностью завершим с установкой палитры, тогда Вы сможете более подробно сами разобраться и определить, как поменять тот или иной элемент палитры.
Вторым шагом по установке палитры, будет добавление стилей CSS . Их добавляете, как обычно в файл стилей своего сайта, ну или того элемента, к которому Вы подключаете данную цветовую палитру.
#color-picker{ margin:25px auto; width:450px; } #color-values{ display:block; list-style:none; color:#222; float:left; margin:0 0 0 15px; padding: 5px; text-align:left; } #pcr_bg{ height:135px; } .picker-wrapper, .pcr-wrapper { position: relative; float: left; } .picker-indicator, .pcr-indicator { position: absolute; left: 0; top: 0; } .picker, .pcr { cursor: crosshair; float: left; } .cp-default .picker { width: 200px; height: 200px; } .cp-default .pcr { width: 30px; height: 200px; } .cp-default .pcr-wrapper { margin-left: 10px; } .cp-default .picker-indicator { width: 5px; height: 5px; border: 2px solid darkblue; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: alpha(opacity=50); background-color: white; } .cp-default .pcr-indicator { width: 100%; height: 10px; left: -4px; opacity: .6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: alpha(opacity=60); border: 4px solid lightblue; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: white; }
По CSS расписывать не буду. Как и говорил, палитру вряд ли новичок будет ставить, а бывалый с CSS знаком. Думаю разберетесь какой параметр за что отвечает. Переходим к следующему шагу.
Третьим пунктом, того что Вы должны сделать, будет подключение файла, в котором содержится сам скрипт цветной палитры. Сам файл будет в архиве с исходниками этой статьи. Скачать его можно, по ссылке ниже.
Файл называется colorpicker.min.js . Подключите его в шапке или в подвале сайта, если выводить палитру будете на сайте. Если в каком-то модуле, плагине и тд, то там где вы подключаете остальные скрипты. Естественно укажите правильный путь к файлу.
Ну и последний шаг, это подключение скрипта, который будет управлять выводом значений палитры, ну и запустит ее работу как таковую. Скрипт лучше всего подключать сразу после блока палитры с HTML.
cp = ColorPicker(document.getElementById("pcr"), document.getElementById("picker"), function(hex, hsv, rgb, mousePicker, mousepcr) { currentColor = hex; ColorPicker.positionIndicators(document.getElementById("pcr-indicator"), document.getElementById("picker-indicator"), mousepcr, mousePicker); document.getElementById("hex").innerHTML = hex; document.getElementById("rgb").innerHTML = "rgb(" + rgb.r.toFixed() + "," + rgb.g.toFixed() + "," + rgb.b.toFixed() + ")"; document.getElementById("hsv").innerHTML = "hsv(" + hsv.h.toFixed() + "," + hsv.s.toFixed(2) + "," + hsv.v.toFixed(2) + ")"; document.getElementById("pcr_bg").style.backgroundColor = hex; }); cp.setHex("#D4EDFB");
В скрипте можно настроить несколько моментов. Давайте разберем их. То что можно менять начинается с 9-ой строки.
- 9-я строка - блоку с айди - hex , присваивается значение цвета в формате hex. То бишь в списке, что на картинке выше под номером 3, первая строка. Таким образом, Вы можете присваивать любому блоку код цвета, для его вывода.
- 10-я строка - блоку с айди - rgb , присваивает значение в формате rgb. Все аналогично предыдущему пункту.
- 11-я строка - блоку с айди - hsv , присваивает значение в формате hsv.
- 13-я строка - блоку с айди - pcr_bg , присваивается стиль, в виде фона соответствующего формату hex. То бишь, тому квадрату, что показывает текущий цвет. Схожим образом Вы можете выводить цвет с палитры, например, для фона сайта определенного блока и тд.
- 15-я, последняя строка, задает цвет по-умолчанию. Можете указать свой, в формате hex.
Вот по сути и все подключение цветовой палитры. Как и говорил в самом начале, новичку данная статья может не помочь, рассчитана она на более опытных вебмастеров. Надеюсь, она поможет Вам.
На этом все, спасибо за внимание. 🙂
В этой заметке я хочу представить ещё одно своё JavaScript творение: Color Picker - выбиралку цветов. Скрипт довольно простой по функционалу и установке, ну, и впринципе код у него тоже не очень сложный. Он НЕ использует JQuery и картинки, небольшой по размеру, и довольно прост и быстр. Работает в IE 6-9, Opera, FireFox, Safari, Chrom.
Color Picker по - умолчанию генерирует палитру из 216 безопасных web ветов, и имеет определённый CSS стилями вид, но вид и содержимое палитры можно настраивать. Ниже пара примеров на что он способен.
Скрипт обновлен до версии 1.2 (добавлена кнопка закрытия палитры), но листинги остались старыми. Новая версия только в архиве.
Color Picker demo
Архив скрипта с примерами можно скачать тут
:
colorPicker.v1.1 (Исходная версия)
colorPicker.v1.2 (Добавлена кнопка, закрывающая палитру)
Введу некоторые определения, что бы мне было проще вам объяснять:
Палитра
Собственно сама палитра, содержащая образцы цветов
Образец
Элемент палитры, при клике на котором выбирается цвет.
Пикер
Это квадратик с цветом, который видит пользователь, и на который ему нужно кликнуть, что бы появилась палитра цветов.
Color Picker интеграцияПользоваться скриптом довольно просто. Color Picker - имеет всего три доступных метода (показано с указанием типа данных):
ColorPicker.insertInto(HTMLElement element, string name, string selected, int offsX, int offsY)
Основной метод - вставляет Color Picker в указанный html - элемент. Параметры:
* - Color Picker сам создаёт скрытый элемент INPUT и помещает его в DOM перед пикером. Если вы не зададите имя явно - скрипт попытается установить имя скрытого элемента INPUT такое же, как id - элемента, указанного в первом параметре.
// Добавляем на страницу: ColorPicker.insertInto(document.getElementById("color_picker_two"), "base_color", "#0000ff", 10, 15); ColorPicker.setPallete(array arrayOfColors)
Позволяет установить свою палитру цветов. Принимает параметр - массив, например:
ColorPicker.setPallete(["#FFFFFF","#FFCC00","#00FFCC","#0000FF","#00CCFF","#CC00FF"]); ColorPicker.setClasses(string picker, string palette, string colorItem)
Позволяет указать свои имёна классов стилей для пикера, палитры, и образцов цветов например:
ColorPicker.setColors("col-safe-picker","col-safe-palette","col-safe-item");
Это потребуется тогда, когда вы захотите задать свою палитру цветов или изменить внешний вид стандарных.
Color Picker пример использованияПеврое, что нужно это форма - в два её элемента мы вставим Color Picker-ы:
Безопасные WEB цвета:
Базовые WEB цвета + град. серого:
Отправить
Подключаем основной файл Color Picker - а
// Безопасные web цвета (стандарнт.), добавляем на страницу: ColorPicker.insertInto(document.getElementById("color_picker_one"), "safe_color", "#ff0000"); // Базовые web цвета + град. серого: ColorPicker.setPallete(["#BE2137","#FFA100","#00752C","#0052AC","#701F85", "#E62937","#FFCB00","#009E2F","#0079F1","#873CBE", "#FF7525","#FDF900","#00E430","#00A9FF","#C87AFF", "#FFFFFF","#999999","#666666","#333333","#000000"]); // Так как цветов меньше палитра будет иметь иной внешний вид - нужно скорректировать стили: ColorPicker.setClasses("col-safe-picker","col-safe-palette","col-safe-item"); // Добавляем на страницу: ColorPicker.insertInto(document.getElementById("color_picker_two"), "base_color", "#0000ff", 5, 5);
Добавим стили для стандарной палитры:
/* Безопасные цвета */ .col-pic-item{float:left;width:15px;height:15px;border:solid 1px #FFF;margin:0px} .col-pic-item:hover{border:solid 1px #00FF00} .col-pic-picker{width:30px;height:30px;border: solid 2px #666;float: left; margin-right: 15px;} .col-pic-palette{width:306px;border:solid 2px #666}
В JS - листинге выше, в строке 5 мы установили свою палитру, а она имеет меньше цветов чем стандарная, поэтому в строке 10, там же, мы указали новые классы стилей - определим их:
/* Базовые цвета */ .col-safe-item{float:left;width:40px;height:40px;border:solid 1px #FFF;margin:0px} .col-safe-item:hover{border:solid 1px #00FF00} .col-safe-picker{width:30px;height:30px;border: solid 2px #666;float: left; margin-right: 15px;} .col-safe-palette{width:210px;border:solid 2px #666}
По сути для Color Picker нужно всего три класса: для самого пикера, для палитры и для образцов. Для выразительности, для образцов цвета мы добавили ещё один псевдокласс... :hover Вот собственно и всё.
Надеюсь объяснил доступно, файлы скрипта вы можете скачать по ссылке в начале статьи, но до кучи привожу листинг скрипта - как всегда старался проще и корочеесли будут вопросы пишите.
Color Picker листинг var ColorPicker = (function (GLOB) { "use strict"; var DOC = GLOB.document, pickerClass = "col-pic-picker", paletteClass = "col-pic-palette", colorItemClass = "col-pic-item", PALETTE = , // Создаёт DOM-элемент для образца цвета getColorItem = function (clickHandler) { var colDiv = DOC.createElement("DIV"); colDiv.className = colorItemClass; colDiv.onclick = clickHandler; return colDiv; }, // Получить прокрутку страницы: pageScroll = function() { return { y: GLOB.pageYOffset || DOC.documentElement.scrollTop || DOC.body.scrollTop, x: GLOB.pageXOffset || DOC.documentElement.scrollLeft || DOC.body.scrollLeft } }, // Формирование палитры цветов (используются 216 Safe Web Colors) // Эта ф-ция не доступна из вне. createPalette = function (srcPicker, srcInput) { var palette = DOC.createElement("DIV"), length = PALETTE.length, hexR = "", hexG = "", hexB = "", colItem = null, i, q, m, // Обработчик кликов на образцах: clickHandler = function () { srcPicker.style.background = this.style.background; srcInput.value = this.hv; palette.style.display = "none"; }, // Добавляет образец цвета в палитру: addColor = function (color) { colItem = getColorItem(clickHandler); colItem.style.background = colItem.hv = color; palette.appendChild(colItem); }; // Если пользователь не задал свою палитру: if (length === 0) { // Генерим палитру Safe Web Colors: for (i = 0x0; i 0) ? i.toString(16) : "00"; for (q = 0x0; q 0) ? q.toString(16) : "00"; for (m = 0x0; m 0) ? m.toString(16) : "00"; addColor("#" + hexR + hexB + hexG); } } } // Иначе, если пользователь ввёл свой массив цветов - выводим его: } else { for (i = 0; i < length; i += 1) { addColor(PALETTE[i]); } } // Конфиг палитры: palette.className = paletteClass; palette.style.display = "none"; palette.style.position = "absolute"; // Добавляем в DOM DOC.body.appendChild(palette); return palette; }; return { /** * Установка имён классов стилей. * @param string picker - Имя класса для значка выбора цвета, по-умолчанию: "col-pic-picker". * @param string palette - Имя класса для появляющейся палитры, по-умолчанию: "col-pic-palette". * @param string colorItem - Имя класса элементов - образцов цвета в палитре, для по-умолчанию: "col-pic-item". * @return ColorPicker */ setClasses: function (picker, palette, colorItem) { pickerClass = picker; paletteClass = palette; colorItemClass = colorItem; return this; }, /** * Установка своей палитры цветов. * @param array arrayOfColors - массив HEX-значений цветов. * @return ColorPicker */ setPallete: function (arrayOfColors) { PALETTE = arrayOfColors; return this; }, /** * Вставить выбиралку цвета в HTMLElement * @param HTMLElement element - элемент, результат выборки: document.getElementById * @param string name - атрибут для элемента формы, представляющего выбранный цвет. * @param string selected - значение по-умолчанию для элемента формы, представляющего выбранный цвет. * @param int offsX - смещение палитры относительно эемента выбора цвета по горизонтали * @param int offsY - смещение палитры относительно эемента выбора цвета по вертикали * @return ColorPicker */ insertInto: function (element, name, selected, offsX, offsY) { var picker = DOC.createElement("DIV"), hideInput = DOC.createElement("INPUT"), palette = createPalette(picker, hideInput), oX = offsX || 1, oY = offsY || 1; // Скрытый элемент формы, значение которого // будет меняться, в зависимости от выбора цвета // и которое будет передаваться на сервер. hideInput.value = picker.style.background = selected; hideInput.type = "hidden"; hideInput.name = name || element.id; picker.className = pickerClass; // Обработчик клика на элементе - пикере picker.onclick = function (ev) { var e = ev || GLOB.event, x = e.clientX, y = e.clientY; palette.style.display = "block"; palette.style.top = (y + pageScroll().y) - oY + "px"; palette.style.left = (x + pageScroll().x) + oX + "px"; }; // Добавляем в DOM element.appendChild(picker); element.insertBefore(hideInput, picker); return this; } }; }(this));Сегодня же речь пойдет о программных решениях от другого не менее известного производителя красок и покрытий — компании АкзоНобель хорошо знакомой нам по выпускаемым краскам под маркой Dulux. Компания предлагает нам на выбор сразу три программных продукта для подбора цвета стен — это десктопная версия программы по подбору цвета в интерьере, онлайн версия программы, ну и наконец, самое интересное на мой взгляд, приложение для мобильных гаджетов (планшетов и смартфонов), позволяющее раскрасить интерьер в режиме реального времени и увидеть результат еще до начала ремонта. Рассмотрим эти приложения подробней.
Offline Visualizer.Начнем с — это как уже было сказано выше десктопное приложение для индивидуального цветового планирования. Содержит комплекс инструментов по подбору цвета в интерьере, которые можно использовать, не подключаясь к сети интернет. Главной особенностью этой версии является возможность использовать фотографии собственного интерьера, и попробовать на них различные варианты покраски. Для использования необходимо загрузить и установить программу на ваш компьютер, после чего можно использовать все ее возможности в любой удобный момент, даже не имея доступа к сети интернет. Программа позволяет загружать и раскрашивать свои фото интерьеров, или воспользоваться галереей имеющихся.
Подобрать нужные цвета для стен и мебели Вы сможете из предлагаемой обширной палитры. Не ошибиться с выбором поможет «поиск» нужного цвета по номеру и названию, а актуальные сочетания цвета подскажут вкладки «Тренды в цвете» и «Сочетающиеся цвета». Так же интерфейс программы содержит некоторые элементы графического редактора.
Готовые проекты можно сохранять и просматривать позже.
Системные требования:OS — Windows XP / Vista / 7
Свободное место на диске — 25 Mb
Десктопная версия программы больше не доступна на официальном сайте производителя! Но Вы можете воспользоваться онлайн-версией программы (о ней чуть ниже), или бесплатными мобильными приложениями для iOS и Android. Ссылки на эти программы приведены в статье.
Второй программой призванной помочь Вам в подборе цвета, является . Для того чтобы начать работать с онлайн программой достаточно загрузить фото комнаты, которую планируете окрасить. И даже если у Вас нет готовой фотографии вашей комнаты, не отчаивайтесь, в ваше пользование предоставлены фотографии стандартных комнат. Весь творческий процесс сопровождается всплывающими подсказками, так что разобраться в работе не составит труда.
Вы сможете выбрать любой понравившийся оттенок из многообразной палитры цветов. Создавать координирующие цветовые схемы можно нажав на кнопку «схемы»одного из выбранных цветов.
Перейти на страницу онлайн сервиса по подбору цвета, можно по ссылке Online Visualizer .
Приложение для мобильных устройств.
И наконец, претендент на приз народных симпатий, приложение для мобильных устройств на базе iOS и Android. Примерьте цвет и раскрасьте свой мир! — Именно под таким лозунгом Dulux представляет нам новую версию бесплатного мобильного приложения. В ходе проведенного Dulux исследования выяснилось, что три четверти опрошенных переживают из-за возможных ошибок при выборе цвета стен. Именно избавить Вас от возможных ошибок и помочь определиться в выборе цветовых решений, призвано разработанное программистами AkzoNobel приложение — Dulux Visualizer.
Благодаря технологии «дополненной реальности», Вы сможете еще до проведения ремонта увидеть, как будет выглядеть Ваш интерьер после покраски. Изображение преображенного интерьера, формируется на экране вашего мобильного устройства, в режиме реального времени, в момент, когда Вы перемещаетесь по помещению. Приложение распознает мебель и предметы интерьера и «окрасит» в выбранный цвет только стены. Так же Visualizer дает возможность подобрать гармоничные цветовые сочетания к цветам и оттенкам, уже присутствующим в вашем интерьере, например к цвету декора или мебели.
- Скачайте приложение Visualizer от Dulux на свой планшет или смартфон и откройте его.
- Направьте камеру на поверхность, которую хотите окрасить в новый цвет
- Выберите цвет из палитры, предлагающей множество различных оттенков
- Теперь все, что осталось сделать — это направить устройство на стену, прикоснуться к экрану и насладиться новым цветом!
Так же приложение покажет на карте ближайшие магазины, где Вы сможете купить краску Dulux, выбранного цвета.
И в дополнение ко всему прочему, приложение содержит коллекцию видео с советами по подбору цвета и покраске стен, от профессионалов Dulux.
Предлагаем Вам посмотреть видео о возможностях мобильного приложения для подбора цвета в интерьере Dulux Visualizer .
