|
@@ -25,34 +25,4 @@ Box nodes are always rendered, even if they do not have a texture assigned to th
|
|
|
|
|
|
Box nodes can play animations from atlases or tile sources. Refer to the [flipbook animation manual](/manuals/flipbook-animation) to learn more.
|
|
|
|
|
|
-## Slice-9 texturing
|
|
|
-
|
|
|
-GUIs often feature elements that are context sensitive in regard to their size: panels and dialogs that need to be resized to fit the containing content. These may cause visual problems when you apply texturing to the resized node.
|
|
|
-
|
|
|
-Normally, the engine scales the texture to fit the boundaries of a box node, but by defining slice-9 edge areas it is possible to limit what parts of the texture that should scale:
|
|
|
-
|
|
|
-{srcset="images/gui-box/[email protected] 2x"}
|
|
|
-
|
|
|
-The *Slice9* box node consists of 4 numbers that specify the number of pixels for the left, top, right and bottom margin that should not be regularly scaled:
|
|
|
-
|
|
|
-{srcset="images/gui-box/[email protected] 2x"}
|
|
|
-
|
|
|
-The margins are set clockwise, starting on the left edge:
|
|
|
-
|
|
|
-{srcset="images/gui-box/[email protected] 2x"}
|
|
|
-
|
|
|
-- Corner segments are never scaled.
|
|
|
-- Edge segments are scaled along a single axis. The left and right edge segments are scaled vertically. The top and bottom edge segments are scaled horizontally.
|
|
|
-- The central texture area is scaled horizontally and vertically as needed.
|
|
|
-
|
|
|
-The *Slice9* texture scaling described above is only applied when you change box node's size:
|
|
|
-
|
|
|
-{srcset="images/gui-box/[email protected] 2x"}
|
|
|
-
|
|
|
-If you change scale parameter of the box node - the node and texture is scaled without applying *Slice9* parameters.
|
|
|
-
|
|
|
-Due to the way mipmapping works in the renderer, scaling of texture segments can sometimes exhibit artifacts. This happens when you _scale down_ segments below the original texture size. The renderer then selects a lower resolution mipmap for the segment, resulting in visual artifacts.
|
|
|
-
|
|
|
-{srcset="images/gui-box/[email protected] 2x"}
|
|
|
-
|
|
|
-To avoid this problem, make sure that the texture's segments that will be scaled are small enough never to be scaled down, only up.
|
|
|
+:[Slice-9](../shared/slice-9-texturing.md)
|