Template:UI Node Settings: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
(Sums up the idea of a UI region and uses it a little better.) |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
As a UI Node, the {{{node|}}} Node possesses the 'UI Transform' and 'Background Colour' settings. | As a UI Node, the {{{node|}}} Node possesses the ''UI Transform'' and ''Background Colour'' settings. All UI Nodes draw to a ''region'' on the [[The Controller| controller]] - this is an area that will be populated by the {{{node|}}} Node's display elements. | ||
* '''UI Transform:''' | * '''UI Transform''': Configures the position of this {{{node|}}} Node's UI element within the [[The Controller|controller]]. The ''Position'' x and y values control the position of the center of this element on the controller, from the bottom left (i.e. x and y values of 0 result in its center being in the bottom left, x and y values of 1 result in its center being in the top right). The ''Scale'' x and y values control the width and height of this {{{node|}}} Node's UI element, relative to the controller's width and height. Scaling occurs from the center of the {{{node|ui element}}}. | ||
* '''Background Colour | * '''Background Colour''': Configures the background colour of this {{{node|}}} Node's UI region when it is drawn to the [[The Controller|controller]]. | ||
Latest revision as of 02:11, 1 March 2023
As a UI Node, the Node possesses the UI Transform and Background Colour settings. All UI Nodes draw to a region on the controller - this is an area that will be populated by the Node's display elements.
- UI Transform: Configures the position of this Node's UI element within the controller. The Position x and y values control the position of the center of this element on the controller, from the bottom left (i.e. x and y values of 0 result in its center being in the bottom left, x and y values of 1 result in its center being in the top right). The Scale x and y values control the width and height of this Node's UI element, relative to the controller's width and height. Scaling occurs from the center of the ui element.
- Background Colour: Configures the background colour of this Node's UI region when it is drawn to the controller.