Русский 
Вступление Часть 7
Это Часть 7 из серии уроков по созданию интерактивного интерьера SVOYA при помощи WebGL/PlayCanvas.
Для тех, кто не читал предыдущие части, вот демонстративное видео.
В этой серии уроков мы сделаем интерактивную презентацию интерьера, которую можно просматривать в реальном времени через веб браузер.
Доступ к материалам, такие как: модели в формате "FBX", запеченные текстуры и другое, вы можете получить оформив подписку на Patreon.
Patreon - 3DGROUNDНастройка материалов
Для материалов, у которых будут блики, нужно будет применить небольшой трюк, иначе из-за само-святящихся материалов их не будет видно. Если учитывать, что у нас в сцене не может быть никакого освещения для таких материалов нужен особый подход.
Основной трюк заключается, если нам надо сделать отражения в материале:
- Полностью выключаем "Emissive"
- В "Lightmap" закидываем любую текстуру и переводим "Color Channel" в режим "A"
- Текстуру с "Emissive" перекидываем в "Diffuse"
- Включаем в "Specular" флажок "Metalness", значение "Metalness" ставим в "0"
- В "Environment" закидываем "cubemap"
- Управляем силой отражения при помощи "Glossines" в "Specular"
Floor
Первым делом, запеченную текстуру я закинул в Photopea (Photoshop), и привел к такому виду как на картинке. Это будет наша карта "Specular".
Cooker
Basin
Island
Все тоже самое, что и для Basin, кроме:
- "Glossines": "85"
- "Reflectivity": "0.3"
Hood
Все тоже самое, что и для Basin, кроме:
- "Glossines": "62"
- "Metalness": "0.3"
Small Table
Аналогично предыдущим материалам:
- "Glossines": "60"
- "Metalness": "1.0"
Glass Doors
Материал с "ID": 1 оставляем как есть, для материала стекла "ID": 2, следующие настройки.
TV
"ID": 1 не трогаем, для "ID": 2, настройки ниже.
Oven
"ID": 1 настройки.
"ID": 2 настройки.
Stair Collision
Здесь мы просто сделаем прозрачный материал.
Закюлчение
В этой части мы закончили с настройкой материалов. Все остальные материалы, не указанные в этой части оставляем по-умолчанию. Вы уже можете запустить проект по кнопке "Play" и наслаждаться результатом. Но, в следующей части мы добавим последний штрих, красивую заставку при загрузке проекта с анимацией.
{{comment.text}}