Вступление
Это заключительная часть 5 из 5 серии уроков по добавлению интерактивности интерьеру SVOYA Apartment.
Доступ к материалам, такие как: модели в формате "FBX", запеченные текстуры, скрипты и другое, вы можете получить оформив подписку на Patreon.
PatreonПосмотреть Playcanvas проект онлайн.
View Playcanvas Project OnlineУлучшение loading.js
Я доработал “Start Screen” и сделал некоторые изменения, например:
- Название проекта теперь адаптируется под размер экрана;
- Для Desktop версии можно отображать кнопки управления (W, A, S, D, Мышь);
- Для Mobile версии кнопки управления скрываются автоматически;
- Добавлены некоторые настройки управлением размера шрифта, скрытие второй линии названия проекта и т.д.;
- Оптимизирован код;
- И другие незначительные изменения.
Скрипт “loading.js”.
Добавьте скрипт в проект, заменив старый. Откройте скрипт двойным кликом на него.
Теперь некоторые настройки вынесены вверх скрипта. Например, вы можете изменить название проекта “projectNameLine1” и скрыть вторую линию с названием, оставив пустым значение “projectNameLine2”.
“fontWidth” и “controlsSize” отвечают за размеры текста и картинки с кнопками управления.
А с помощью “showControlsUsage” можно совсем спрятать картинку кнопок управления, установив в “false”.
Стоит отметить, что значения “vw” это процентное соотношение по ширине, например “10vw” - это 10% от ширины экрана.
А “vh” это процентное соотношение по высоте, например “8vh” - это 8% от высоты экрана.
Если, вам необходимо помочь с редактированием данного скрипта, пишите мне в Patreon.
Результат проделанной работы вы можете посмотреть по ссылке.
View Playcanvas Project OnlineЗаключение
В заключение серии уроков SVOYA Apartment мы хотим выразить благодарность всем нашим ученикам за их упорство и творческий подход к созданию потрясающих интерьеров. Мы уверены, что наши уроки помогли вам раскрыть свой потенциал и научиться создавать уровни любой сложности.
Более того, вы теперь можете использовать наш проект как шаблон для создания своих собственных невероятных проектов интерьерной визуализации. Мы надеемся, что вам понравилась наша серия уроков и желаем вам дальнейших успехов в вашей творческой работе!
Для подписчиков Patreon будет возможность просматривать проект SVOYA Apartment в режиме чтения, а также быстрое копирование-вставка необходимых ассетов и скриптов в свой личный проект.
Для всех остальных все необходимое найдете на странице этого урока.
Patreon