Skip to main content

Pixi UI Scaler

Scales and positions a Pixi UI layer so a fixed design keeps its proportions across screen sizes.

Game UI is usually authored at one reference size and then fitted to whatever the player has. The scaler applies that fit to its children, so a HUD stays put on a phone in portrait and a desktop monitor alike.

Inputs​

Design​

DataDescription
Design Width (number)
Design Height (number)

Mode​

DataDescription
Mode (enum)
Pixel Perfect (boolean)

Alignment​

DataDescription
Align X (0..1) (number)
Align Y (0..1) (number)

Control​

SignalDescription
Apply Now

Target​

DataDescription
Target (node)

Outputs​

State​

DataDescription
Scale (number)
Viewport Rect (object)