--- title: Węzły prostokątne - box w Defoldzie brief: Ta instrukcja wyjaśnia jak używać węzłów typu box. --- # Węzeł GUI typu box Węzeł prostokątny box to prostokąt wypełniony kolorem, teksturą lub animacją. ## Dodawanie węzłów box Dodaj nowe węzły box, klikając prawym przyciskiem myszy w widoku "Outline" i wybierając Add ▸ Box, lub naciśnij klawisz A i wybierz Box. Możesz używać obrazów i animacji z atlasów lub źródeł kafelków, które zostały dodane do GUI. Dodaj tekstury, klikając prawym przyciskiem myszy na ikonę folderu "Textures" w widoku "Outline" i wybierając Add ▸ Textures.... Następnie ustaw właściwość *Texture* węzłu box na daną teksturę: ![Textures](images/gui-box/create.png) Należy zauważyć, że kolor węzła box będzie barwił (ang. tint) grafikę. Kolor barwienia jest mnożony przez dane obrazu, co oznacza, że jeśli ustawisz kolor na biały (domyślny), w praktyce nie zostanie zastosowane barwienie. ![Tinted texture](images/gui-box/tinted.png) Węzły box są zawsze renderowane, nawet jeśli nie mają przypisanej tekstury, mają ustawioną wartość alfa na `0` lub mają rozmiar `0, 0, 0`. Węzły box powinny zawsze mieć przypisaną do nich teksturę, aby renderer mógł je właściwie grupować i zmniejszać liczbę wywołań rysowania (ang. draw calls). ## Odtwarzanie animacji Węzły pudełkowe mogą odtwarzać animacje z atlasów lub źródeł kafelków. Aby dowiedzieć się więcej, zajrzyj do [instrukcji do animacji flipbook](/manuals/flipbook-animation). :[Slice-9](../shared/slice-9-texturing.md)