Uiux

Ну в HIG общие слова , примеры можно глянуть только в туториал SwiftUI. В Материал 3 очень много примеров, также есть сравнение анимации в Android и в iOS.

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

Поэтому при выполнении своего тестового я решил сделать анимацию максимально простую в чем-то реалистичную. Это моя первая анимированная иконка и первый опыт работы в RIVE.

А вот и она (интерактивная версия здесь).

У вас есть инструмент с графическим интерфейсом и структура триггеров, которые позволяют вам добавить больше жизни и действия в вашу игру. Установите, как будут вести себя ваши объекты, свяжите их с пользовательскими событиями и наслаждайтесь созданием большего.

Совместимость конвейера рендеринга

Встроенный конвейер рендеринга — это конвейер рендеринга Unity по умолчанию. Это конвейер рендеринга общего назначения с ограниченными возможностями настройки. Универсальный конвейер рендеринга (URP) — это конвейер рендеринга с поддержкой сценариев, который легко и быстро настраивается и позволяет создавать оптимизированную графику для широкого спектра платформ. Конвейер рендеринга высокого разрешения (HDRP) — это конвейер рендеринга с поддержкой сценариев, который позволяет создавать передовую высококачественную графику на высокопроизводительных платформах.

Юнити-версия: 2021.3.5f1

Совместимый c рендерерами встроенный, УРП, HDRP

Описание

Make It Flow — это инструмент редактирования и платформа событий UGUI, которая расширяет проект с помощью удобных событий для указателя и системных действий. Это упрощает и ускоряет разработку основанных на событиях композиций Canvas (игровой пользовательский интерфейс, 2D-игра Canvas, приложение или любая разработка, связанная с Canvas) с окном редактора для настройки, привязки и настройки.

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

✔️ Что это:

• Фреймворк событий, который обрабатывает удобные события на холсте и графических объектах, чтобы ускорить вашу разработку.

• Инструмент, который добавляет новый уровень абстракции в UGUI.

• Фреймворк для использования с объектами Canvas

• Визуальный инструмент, который позволяет добавлять поведения к объектам UGUI без кодирования, а новое поведение может быть создано пользователем при необходимости.

• Инструмент, который может ускорить и облегчить разработку пользовательского интерфейса, делая графические объекты готовыми с помощью удобных событий и позволяя легко связывать их с поведением.

❌ Чем не является:

• Универсальный инструмент, который будет охватывать весь процесс разработки пользовательского интерфейса.

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

• Инструмент анимации

• Просто кнопки событий

👉Как использовать:

🟢Добавить поведение

🟢 Связать с триггером

🟢 Настройте параметры

➕

🟡 Объединить поведение

🟡 Перекрестные триггерные объекты (когда триггер A ведет себя как B)

➕

⚫ Расширяйте, добавляя пользовательские события и поведения

🌟Поддержка всех режимов рендеринга холста

📚 Документация

📚Справочник по коду

🎮 Образец сцены 1

🎮 Образец сцены 2

В настоящее время доступные события:

• Кликабельно: OnClick, OnDoubleClick, OnHoldClick, OnPointerDown, OnPointerHold, OnPointerUp, OnSecondaryPointerDown, OnSecondaryPointerHold, OnSecondaryPointerUp;

• Возможность перетаскивания: OnDrag, OnDragEnd, OnDragStart;

• Наведение: OnPointerEnter, OnPointerEnterDrag, OnPointerExit, OnPointerExitDrag, OnPointerStay, PointerStayDrag;

• Выбираемые: OnSelect, OnUnselect;

• Системные события: OnStart.

На данный момент доступные варианты поведения:

AlphaCurve, AngleCurve, CallMethod, ChangeSprite, ColorCurve, Delay, FollowAngleToTarget, FollowPointer, FollowPointerSpring, FollowTargetPosition, LookAtPointerPosition, Outline, PositionCurve, RectSizeCurve, Rotate, Scale, ScaleCurve, SetParent, TranslateToTarget.

Как Забрать?

• довавить в корзину

• перейти к оплате

• вбить промокод

• Promo code: MEADOWGAMES

ЗАБРАТЬ

Если вам сложно или лень с нуля пилить UI , то HONETi продавец недели на Unity асет стор раздает набор 2д UI в темных тонах.

Содержит графику для:

Экраны:

• Авторизоваться

• Настройки (видео, аудио, игра и элементы управления)

• Магазин

• Инвентарь

• Квесты

• Уровни

• Навыки

• Чат

• Достижения

• Создать и выбрать персонажа

Окна:

• Авторизоваться

• Пауза

• Выход

• Информация о предмете

• Чат

124 уникальных предмета и значка

• в 5 размерах: 32x32px, 64x64px, 128x128px, 256x256px, 512x512px

Кнопки (настраиваемые цвета в Unity):

• Обычный

• Очерченный

• Кнопки со значками (обычными и контурными)

• Закрыть, Справка, Информация, Поделиться

• Флажок, переключатель, радио

Другие элементы:

• Пузыри здоровья и маны

• Индикаторы здоровья и маны

• Индикаторы опыта и прогресса со светящейся заливкой (5 цветов + белый)

• полосы прокрутки

• Слайдеры

• Поля ввода

• Облака чата

• Панель действий

+ Полные редактируемые файлы .psd

+ .ai файл с предметами и иконками

Нажимаем купить

и в корзинке вписываем

Промокод: DARKFLAT

жмем применить и получаем

Забрать