Skip to main content

Screen

The screen component defines the area and rendering of the user interface. All children added to a screen component must have element components.

For more details, see the User Interface section.

Screen Component

Component Properties

PropertyDescription
Screen SpaceWhen enabled, the screen's content is rendered as a 2D overlay on the canvas.
ResolutionWhen Screen Space is false. The resolution of the screen coordinates. Screen coordinates increase when moving right and up. For Screen Space components, the resolution is always determined from the canvas resolution.
Reference ResolutionWhen Scale Mode is Blend. The resolution used to calculate the scale factor.
Scale ModeDetermines how the user interface changes when the window size doesn't match the screen size. Can be one of:
  • None: Nothing is scaled.
  • Blend: Screen content is scaled by the ratio of the reference resolution to the actual resolution. Use the Scale Blend property to adjust the scaling weight between horizontal and vertical resolution usage.
Scale BlendThe scaling weight between horizontal (Scale Blend = 0) and vertical (Scale Blend = 1).
PriorityDetermines the order in which screen components on the same layer are rendered (higher priority renders on top). The number must be an integer between 0 and 255.