Добавление интерактивности интерьеру SVOYA (Playcanvas/WebGL). Часть 5
Вступление
Это заключительная часть 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 в режиме чтения, а также быстрое копирование-вставка необходимых ассетов и скриптов в свой личный проект.
Для всех остальных все необходимое найдете на странице этого урока.
PatreonFAQ
1. О чём эта статья?
2. Что рассматривается в Part 5?
3. Нужно ли пройти предыдущие части перед Part 5?
4. Почему важно развивать интерактивный проект поэтапно?
5. Можно ли использовать показанные техники в других проектах?
6. Сосредоточена ли Part 5 на улучшении пользовательского опыта?
7. Можно ли создавать собственные элементы интерфейса?
8. Могут ли пользователи взаимодействовать с элементами сцены в реальном времени?
9. Почему оптимизация остаётся важной?
10. Могут ли проекты PlayCanvas работать как на компьютерах, так и на мобильных устройствах?
11. Подходит ли PlayCanvas для создания конфигураторов и презентаций интерьеров?
12. Можно ли продолжать расширять функциональность после публикации?
13. Требуются ли навыки программирования для создания сложной интерактивности?
14. Могут ли эти решения улучшить коммерческие презентации?
15. Какие преимущества дают интерактивные WebGL-проекты?
16. Для кого будет полезна эта статья?
Последние статьи
{{comment.text}}