Розширене: Створення Префаба Візуалу

Створення власних візуальних елементів з нуля.

Власний UI Pointer або Hover

  • Створіть GameObject на шарі UI і додайте до нього зображення покажчика.

  • Додайте компонент UIPointerGraphAnimation до головного GameObject.

  • У полі Settings призначте налаштування. Створіть нові через Create > Tutorial System > Pointer Graphic Settings. Для повного контролю анімації використовуйте налаштування UIPointerNone.

  • За бажанням додайте текстовий елемент і призначте його до поля Text Element для відображення тексту кроку.

  • Додайте всі зображення покажчика до списку Images To Lerp для автоматичного вимкнення raycast і можливих анімацій затухання.

  • Для покажчиків у стилі миші додайте частини миші до відповідних полів для анімації.

  • Зробіть це префабом, перетягнувши у вашу папку. Тепер ви можете призначити цей префаб до полів Pointer Prefab і Hover Prefab у кроці туторіалу.

Custom UI Graphic

Всі можливі компоненти в Graphic Prefab
  • Створіть GameObject на шарі UI і додайте до нього необхідну графіку - основну композицію, спливаюче вікно, анімації тощо.

  • Додайте компонент UIGraphicAnimation до головного GameObject.

  • У полі Settings призначте налаштування. Створіть нові через Create > Tutorial System > Graphic Settings. Для повного контролю анімації використовуйте налаштування UI Graphics None.

  • За бажанням встановіть колір Background для затемнення фону графіки.

  • Виберіть позиціонування відносно канвасу або використовуйте поточні якорі.

  • За бажанням додайте текстовий елемент і призначте його до поля Text Element для відображення тексту кроку.

  • Додайте всі зображення графіки до списку Images To Lerp для автоматичного вимкнення raycast і анімацій затухання.

  • У полі Confirm Button призначте кнопку, яка вимагає натискання перед завершенням кроку. Важливо: натискання кнопки повинно запускати метод InitializeByConfirm в UIGraphicAnimation.

  • У полі Gesture Graphic призначте об'єкт анімації свайпу, щоб відображати напрямок свайпу без дублювання графіки.

  • Зробіть це префабом, перетягнувши у вашу папку. Тепер ви можете призначити цей префаб до полів Graphic Prefab у кроці туторіалу.

Кнопка Confirm повинна мати посилання на скрипт графіки і активувати метод InitializeByConfirm

Власний World Pointer або Hover

  • Створіть GameObject у світових координатах і додайте до нього спрайт/меш покажчика.

  • Додайте компонент WorldPointerAnimation до головного GameObject.

  • У полі Settings призначте налаштування. Створіть нові через Create > Tutorial System > World Pointer Settings. Для повного контролю анімації використовуйте налаштування WorldPointerNone.

  • За бажанням додайте світовий текстовий елемент і призначте його до поля Text Element для відображення тексту кроку.

  • Додайте всі спрайти покажчика до списку Sprites To Lerp і всі меші покажчика до списку Meshes To Lerp для автоматичного вимкнення raycast і можливих анімацій затухання.

  • Для покажчиків у стилі Frame додайте Frame Corner Prefab верхнього лівого кута.

  • Зробіть це префабом, перетягнувши у вашу папку. Тепер ви можете призначити цей префаб до полів World Pointer Prefab і World Hover Prefab у кроці туторіалу.

Власний World Graphic

  • Створіть GameObject у світових координатах і додайте до нього необхідну графіку.

  • Додайте компонент WorldGraphicAnimation до головного GameObject.

  • У полі Settings призначте налаштування. Створіть нові через Create > Tutorial System > World Graphic Settings. Для повного контролю анімації використовуйте налаштування UI Graphics None. Виберіть позиціонування відносно Camera або використовуйте поточну позицію.

  • За бажанням додайте текстовий елемент і призначте його до поля Text Element для відображення тексту кроку.

  • Додайте всі спрайти покажчика до списку Sprites To Lerp і всі меші покажчика до списку Meshes To Lerp для автоматичного вимкнення raycast і можливих анімацій затухання.

  • Зробіть це префабом, перетягнувши у вашу папку. Тепер ви можете призначити цей префаб до полів World Graphic Prefab у кроці туторіалу.

Last updated