Manuals
Manuals




This translation is community contributed and may not be up to date. We only maintain the English version of the documentation. Read this manual in English

Вузли Box у GUI

Вузол Box — це прямокутник, заповнений кольором, текстурою або анімацією.

Додавання вузлів Box

Щоб додати нові вузли Box, клацніть правою кнопкою миші на панелі Outline і виберіть Add ▸ Box або натисніть A і виберіть Box.

Ви можете використовувати зображення й анімації з атласів або джерел плиток, доданих до GUI. Щоб додати текстури, клацніть правою кнопкою миші піктограму папки Textures на панелі Outline і виберіть Add ▸ Textures.... Потім задайте властивість Texture вузла Box:

Текстури

Зауважте, що колір вузла Box тонуватиме графіку. Колір тонування множиться на дані зображення, тобто якщо задати білий колір (типове значення), тонування не застосовуватиметься.

Тонована текстура

Вузли Box завжди рендеряться, навіть якщо їм не призначено текстуру, їхнє значення альфа дорівнює 0 або вони мають розмір 0, 0, 0. Вузлам Box завжди слід призначати текстуру, щоб рендерер міг правильно об’єднувати їх у пакети й зменшувати кількість викликів малювання.

Відтворення анімацій

Вузли Box можуть відтворювати анімації з атласів або джерел плиток. Докладніше див. у посібнику з покадрової анімації.

Текстурування Slice-9

Вузли Box у GUI та компоненти Sprite іноді використовують для елементів, розмір яких залежить від контексту: панелей і діалогових вікон, що мають змінювати розмір відповідно до вмісту, або індикаторів здоров’я, які мають змінювати розмір, щоб показувати залишок здоров’я ворога. Накладання текстури на вузол або спрайт зі зміненим розміром може спричинити візуальні проблеми.

Зазвичай рушій масштабує текстуру, щоб вона вписувалася в прямокутні межі, але, визначивши крайові ділянки slice-9, можна обмежити частини текстури, які масштабуватимуться:

Масштабування GUI

Властивість Slice9 вузла Box складається з 4 чисел, що задають у пікселях ліве, верхнє, праве й нижнє поля, які не слід масштабувати звичайним способом:

Властивості Slice 9

Поля задаються за годинниковою стрілкою, починаючи з лівого краю:

Ділянки Slice 9

  • Кутові сегменти ніколи не масштабуються.
  • Крайові сегменти масштабуються вздовж однієї осі. Лівий і правий крайові сегменти масштабуються по вертикалі. Верхній і нижній крайові сегменти масштабуються по горизонталі.
  • Центральна ділянка текстури масштабується по горизонталі й вертикалі за потреби.

Описане вище масштабування текстури Slice9 застосовується лише тоді, коли ви змінюєте розмір вузла Box або спрайта:

Розмір вузла Box у GUI

Розмір спрайта

Якщо ви змінюєте параметр масштабу вузла Box чи спрайта (або ігрового об’єкта), вузол або спрайт разом із текстурою масштабується без застосування параметрів Slice9.

Коли ви використовуєте текстурування slice-9 для спрайтів, властивість Sprite Trim Mode зображення має бути встановлена в Off.

Піраміди текстур і slice-9

Через особливості роботи пірамід текстур (mipmaps) у рендерері масштабування сегментів текстури іноді може спричиняти артефакти. Це трапляється, коли ви зменшуєте сегменти відносно початкового розміру текстури. Тоді рендерер вибирає для сегмента рівень піраміди текстур із нижчою роздільністю, що призводить до візуальних артефактів.

Піраміди текстур Slice 9

Щоб уникнути цієї проблеми, переконайтеся, що сегменти текстури, які масштабуватимуться, достатньо малі: їх має бути потрібно лише збільшувати, а ніколи не зменшувати.