--- title: GUI-нода Box brief: В данном руководстве объясняется, как использовать GUI-ноду Box. --- # GUI-нода Box Нода Box --- это прямоугольник, заполненный цветом, текстурой или анимацией. ## Добавление ноды Box Добавьте новую ноду Box, либо кликнув ПКМ в *Outline* и выбрав Add ▸ Box, либо нажав A и выбрав Box. Можно использовать изображения и анимацию из атласов или тайловых источников, добавленных в GUI. Добавьте текстуры, кликнув ПКМ по иконке папки *Textures* в *Outline* и выбрав Add ▸ Textures.... Затем задайте свойство *Texture* для ноды Box: ![Textures](images/gui-box/create.png){srcset="images/gui-box/create@2x.png 2x"} Важно отметить, что ноды Box будет оттенять графику. Цвет оттенка умножается на данные изображения, то есть если установить белый цвет (по умолчанию), то оттенок применяться не будет. ![Tinted texture](images/gui-box/tinted.png){srcset="images/gui-box/tinted@2x.png 2x"} Ноды Box всегда рендерятся, даже если им не назначена текстура, или их альфа установлена в `0`, или они имеют размер `0, 0, 0`. Ноды Box всегда должны иметь назначенную им текстуру, чтобы рендерер мог правильно их сортировать и уменьшить количество вызовов отрисовки. ## Воспроизведение анимации Ноды Box могут воспроизводить анимацию из атласов или тайловых источников. За подробностями обращайтесь к [руководству по мультикадровой анимации](/manuals/flipbook-animation). :[Slice-9](../shared/slice-9-texturing.md)