Template:UI Node Settings: Difference between revisions

From RoboPad Wiki
Jump to navigation Jump to search
(Created page with "As a UI Node, the {{{node}}} Node possesses the 'UI Transform' and 'Background Colour' settings. * '''UI Transform:''' * '''Background Colour:''' Configures the background colour of this {{{node}}} Node - the colour used to fill the background in the controller")
 
(Sums up the idea of a UI region and uses it a little better.)
 
(5 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:''' Configures the background colour of this {{{node}}} Node - the colour used to fill the background in the 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.