Анимация в UI Toolkit - Урок Unity

Подписаться 9 тыс.

Просмотров 12 тыс.

50% 1

Разбираемся со свойствами Transition из UI Toolkit (UI Elements) в Unity 2021. В этом уроке мы научимся работать с анимацией из стиля и из кода и создадим скрипт для автоматического создания и анимации кнопок меню.
Код MenuSystem.cs:
gist.github.com/beregfx/8e3d9...
Наш телеграм-канал:
t.me/blasers
00:00 - Вступление
00:31 - Начало работы в UI Builder
02:15 - Создание стиля
04:12 - Создание селектора hover
06:32 - Добавление свойства Transition
12:00 - Работа с Transition в USS-файле
15:43 - Создание скрипта динамического меню
31:07 - Запуск Transition из кода
41:03 - Доработка кнопки

Опубликовано:

2 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 34

@randolphjand7327 2 года назад

You do not have to understand what he says when his code says so much. This is a great advanced tutorial for the UI Toolkit.

@Buster1998ful 2 года назад

Случайно наткнулся на видео - всё четко, очень много узнал. Больше бы туториалов по новому UI в Unity.

@DigitomProductions 2 года назад

Best tutorial I could find on UI ToolKit that utilizes modular code...and I don't speak your language ;). Cheers

@bmbs 2 года назад

Thanks a lot! I've been working with UI Toolkit for the last 6 months and can say it's a flexible and convenient system, although it has some flaws.

@DariaSigalova 2 года назад

Пусть здесь будет всегда людно! Материал, как всегда, очень подробно объясняется.

@NoUkrainian 2 года назад

Ребят, спасибо за всё, что вы делаете и выкладываете!

@user-pk9bw6ho8m 2 года назад

В добрый путь! И серебрянную кнопку каналу!

@grishabah 2 года назад

Спасибо за добро

@JenAnty_JA 2 года назад

Спасибо за контент!

@slava_bro 5 месяцев назад

Благодарю за столь информативный ролик!

@roverhover3693 7 месяцев назад

Отличный туториал, только я бы немного упростил. Вместо создания отдельного шаблона с одной единственной кнопкой - можно напрямую создавать эту кнопку. Соответственно не придётся добавлять ещё и Label внутри кнопки и копировать дерево не нужно. Просто присваиваем кнопке нужный класс и добавляем её в контейнер внутри цикла: Button button = new Button(); button.text = entry.EntryName; button.AddToClassList("menu-button"); _container.Add(button);

@andrewmad 2 года назад

Отличное видео! Жду продолжения.

@dmitriyshulman 2 года назад

Спасибо большое! Как раз думал что нужно глянуть про этот инструмент. P.S. В конце ждал что Стас скажет - "Будьте счастливы и работайте в гудини!")))

@SCHCOMM Год назад

спасибо за видос) буду рад продолжению. развития каналу!

@seldemirov 2 года назад

Очень хорошая тема и подача. Подписался в надежде на подобный контент.

@titanovsky 8 месяцев назад

Спасибо.

@user-tx5mi3ie2z 2 года назад

Было полезно.Спасибо

@fisart3D 2 года назад

Очень качественно

@atdprogrammer7598 2 года назад

Video visokogo klassa. Poshaluste prikripite funkziju s pomoshju Input System.

@pavlo.vynych Год назад

не зря в вебе работал 3 года получается) Спасибо!

@kotikovdmitry4274 2 года назад

Спасибо за отличное объяснение. Сравнить бы по оптимизации два "одинаковых" интерфейса. Один, сделанный на канвасе из всем привычных Ю-АЙ элементов, другой с помощью Ю-АЙ-Тулкит. Посмотреть спайки на открытии каждого из окон. Так чтобы окна были жирные: содержали хай рез спрайты, анимации, много элементов. Хочется понимать аргументы в вопросе "стоит ли переходить на юайтулкит?" Ну и как оно будет дружить UGUI окнами, например, если открыть сначала UGUI, а по верх вот такое новое. (Это важно, потому как на большом проекте сразу никто не сможет перейти на новую систему)

@shuraproger 8 месяцев назад

Производительность у них не отличается, на данный момент. Зайдите на форум юнитеков, они там регулярно обновляют сопутствующую тему. Про работы с актуальным интерфейсом, там есть SortOrder. Который работает по схеме UIDocument = Canvas

@notyourarmy2364 2 года назад

Up up up

@Ksardas72 2 года назад

Любопытно однако, а связка с гудини будет на этом канале?

@bmbs 2 года назад

Мы еще подумаем, как правильно разделять контент. Возможно всё.

@DeadRabbitCanDance 21 день назад

А я про UI Toolkit и не знал... Как оказывается всё уже упростили. а SVG картинки масштабируемые можно применять ? Какие транзишены и эффекты для картинок есть? Можно ли транзишены для букв делать? менять например расстояние между буквами (трекинг или кернинг) , менять высоту/ширину текста в % относительно стандартной высоты и ширины для заданного размера шрифта? делать поворот текста, делать текст по кривой?

@chinaman8214 2 года назад

@emayker 2 года назад

17:15 А что за расширение такое для vs code, которое добавляет using, как в visual studio 2019? Unity Snippets и Unity Code Snippets так не могут. Или их нужно дополнительно настроить? Спасибо!

@bmbs 2 года назад

Обычный C#-модуль. Можно нажать Ctrl+точка на клавиатуре, появится список предложений.

@lyten4287 Год назад

А почему все кнопки в одно место спавняться на 27:16 у меня не так помогите, пожалуйста.

@shepa4208 Год назад

Как ты обучался кодингу в Юнити ?

@YACommunity 11 месяцев назад

Молча

@EoLienFive Год назад

Плохо что нельзя использовать тени как в css3 и много чего ещё

@playsetlers Год назад

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