Template:UI Node Settings: Difference between revisions

From RoboPad Wiki
Jump to navigation Jump to search
(Unbolds colons)
(Sums up the idea of a UI region and uses it a little better.)
 
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''': 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}}}.
* '''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''': Configures the background colour of this {{{node|}}} Node's UI element when it is drawn to the [[The Controller|controller]].
* '''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.