Автор: MastaMan
Дата: Апрель 10, 2023
Обновлено: Июль 25, 2023
Вы читаете часть: 1 2 3 4 5

Вступление

Это заключительная часть 5 из 5 серии уроков по добавлению интерактивности интерьеру SVOYA Apartment.

Доступ к материалам, такие как: модели в формате "FBX", запеченные текстуры, скрипты и другое, вы можете получить оформив подписку на Patreon.

Patreon

Посмотреть Playcanvas проект онлайн.

View Playcanvas Project Online



Улучшение loading.js

loading screen svoya
Loading...

Я доработал “Start Screen” и сделал  некоторые изменения, например:

  • Название проекта теперь адаптируется под размер экрана;
  • Для Desktop версии можно отображать кнопки управления (W, A, S, D, Мышь);
  • Для Mobile версии кнопки управления скрываются автоматически;
  • Добавлены некоторые настройки управлением размера шрифта, скрытие второй линии названия проекта и т.д.;
  • Оптимизирован код;
  • И другие незначительные изменения.

Скрипт “loading.js”.



Добавьте скрипт в проект, заменив старый. Откройте скрипт двойным кликом на него.

Теперь некоторые настройки вынесены вверх скрипта. Например, вы можете изменить название проекта “projectNameLine1” и скрыть вторую линию с названием, оставив пустым значение “projectNameLine2”.

loading js settings
Loading...

“fontWidth” и “controlsSize” отвечают за размеры текста и картинки с кнопками управления.
А с помощью “showControlsUsage” можно совсем спрятать картинку кнопок управления, установив в “false”.

Стоит отметить, что значения “vw” это процентное соотношение по ширине, например “10vw” - это 10% от ширины экрана.
А “vh” это процентное соотношение по высоте, например “8vh” - это 8% от высоты экрана.

Если, вам необходимо помочь с редактированием данного скрипта, пишите мне  в Patreon.

Patreon

Результат проделанной работы вы можете посмотреть по ссылке.

View Playcanvas Project Online



Заключение

В заключение серии уроков SVOYA Apartment мы хотим выразить благодарность всем нашим ученикам за их упорство и творческий подход к созданию потрясающих интерьеров. Мы уверены, что наши уроки помогли вам раскрыть свой потенциал и научиться создавать уровни любой сложности.

Более того, вы теперь можете использовать наш проект как шаблон для создания своих собственных невероятных проектов интерьерной визуализации. Мы надеемся, что вам понравилась наша серия уроков и желаем вам дальнейших успехов в вашей творческой работе!

Для подписчиков Patreon будет возможность просматривать проект SVOYA Apartment в режиме чтения, а также быстрое копирование-вставка необходимых ассетов и скриптов в свой личный проект.

Для всех остальных все необходимое найдете на странице этого урока.

Patreon


Вы читаете часть: 1 2 3 4 5
{{commentsMsg}}
  

Никто не оставил комментариев
{{comment.lastname}} {{comment.name}} {{comment.date}}
{{comment.text}}
Sponsored content