Українська 
Частина 8
Це Частина 8 із серії уроків зі створення інтерактивного інтер'єру SVOYA за допомогою WebGL/PlayCanvas.
Для тих, хто не читав попередніх частин, ось демонстративне відео.
У цій серії уроків ми зробимо інтерактивну презентацію інтер'єру, яку можна переглядати в реальному часі через веб-браузер.
Доступ до матеріалів, такі як: моделі у форматі "FBX", запечені текстури та інше, ви можете отримати підписку на Patreon.
Patreon - 3DGROUNDЕкран завантаження
Залишився останній штрих, щоб довести наш проект до ідеалу. Зробимо гарну заставку з анімацією під час завантаження проекту.
Перейдіть в "Settings", потім в "Loading Screen" і натисніть "+ Create Default". Введіть назву "loading". Перемістіть щойно створений "loading.js" файл на панелі "Assets" в папку "script".
Відредагуйте файл "loading.js" видаліть весь існуючий код, скопіюйте та вставте код наведений вище. Збережіть зміни.
Запустіть проект за кнопкою "Play". Добре, у нас з'явився новий стильний екран завантаження. Круто!
Я не описуватиму як змінювався код "loading.js", скажу лише, що для його редагування потрібно мати знання "JavaScript", "HTML" і "CSS". Якщо у вас виникнуть питання, як адаптувати код до своїх потреб, звертайтеся до мене на Patreon.
Patreon - 3DGROUNDВисновок
Я зняв відео з веб-браузера, вийшло не гірше, ніж робити анімації рендер ????
Проект вийшов справді класним, інтерактив дарує новий досвід та враження. Проекти такого типу безсумнівно заслуговують на свою нішу, оскільки це дешевше і простіше ніж на Unreal Engine. Ви просто надаєте посилання клієнту та інтерактив працюватиме на десктопних комп'ютерах, мобільних пристроях, телевізорах, на Windows, Linux, iOS, Android, без якогось спеціального програмного забезпечення, скрізь, де працює веб-браузер.
Мультиплатформність і невелика вага проекту (всього 40 Мб), дозволяє відкривати проект навіть на слабких пристроях з поганим інтернет-з'єднанням.
Головна особливість Playcanvas, в тому, що над проектом може одночасно працювати кілька людей, доступна документація, багато прикладів реалізації різного функціоналу та безкоштовні 1 Гб простору.
Якщо вам цікаві такі уроки, підтримайте мене на Patreon!
Patreon - 3DGROUNDНу, а тепер давайте насолодимося результатом.
Бонус
Також, вже доступний розвинений урок з додавання більше інтерактивності інтер'єру SVOYA.
Це більш комплексний урок, який торкається важливих тем:
- Створення відеотектури для матеріалу TV, а також можливість керувати Play/Pause за допомогою UI-кнопки;
- Зміна кольорів шаф за натисканням UI-кнопки;
- Створення матеріалів для дивана, що імітує Falloff, зміна матеріалів дивана за натисканням UI-кнопки;
- Адаптація під мобільні пристрої, додавання Joystick;
- Покращення loading.js для адаптації під мобільні пристрої.
{{comment.text}}