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

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

Власний 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 у кроці туторіалу.