Русский 
Вступление
Это 2 часть из 5 серии уроков по добавлению интерактивности в интерьер SVOYA Apartment.
Доступ к материалам, такие как: модели в формате "FBX", запеченные текстуры, скрипты и другое, вы можете получить оформив подписку на Patreon.
PatreonПосмотреть Playcanvas проект онлайн.
View Playcanvas Project OnlineСоздайте папку “configurator” в “scripts” панели “Assets”.
Добавьте картинку Кисти.
Для того чтобы не создавать с нуля одинаковые кнопки, мы просто будем дублировать существующие.
Сделайте дубликат кнопки “PlayPause”, назовите новую кнопку “ChangeColor”, картинку назовите “PaintImage”. Картинку “PauseImage” удалите.
В качестве картинки “PaintImage” выберите “paint.png”.
Разместите кнопку “ChangeColor”, возле объекта шкафов, как показано на изображении ниже.
Кнопка готова, осталось добавить скрипт смены цветов.
Добавьте скрипт “change-color.js” в папку “scripts/configurator”.
Скрипт “change-color.js”.
Примените скрипт к желаемому объекту, в нашем случае это “Cabinet”. Для этого выберите объект, добавьте “Component” “Script” и из выпадающего списка выберите “changeColor”.
Примечание!
Стоит отметить что скрипт будет менять цвета “Diffuse“ в материале, поэтому в “Lightmap” материала должна быть черно-белая текстура запеченных теней.
Настройки материала “Cabinet_2048”.
В настройках скрипта “changeColor”, укажите материал, для которого будет меняться цвет в параметре “Material”.
Обязательно укажите “Trigger Button” - это кнопка которая будет активировать смену цветов.
В параметре “Colors” укажите цифру, сколько будет цветов.
Далее, настройте цвета.
Готово! Запустите проект, у вас должны меняться цвета по нажатию кнопки “ChangeColor”.
Заключение
В этой части урока мы сделали простой конфигуратор смены цветов материала.
Для подписчиков Patreon будет возможность просматривать проект SVOYA Apartment в режиме чтения, а также быстрое копирование-вставка необходимых ассетов и скриптов в свой личный проект.
Для всех остальных все необходимое найдете на странице этого урока.
Patreon
{{comment.text}}