UI Toolkit Blurred Background - Fast translucent UI Blur image

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

Размытый фон для элементов UI Toolkit.

Удобный и понятный пользовательский интерфейс для всех.

✔️ Очень простой в использовании

Добавляет новый визуальный элемент в вашу библиотеку компонентов. Не требует настройки или кодирования.

✔️ Работает на всех конвейерах рендеринга.

Поддерживаются встроенные протоколы URP и HDRP

✔➡ Примеры включены

Перейдите на страницу Kamgam/UIToolkitBlurredBackground/Examples, чтобы открыть демонстрационную версию.

✔️ Готово для мобильных устройств

Несколько настроек качества, чтобы вы могли адаптировать его к своим потребностям.

✔️ Полный исходный код включен

Я публикую этот ресурс с полным исходным кодом, потому что, как разработчик, я знаю, как это раздражает - не иметь доступа к исходному коду. Если вам это нравится, пожалуйста, напомните другим о покупке плагина. Не копируйте и не вставляйте его везде. Спасибо тебе ❤️

✔️ Поддерживает Unity 2021.2+, 2022, 2023, Unity 6 (да, поддерживает графику рендеринга), Unity 6.3, ... LTS

⚠ Размытие пользовательского интерфейса поверх пользовательского интерфейса только в Unity 6.3+ в сочетании с ФИЛЬТРАМИ

Во всех остальных версиях размыто только содержимое сцены.

ПОЖАЛУЙСТА, ознакомьтесь с инструкцией перед покупкой, если вы хотите использовать UI поверх UI blur. Есть некоторые ограничения и требуется ручная настройка (без кодирования). Ознакомьтесь с инструкцией.

✔️ Работает с USS-фильтрами (новыми в Unity 6.3 🥳)

В Unity 6.3 наконец-то были добавлены фильтры на основе шейдеров (ура). Однако эти фильтры (например, размытие пользовательского интерфейса) влияют только на сам пользовательский интерфейс, а не на содержимое сцены за ним. - Это означает, что если вы хотите получить полностью размытый вид (пользовательский интерфейс и фон), вы все равно можете использовать этот ресурс. Пожалуйста, ознакомьтесь с инструкцией о том, как наилучшим образом использовать размытие фона в сочетании с фильтрами (TLDR: Используйте низкое размытие, например, 0,1 для этого актива, и высокое размытие для нового фильтра, готово).

Что вам следует знать (👓 пожалуйста, прочтите это перед покупкой).

Здесь есть инструкция с большим количеством скриншотов. Пожалуйста, прочтите ее перед использованием ресурса.

Это не ресурс UGUI или IMGUI. Это для нового набора инструментов пользовательского интерфейса.

Если вам нужно размытие UGUI, пожалуйста, ознакомьтесь с моим ресурсом UGUI Blurred Background.

❗️ Вам нужна версия Unity 2021.2 или выше.

❗️ Новый режим "Мировое пространство" в Unity 6000.2+ или выше поддерживается только в URP.

❗️ Нет сглаживания для закругленных углов. Это ограничение UIToolkit, надеюсь, когда-нибудь они его исправят.

⚠️ Встроенный конвейер рендеринга добавит к вашим камерам компонент скрипта, который подключится к процессу рендеринга и сгенерирует размытое изображение. Этот компонент не сохраняется в сцене. При необходимости он будет создан во время выполнения.

⚠️ Он предполагает прямой рендеринг. Если вы используете отложенный рендеринг, то он может не сработать (он не протестирован на средствах отложенного рендеринга).

⚠️ 2D-проекты URP официально не поддерживаются (если вы используете универсальный конвейер рендеринга с 2D-рендерером). Это сработало в некоторых тестовых сценариях, но не было широко протестировано. Обратите внимание: обычные URP-проекты поддерживаются полностью.

⚠️ НЕТ поддержки виртуальной реальности: у меня были сообщения о том, что она не работает в Quest 2, что наводит меня на мысль, что она не работает в виртуальной реальности. Изображение может получиться размытым, но, скорее всего, оно будет смещено.

⚠️ Нет HDR: На данный момент HDR не поддерживается (поддерживается HDRP, но не рендеринг с высоким динамическим диапазоном). Почему? -> это сложно

✍️ Использование

1) Откройте окно конструктора пользовательского интерфейса

2) Добавьте новый элемент UIToolkitBlurredBackground из раздела Библиотека > Проект > Kamgam.

3) Готово. Дальнейшая настройка не требуется. Он ведет себя так же, как любой обычный визуальный элемент.

😎 ПОДСКАЗКА 1:

Размытый фон рисуется ПОВЕРХ обычного фона. Используйте альфа-оттенок в сочетании с ярким цветом фона, чтобы имитировать полупрозрачное белое стекло.

СОВЕТ 2:

Попробуйте использовать низкое разрешение для сильно размытых фонов. Таким образом, вы сможете сэкономить некоторые ресурсы. Лучше потратьте эти секунды в другом месте!

🤠 ПОДСКАЗКА 3:

Если вы хотите полностью отключить размытие, установите количество итераций размытия или силу размытия на 0. Это отключит эффект.

🤓 ПОДСКАЗКА 4:

Используйте как можно меньше "итераций размытия" (в идеале - 1). Итерации могут повысить качество, но они также являются самой дорогостоящей настройкой, которую вы можете использовать. Лучше использовать эти настройки качества.

СОВЕТ № 5:

Размытие визуализируется (извлекается) один раз за кадр из вашего уже отрисованного цветового буфера. Это означает, что накладные расходы очень малы, и не имеет значения, насколько велик размытый пользовательский интерфейс.

🥳 ПОДСКАЗКА 6:

В Unity 6.3 используйте низкое значение размытия (например, 0,1), чтобы любой фильтр воздействовал на размытый контент. Этот трюк можно использовать для применения фильтра размытия пользовательского интерфейса к пользовательскому интерфейсу, включающему сцену (чего обычно не происходит). О, и это работает не только для размытия, но и для всех фильтров. Наслаждайтесь :-)