-
Notifications
You must be signed in to change notification settings - Fork 96
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
33 additions
and
31 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -25,34 +25,4 @@ brief: В данном руководстве объясняется, как и | |
|
||
Ноды Box могут воспроизводить анимацию из атласов или тайловых источников. За подробностями обращайтесь к [руководству по мультикадровой анимации](/manuals/flipbook-animation). | ||
|
||
## Текстурирование Slice9 | ||
|
||
В графических интерфейсах часто встречаются элементы, чувствительные к контексту в отношении их размера: панели и диалоговые окна, размер которых необходимо изменять, чтобы вместить содержащееся в них содержимое. Это может вызвать визуальные проблемы, если применять текстурирование к изменяемой в размерах ноде. | ||
|
||
Обычно движок масштабирует текстуру, чтобы она соответствовала границам ноды Box, но, определив краевые области Slice9, можно определить границы того, какие части текстуры должны масштабироваться: | ||
|
||
![GUI scaling](images/gui-box/scaling.png){srcset="images/gui-box/[email protected] 2x"} | ||
|
||
Нода Box *Slice9* включает в себя 4 числа, которые определяют количество пикселей для левого, верхнего, правого и нижнего полей, которые не должны подвергаться регулярному масштабированию: | ||
|
||
![Slice 9 properties](images/gui-box/slice9_properties.png){srcset="images/gui-box/slice9[email protected] 2x"} | ||
|
||
Поля устанавливаются по часовой стрелке, начиная с левого края: | ||
|
||
![Slice 9 sections](images/gui-box/slice9.png){srcset="images/gui-box/[email protected] 2x"} | ||
|
||
- Угловые сегменты никогда не масштабируются. | ||
- Краевые сегменты масштабируются вдоль одной оси. Левый и правый краевые сегменты масштабируются по вертикали. Верхний и нижний краевые сегменты масштабируются по горизонтали. | ||
- Центральная область текстуры масштабируется по горизонтали и вертикали по мере необходимости. | ||
|
||
Описанное выше масштабирование текстуры *Slice9* применяется только при изменении размера ноды Box: | ||
|
||
![GUI box node size](images/gui-box/slice9_size.png){srcset="images/gui-box/slice9[email protected] 2x"} | ||
|
||
Если изменить параметр Scale ноды Box --- нода и текстура будут масштабироваться без применения параметров *Slice9*. | ||
|
||
Из-за того, как работает мипмаппинг в рендере, при масштабировании сегментов текстуры иногда могут возникать артефакты. Это происходит при _масштабировании_ сегментов ниже исходного размера текстуры. Затем рендерер выбирает для сегмента мипмап с более низким разрешением, что приводит к появлению визуальных артефактов. | ||
|
||
![Slice 9 mipmapping](images/gui-box/mipmap.png){srcset="images/gui-box/[email protected] 2x"} | ||
|
||
Чтобы избежать этой проблемы, убедитесь, что сегменты текстуры, которые будут масштабироваться, достаточно малы, чтобы никогда не масштабироваться в меньшую сторону, а только в большую. | ||
:[Slice-9](../shared/slice-9-texturing.md) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
## Текстурирование Slice9 | ||
|
||
В графических интерфейсах часто встречаются элементы, чувствительные к контексту в отношении их размера: панели и диалоговые окна, размер которых необходимо изменять, чтобы вместить содержащееся в них содержимое. Это может вызвать визуальные проблемы, если применять текстурирование к изменяемой в размерах ноде. | ||
|
||
Обычно движок масштабирует текстуру, чтобы она соответствовала границам ноды Box, но, определив краевые области Slice9, можно определить границы того, какие части текстуры должны масштабироваться: | ||
|
||
![GUI scaling](../shared/images/gui_slice9_scaling.png){srcset="../shared/images/gui_[email protected] 2x"} | ||
|
||
|
||
Нода Box *Slice9* включает в себя 4 числа, которые определяют количество пикселей для левого, верхнего, правого и нижнего полей, которые не должны подвергаться регулярному масштабированию: | ||
|
||
![Slice 9 properties](../shared/images/gui_slice9_properties.png){srcset="../shared/images/gui_[email protected] 2x"} | ||
|
||
Поля устанавливаются по часовой стрелке, начиная с левого края: | ||
|
||
![Slice 9 sections](../shared/images/gui_slice9.png){srcset="../shared/images/gui_[email protected] 2x"} | ||
|
||
- Угловые сегменты никогда не масштабируются. | ||
- Краевые сегменты масштабируются вдоль одной оси. Левый и правый краевые сегменты масштабируются по вертикали. Верхний и нижний краевые сегменты масштабируются по горизонтали. | ||
- Центральная область текстуры масштабируется по горизонтали и вертикали по мере необходимости. | ||
|
||
Описанное выше масштабирование текстуры *Slice9* применяется только при изменении размера ноды Box: | ||
|
||
![GUI box node size](../shared/images/gui_slice9_size.png){srcset="../shared/images/gui_[email protected] 2x"} | ||
|
||
Если изменить параметр Scale ноды Box --- нода и текстура будут масштабироваться без применения параметров *Slice9*. | ||
|
||
Из-за того, как работает мипмаппинг в рендере, при масштабировании сегментов текстуры иногда могут возникать артефакты. Это происходит при _масштабировании_ сегментов ниже исходного размера текстуры. Затем рендерер выбирает для сегмента мипмап с более низким разрешением, что приводит к появлению визуальных артефактов. | ||
|
||
![Slice 9 mipmapping](../shared/images/gui_slice9_mipmap.png){srcset="../shared/images/gui_[email protected] 2x"} | ||
|
||
Чтобы избежать этой проблемы, убедитесь, что сегменты текстуры, которые будут масштабироваться, достаточно малы, чтобы никогда не масштабироваться в меньшую сторону, а только в большую. |